JSGS Shapes

5 Parameters:

• cloudBase: TNTEllipse; serves as the 'base' cloud; it contains all the properties of future clouds in the design
• numEllipses: a positive integer; multiple ellipses are drawn on top of the base;
• ampX, ampY: these decimal values determine the scale of the x and y values used to determine the centers of the (h,k) centers of the puffy ellipses
• maxScaleFactor: a decimal: each puffy ellipse is scaled by this value from the 'baseCloud.' This means all the ellipses have the same shape but different sizes.

The examples above were created by:

var center = new TNTPoint(-5, 7);  
//easier way to set the stroke thickness
lightGrayStroke.lineWidth = .1;			
var leftCloudBase = new TNTEllipse(center, 6, 
    3, white, lightGrayStroke, 200, 0);
var leftCloud = new TNTCloud(leftCloudBase, 15, .5, .5, 1);
leftCloud.drawTNTCloud(context);

center = new TNTPoint(5, 5);
offWhiteStroke.lineWidth = .5;  			
var rightCloudBase = new TNTEllipse(center, 7, 
    4, lightBlue, offWhiteStroke, 200, 0);
var rightCloud = new TNTCloud(rightCloudBase, 15, 1, 1, .8);
rightCloud.drawTNTCloud(context);

center = new TNTPoint(0, 0);  			
var centerCloudBase = new TNTEllipse(center, 7, 
    4, null, lightGrayStroke, 200, 30);
var centerCloud = new TNTCloud(centerCloudBase, 50, 1, 1, .3);
centerCloud.drawTNTCloud(context);

center = new TNTPoint(0, -5);  			
var bottomCloudBase = new TNTEllipse(center, 9, 
    4, lightGray, null, 200, 0);
var bottomCloud = new TNTCloud(bottomCloudBase, 100, 1.5, .5, .5);
bottomCloud.drawTNTCloud(context);