Your browser does not support HTML5 Canvas

Notes:

A 'polar coordinates' type shape; one of 2 variations of this type shape. Study the variations here, and compare to TNTLimaçon2. Learn more about this shape at Mathworld.

r = b + a*cos(θ)
                        
TNTLimaçon Features and Usage:
Primary Attributes:

7 Parameters:

  • center: TNTPoint
  • a: a decimal (known as a 'double' in code)
  • b: a decimal (known as a 'double' in code)
  • fillColor: TNTColor as fcolr
  • loopColor: TNTColor as fcolr
  • borderStroke: a TNTStroke
  • rotn: a 'double' that rotates the shape about its center. rotn > 0 ==> counter-clockwise; rotn < 0 ==> clockwise
To Create:

The examples above were created by:

var ptA = new TNTPoint(-10, 10);
var ptB = new TNTPoint(10, 10);
var ptC = new TNTPoint(-10, -10);
var ptD = new TNTPoint(10, -10);

//TCAGraphic Objects
var upperLeftLimacon = new TNTLimacon(ptA, 5, 5, red, blue, blackStroke, 0);
upperLeftLimacon.drawTNTLimacon(context);

var upperRightLimacon = new TNTLimacon(ptB, 4, 6, green, yellow, blackStroke, 0);
upperRightLimacon.drawTNTLimacon(context);

var lowerLeftLimacon = new TNTLimacon(ptC, 2, 7, blue, red, blackStroke, 0);
lowerLeftLimacon.drawTNTLimacon(context);

var lowerRightLimacon = new TNTLimacon(ptD, 6, 3, yellow, medGreen, blackStroke, 0);
lowerRightLimacon.drawTNTLimacon(context);
                                    
To Draw: upperLeftLimacon.drawTNTLimacon(context);
More:

Experiment with values of a and b:

  • b ≥ 2a: convex limaçon
  • 2a > b > a: dimpled limaçon
  • b = a: the shape degenerates to a cardioid
  • b < a: the limaçon has an inner loop
  • b = a/2, it is a trisectrix (but not the Maclaurin trisectrix)