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]<Beach>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.