siteIcon

Tech Novice Tools

JS Grafix Sandbox

burgerIcon
spiral

JSGrafix Sandbox (JSGS)

TNT Spiral

Your browser does not support HTML5 Canvas

Notes:

A mathematical shape with a radius that varies with angle

If you want to see it animated, we've got that for you too!

Features and Usage:

Primary Attributes:

6 parameters:
center(TNTPoint), k(double), strokeColor(TNTStroke), rev(double), direction(positive or negative integer), rotationInDegrees(double)

To Create:

var mySpiral = new TNTSpiral(origin, 1, blackStroke, 10, 1, 90);

To Draw:

mySpiral.drawTNTSpiral(context);

Comments:

The smaller the 'k', the tighter the spiral; 'rev' is the number of complete revolutions direction: if direction >= 0, ccw; if direction < 0, cw rotationInDegrees: amount of rotation

Even More:

You may have noticed that some parameters were described as being 'double' in nature. That is a computer-sciency way of saying a 'real number' (that is, a number on the number line) that has the ability to take on integer and/or decimal values.

Also, note that this shape gets its coloring from a TNTStroke; there is no set fill color.