var x = r * acos ; var y = r * asin ; // draw a small circle at the calculated point (size = 1/15 of the big circle) angleSlider = createSlider ( 0 , 360 , angle , 1 ); angleSlider . position ( 20 , angleIncSlider . y - 20 ); angleSlider . mousePressed ( function () { shouldIncrement = false ; }); textSize ( 14 ); // this sketch will use DEGREES instead of RADIANS P5.js is a graphics library for JavaScript, it is based on Processing. In the process of learning p5, I wanted to create something challenging. line ( 0 , 0 , x , y ); // this is the straight line which stays fixed on the x axis, only it's calculated y value moves var acos = cos ( angle ); var asin = sin ( angle ); // calculate the x and y values from our current angle

In 1983, Ty was founded by and named after H. Ty Warner,a toy business veteran who wanted to improve on the traditional stuffed toy. He designed his first toy –a cat named Angel –that he under-stuffed intentionally so it would easily take on different poses. This was the birth of Ty's hit Beanie Babies: small, stuffed animals sporting the brand's red heart-shaped logo tag and each given a unique name. By the 90s, the toys were a national sensation and beloved by children and collectors alike. Now, glittery details, googly eyes and super-soft fabric are just a few of the characteristics you'll find in Ty toys, which include modern reinterpretations and plush versions of favourite fictional characters. stroke ( 255 , 100 ); // line from center to calculated point, this stays the hypotenuse independed of the current angle r = rSlider . value (); fill ( 100 ); ellipse ( 0 , 0 , r * 2 , r * 2 ); // diameter of circle = radius * 2 angleIncSlider = createSlider ( 0 , 5 , 1 , 0.1 ); angleIncSlider . position ( 20 , rSlider . y - 20 ); angleIncSlider . mousePressed ( function () { shouldIncrement = true ; }); // slider to specify angle directly rSlider = createSlider ( 1 , 255 , r ); rSlider . position ( 20 , height - 50 ); // slider for the value to increament angle byvar shouldIncrement = true ; var rSlider , angleIncSlider , angleSlider ; function setup () { createCanvas ( window . innerWidth , window . innerHeight ); // creating sliders to change variables noStroke (); fill ( 255 ); var tx = 10 - width / 2 ; // text x position. Because sketch is translated the top left need to recalculate

text ( ' Radius slider ' , tx + rSlider . x + rSlider . width + 20 , - ty + rSlider . y + textSize ()); text ( ' Incremental slider ' , tx + angleIncSlider . x + angleIncSlider . width + 20 , - ty + angleIncSlider . y + textSize ()); text ( ' Angle slider ' , tx + angleSlider . x + angleSlider . width + 20 , - ty + angleSlider . y + textSize ()); // reset the angle when it's above 360 degrees. The calculated values would stay the same, but just for correctness

The Minator FX Flying Plane