Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Beach Animation [TCO24]
ID	5428577118371840
Created	6 months ago, 1720435118309
Updated	6 months ago, 1720435319023
Code	/** * BEACH ANIMATION * by TDJ * * For The Coding Olympics (TCO) 2024 Challenge 1 - Summer Animation * * Subscribe? * https://www.khanacademy.org/cs/i/4838951661649920 * * Reference image { * https://cdnb.artstation.com/p/assets/images/images/006/212/753/large/kolappan-s-summer-flat-design.jpg * } */ size(600, 600, P2D); smooth(); noStroke(); randomSeed(0); var timer = 0;// timing animations var snap = 0;// crab claws animation var sparkles = [];// array to hld sparkles in ocean // draw waves & sparkles function ocean() { pushMatrix(); translate(0, sin(timer) 5); fill(255); beginShape(); vertex(0, -10); vertex(0, 270); bezierVertex(0, 270, 50, 305, 180, 260); bezierVertex(250, 230, 330, 230, 395, 305); bezierVertex(410, 320, 445, 350, 500, 310); bezierVertex(510, 310, 550, 260, 600, 250); vertex(600, -10); endShape(CLOSE); fill(116, 195, 202); beginShape(); vertex(0, -10); vertex(0, 250); bezierVertex(0, 250, 50, 300, 180, 250); bezierVertex(250, 225, 330, 230, 395, 300); bezierVertex(410, 315, 445, 335, 500, 300); bezierVertex(510, 295, 550, 255, 600, 250); vertex(600, -10); endShape(CLOSE); popMatrix(); // sparkles in water if (timer % 5 === 0) { sparkles.push({ x: random(0, 600), y: random(0, 220), w: 0, wMax: random(4), o: 0, r: random(0, 360), rv: random(-3, 3), stage: 0, }); } for (var i = 0; i < sparkles.length; i++) { var s = sparkles[i]; pushMatrix(); translate(s.x, s.y); rotate(s.r); fill(255, s.o); rect(0, 0, 0.001, 0.001, -s.w); popMatrix(); s.r += s.rv;// rotate sparkle // make sparkle fade in & grow, then fade if (s.stage === 0) { s.o = lerp(s.o, 150, 0.05); s.w = lerp(s.w, s.wMax, 0.05); if (s.o >= 149) { s.stage = 1; } } else { s.o = lerp(s.o, -10, 0.05); } } // removing sparkles for (var i = sparkles.length - 1; i >= 0; i--) { if (sparkles[i].o <= 0) { sparkles.splice(i, 1); } } } // draw objects on beach function objects() { // book fill(225, 160, 106);// shadow quad(0, 580, 74, 560, 60, 464, 0, 475); fill(144, 160, 72);// cover quad(0, 565, 66, 550, 52, 456, 0, 467); fill(255); quad(3, 505, 39, 497, 37, 478, 3, 485); fill(255);// pages quad(0, 573, 65, 557, 65, 550, 0, 565); // starfish pushMatrix(); translate(100, 400); // shadow fill(204, 154, 117); for (var i = 0; i < 5; i++) { pushMatrix(); translate(3, 1); rotate(i * 72 + 2); bezier(10, 0, 1, 50, -1, 50, -10, 0); popMatrix(); } // body fill(238, 75, 68); for (var i = 0; i < 5; i++) { pushMatrix(); rotate(i * 72); bezier(10, 0, 1, 50, -1, 50, -10, 0); popMatrix(); } // markings fill(253, 249, 250); for (var i = 0; i < 5; i++) { pushMatrix(); rotate(i * 72); ellipse(0, 10, 6, 6); ellipse(0, 19, 5, 5); ellipse(0, 27, 4, 4); popMatrix(); } popMatrix(); // life ring stroke(204, 154, 117);// shadow noFill(); strokeWeight(80); ellipse(270, 590, 200, 200); stroke(236, 69, 60);// ring ellipse(250, 590, 200, 200); stroke(255);// stripes strokeCap(SQUARE); arc(250, 590, 200, 200, 195, 225); arc(250, 590, 200, 200, 290, 325); noStroke(); // crab fill(204, 154, 117);// shadow ellipse(313, 374, 50, 15); // legs fill(247, 158, 92); bezier(280, 357, 284, 345, 271, 352, 268, 374); bezier(284, 364, 303, 345, 274, 352, 274, 379); bezier(291, 357, 285, 369, 279, 361, 284, 384); bezier(340, 357, 334, 345, 352, 352, 354, 374); bezier(336, 364, 316, 345, 347, 352, 347, 380); bezier(331, 364, 318, 345, 346, 366, 336, 383); // body fill(239, 134, 69); arc(310, 353, 60, 44, 0, 180); fill(247, 158, 92); arc(310, 353, 60, 35, 180, 360); arc(310, 353, 60, 25, 0, 180); ellipse(299, 340, 18, 20); ellipse(321, 340, 18, 20); // claws if (timer % 252 < 60) { snap = sin(timer * 10) * 4 + 2; } beginShape();// left vertex(287, 342); vertex(283, 346); vertex(280, 341); bezierVertex(266 + snap, 337, 259, 326, 266 + snap, 316 + snap/6); vertex(281, 336); vertex(282 - snap, 312 + snap/2); bezierVertex(292 - snap, 316 + snap / 3, 291, 329, 286, 338); endShape(CLOSE); beginShape();// right vertex(333, 342); vertex(337, 346); vertex(340, 343); bezierVertex(348, 343, 362 - snap/2, 338, 361 - snap, 323 - snap/2); vertex(344, 335); vertex(346 + snap, 314 + snap/2); bezierVertex(337 + snap/2, 316, 335, 326, 336, 337); endShape(CLOSE); // eyes fill(255); ellipse(299, 337, 9, 8); ellipse(321, 337, 9, 8); fill(0); ellipse(298 + sin(timer / 2) * 2, 337, 3, 4); ellipse(320 + sin(timer / 2) * 2, 337, 3, 4); // camera shadow fill(206, 152, 114); pushMatrix(); translate(400, 388); rotate(8); rect(0, 0, 100, 65); popMatrix(); // photo shadow fill(206, 152, 114);// shadow pushMatrix(); translate(365, 437); rotate(-14); rect(0, 0, 50, 50); popMatrix(); // camera fill(255); pushMatrix(); translate(392, 384); rotate(6); rect(0, 0, 100, 65); fill(16, 20, 21); rect(0, 0, 100, 1); popMatrix(); fill(58, 71, 88); quad(391, 397, 490, 406, 486, 450, 387, 439); fill(16, 20, 21); quad(404, 385, 420, 387, 420, 381, 404, 380); quad(479, 397, 478.2, 403, 469.5, 402, 470, 396); stroke(58, 71, 88); strokeWeight(3); fill(0); ellipse(439, 417, 40, 40); stroke(58, 71, 88); strokeWeight(3); fill(196, 174, 163); ellipse(439, 417, 31, 31); strokeWeight(3); fill(255); ellipse(439, 417, 20, 20); noStroke(); fill(58, 71, 88); ellipse(439, 417, 15, 15); fill(131, 115, 116); ellipse(437, 415, 7, 6); // photo fill(255);// cam pushMatrix(); translate(359, 434); rotate(-14); rect(0, 0, 50, 50); popMatrix(); fill(124, 204, 205); quad(364, 438, 405, 428, 414, 459, 373, 469); } // draw bush function bush() { for (var i = 0; i < 9; i++) { pushMatrix(); translate(625, 596); rotate(87 + i * 9.5 + noise(i/3) * 10 + sin(timer + i * 20)); fill(90, 143, 63); bezier(-6, 0, -6, 280, 6, 280, 6, 0); stroke(186, 218, 133); strokeWeight(1); line(0, 0, 0, 208); noStroke(); popMatrix(); } } // run everything function draw() { background(250, 224, 187); ocean(); objects(); bush(); timer++; }
Folds	9,11,25,96,98,262,264,277,279,287
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJvWsajSCQw
Votes	42
Spin-Offs	1
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841869041
Updated	25 days ago, 1734464277853
Source Deleted	unknown