technicalkiwi
/
animate
mirror of https://github.com/SamEyeBam/animate.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

played around

This commit is contained in:
Sam 2022-06-10 11:57:14 +12:00
parent e9f51e0687
commit 66de2a9016
4 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Catalogue/floral inverse animation.html
View File

@ -28,7 +28,7 @@
render(); render();
render_clear(); render_clear();
Draw_Spiral_Pattern(6, 200, rotation, centerX, centerY, 'red') Draw_Spiral_Pattern(5, 200, rotation, centerX, centerY, 'red')
}, 1000 / fps); }, 1000 / fps);
rotation += deg_per_sec / fps; // was = j = angle, now = rotation rotation += deg_per_sec / fps; // was = j = angle, now = rotation

6
Catalogue/nodal expanding.html
View File

@ -14,7 +14,7 @@
let deg_per_sec = 30; let deg_per_sec = 30;
let time = 120; let time = 600;
let fps = 60; let fps = 60;
centerX = ctx.canvas.width / 2; centerX = ctx.canvas.width / 2;
@ -34,8 +34,8 @@
let colour1 = [137, 54, 255]; let colour1 = [137, 54, 255];
let colour2 = [158, 255, 54]; let colour2 = [158, 255, 54];
// Draw_nodal_expanding(5, 100000, rotation * 2 + 33000,0, colour1, colour2, 0.5, 2) // Draw_nodal_expanding(5, 100000, rotation * 2 + 33000,0, colour1, colour2, 0.5, 2)
Draw_nodal_expanding(5, 10000, rotation+33000, 0, colour1, colour2, 1, 2) Draw_nodal_expanding(5, 10000, rotation, 0, colour1, colour2, 1, 2)
console.log(rotation)
}, 1000 / fps); }, 1000 / fps);
rotation += deg_per_sec / fps; // was = j = angle, now = rotation rotation += deg_per_sec / fps; // was = j = angle, now = rotation
currentFrame += 1; // was = i currentFrame += 1; // was = i

10
Catalogue/npoly twist.html
View File

@ -12,7 +12,7 @@
ctx.canvas.width = window.innerWidth; ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight; ctx.canvas.height = window.innerHeight;
let deg_per_sec = 30; let deg_per_sec = 45;
let time = 120; let time = 120;
let fps = 60; let fps = 60;
@ -22,7 +22,7 @@
rotation = 0; //was = j = angle rotation = 0; //was = j = angle
currentFrame = 0; //was = i currentFrame = 0; //was = i
let depth = 300 //custom to npoly twist let depth = 20 //custom to npoly twist
function render() { function render() {
if (currentFrame < time / (1 / fps)) { if (currentFrame < time / (1 / fps)) {
@ -30,10 +30,10 @@
render(); render();
render_clear(); render_clear();
colour1 = [255, 0, 0]; colour2 = [255, 0, 0];
colour2 = [0, 0, 0]; colour1 = [0, 0, 0];
DrawPolyTwistColour_angle(15,400,-90,rotation/20,colour1, colour2) DrawPolyTwistColour_angle(3,400,-90,rotation/20,colour1, colour2)
// DrawPolyTwist_angle(15,400,-90,rotation/20,"red") // DrawPolyTwist_angle(15,400,-90,rotation/20,"red")
// DrawPolyTwistColour_width(4,400,-45,rotation/4,colour1,colour2) // DrawPolyTwistColour_width(4,400,-45,rotation/4,colour1,colour2)
// DrawPolyTwist_width(10,400,-90,rotation/20,"red") // DrawPolyTwist_width(10,400,-90,rotation/20,"red")

5
Catalogue/phyllotaxis.html
View File

@ -13,7 +13,7 @@
let deg_per_sec = 30; let deg_per_sec = 30/5000;
let time = 120; let time = 120;
let fps = 60; let fps = 60;
@ -31,7 +31,8 @@
render(); render();
render_clear(); render_clear();
Draw_Phyllotaxis(rotation / 5000 + 1); Draw_Phyllotaxis(rotation + 3.1);
console.log(rotation + 3.1)
// Draw_Phyllotaxis(rotation/5000); // Draw_Phyllotaxis(rotation/5000);
// Draw_center(); //Debugging // Draw_center(); //Debugging