About this deal
var acos = cos ( angle ); var asin = sin ( angle ); // calculate the x and y values from our current angle line ( 0 , 0 , x , y ); // this is the straight line which stays fixed on the x axis, only it's calculated y value moves
angleIncSlider = createSlider ( 0 , 5 , 1 , 0.1 ); angleIncSlider . position ( 20 , rSlider . y - 20 ); angleIncSlider . mousePressed ( function () { shouldIncrement = true ; }); // slider to specify angle directly 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.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 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 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.
rSlider = createSlider ( 1 , 255 , r ); rSlider . position ( 20 , height - 50 ); // slider for the value to increament angle by stroke ( 255 , 100 ); // line from center to calculated point, this stays the hypotenuse independed of the current angle noStroke (); fill ( 255 ); var tx = 10 - width / 2 ; // text x position. Because sketch is translated the top left need to recalculate
International delivery
r = rSlider . value (); fill ( 100 ); ellipse ( 0 , 0 , r * 2 , r * 2 ); // diameter of circle = radius * 2 var shouldIncrement = true ; var rSlider , angleIncSlider , angleSlider ; function setup () { createCanvas ( window . innerWidth , window . innerHeight ); // creating sliders to change variables