You Wanted Pictures? How about pictures with STYLE? by Richard J. Beach First Demo of Tioga Artwork This is the first substantial output of the Tioga Artwork prototype. There have been a couple of previous tests, but they were really nothing very exciting. This page has typeset text, composed headings, and incorporates synthetic line drawings. The prototype software combines Tioga styles with Griffin pictures and renders them with the Tioga typesetter. Griffin pictures are converted into both a Tioga document which contains only the geometery instructions and an associated Tioga graphical style sheet. Tioga editting functions can be applied to both the picture file and the style sheet. The following simple image was converted directly from [Ivy]Griffin>Simple.Griffin and is reproduced here below. % Cluster 1 .3 .3 .scale 20 .rotate 100 0 .translate monk.ais The style sheet for this simple picture contains the following definitions: (PathStyle1) ". . ." { grey areaColor black outlineColor filled+outlined pathType 2 pt lineWeight } StyleRule (PathStyle2) ". . ." { black outlineColor outlined pathType 2 pt lineWeight } StyleRule where the meaning of the graphical style parameters are intended to be obvious. Graphical style allows us to modify the rendering of the picture without resorting to an illustrator. In particular we can copy (by using Tioga to copy the node structure), scale, translate and/or rotate the object (by inserting JaMGraphics commands). The prototype Tioga Artwork software provides several graphical style features, such as drop and offset shadowing, a selection of pen types (square, round, italic, elliptical), and color selections. A picture is worth a thousand words, so let me produce two simple pictures side by side with significantly different renderings. %% Artwork figure for simple .6 .6 .scale 30 50 .translate % Cluster 1 -132 -361 .translate 1 1 .scale % Object 1 132 274 .translate 1 1 .scale 0 .rotate 34 87 .moveto 90 43 216 77 230 136 .curveto 241 183 180 246 120 257 .curveto 71 266 23 239 7 197 .curveto -7 160 2 112 34 87 .curveto % Object 2 170 260 .translate 1 1 .scale 0 .rotate 1 142 .moveto 159 287 .lineto % Object 3 170 256 .translate 1 1 .scale 0 .rotate 1 146 .moveto 1 295 .lineto % Object 4 170 401 .translate 1 1 .scale 0 .rotate 166 1 .moveto 1 1 .lineto %% Artwork figure for simple .5 .5 .scale 350 60 .translate % Cluster 1 -132 -361 .translate 1 1 .scale % Object 1 132 274 .translate 1 1 .scale 0 .rotate 34 87 .moveto 90 43 216 77 230 136 .curveto 241 183 180 246 120 257 .curveto 71 266 23 239 7 197 .curveto -7 160 2 112 34 87 .curveto % Object 2 170 260 .translate 1 1 .scale 0 .rotate 1 142 .moveto 159 287 .lineto % Object 3 170 256 .translate 1 1 .scale 0 .rotate 1 146 .moveto 1 295 .lineto % Object 4 170 401 .translate 1 1 .scale 0 .rotate 166 1 .moveto 1 1 .lineto The style definitions of these pictures have the following styles: (LightOne) ". . ." { yellow areaColor darkBlue outlineColor filled+outlined pathType 4 pt lineWeight } StyleRule (DarkOne) ". . ." { red areaColor 50 percent areaSaturation darkRed outlineColor filled+outlined pathType 10 pt lineWeight elliptical penType 1 penWidth 3 penHeight drop shadowType downRight shadowDirection lightBlue shadowAreaColor 30 pt shadowWeight } StyleRule (LineStyle) ". . ." { black outlineColor outlined pathType square penType 8 pt lineWeight } StyleRule In order to ensure that there was some space left above each figure, the enclosing node has a style which provides extra leading above and below the picture. It is not part of the picture. Êñ–"simple" style˜Ititle˜Isubtitle˜L˜Isection˜Idefaultšœ«Ïe œœœ˜õN˜ÖFigure˜• ArtworkClassnil•ArtworkTRUE˜6J–nil–TRUE• ArtworkImageTRUE˜——Idef˜ N˜ONšœÏs+œ,ž#œž#œ˜ÄN˜€– ArtworkNode–TRUE˜– ArtworkImage–TRUE˜;– ArtworkImage–TRUE˜-– ArtworkImage–TRUE˜2IDarkOne– ArtworkImage–TRUE• ArtworkPathTRUE• BoundingBox232 194•Origin0 0˜†—– ArtworkImage–TRUE˜2I LineStyle– ArtworkImage–TRUE–TRUE–160 147–0 0˜—– ArtworkImage–TRUE˜2R– ArtworkImage–TRUE–TRUE–2 151–0 0˜—– ArtworkImage–TRUE˜2R– ArtworkImage–TRUE–TRUE–167 2–0 0˜———– ArtworkImage–TRUE˜<– ArtworkImage–TRUE˜+– ArtworkImage–TRUE˜2ILightOne– ArtworkImage–0 0–232 194–TRUE–TRUE˜†—– ArtworkImage–TRUE˜2R– ArtworkImage–0 0–160 147–TRUE–TRUE˜—– ArtworkImage–TRUE˜2R– ArtworkImage–0 0–2 151–TRUE–TRUE˜—– ArtworkImage–TRUE˜2R– ArtworkImage–0 0–167 2–TRUE–TRUE˜————P˜ÃN˜¼—…—TK