Viewing Program

Program Data

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

Title	Kindness.
ID	4856902632030208
Created	4 years ago, 1610977968902
Updated	4 years ago, 1610981833556
Code	/ WALL -E & EVA HUGE thank you to Gray Wolf for animating my graphic for me and stuff!! It wouldn't be half as good without it. Thank you! :D Gray Wolf https://www.khanacademy.org/profile/grantjenkins/ / /* Started : 1-15-21 Finished : Maybe 1-17 Released : 1-18 Based off of https://i.pinimg.com/564x/d5/18/9b/d5189b913c52af5b1918e412559d153c.jpg / var Flower = function() { this.timer = 0; this.opacity = 0; this.color = color(184, 2, 2); this.show = false; this.draw = function() { pushMatrix(); rotate(40); pushMatrix(); translate(-15, -70); rotate(-41); //stem fill(30, 107, 40, this.opacity); rect(-9, 365, 3, 56, 2); // pettals rotate(-29); fill(this.color, this.opacity); arc(-184, 307, 20, 20, -276, -88); arc(-180, 307, 20, 20, -419, -247); rotate(7); fill(red(this.color) - 20, green(this.color) - 20, blue(this.color) - 20, this.opacity); ellipse(-143, 329, 12, -18); popMatrix(); popMatrix(); }; this.update = function() { this.timer++; var angle = constrain(sin(this.timer) 100, 0, 100); if(this.timer % 360 === 0) { this.show = false; } else if(angle === 100) { this.show = true; this.color = color(random(100, 220), random(100, 220), random(100, 220)); } if(this.show) { this.opacity = constrain(this.opacity + 10, 0, 255); } else { this.opacity = constrain(this.opacity - 20, 0, 255); } }; this.go = function() { this.draw(); this.update(); }; }; var Eva = function() { this.timer = 0; this.blushOpacity = 0; this.eyes = { h: 22, blink: false, timer: 0, offset: 0 }; this.draw = function() { pushMatrix(); translate(20, sin(this.timer * 2) * 10); pushMatrix(); // head fill(255, 255, 255); ellipse(339,176,168,137); fill(0, 0, 0); ellipse(339, 186, 133, 96); // eyes fill(104, 168, 247); if(this.eyes.blink) { this.eyes.timer++; ellipse(314 + this.eyes.offset, 198, 17, this.eyes.h - abs(sin(this.eyes.timer * 15) * this.eyes.h)); ellipse(368 + this.eyes.offset, 198, 17, this.eyes.h - abs(sin(this.eyes.timer * 15) * this.eyes.h)); } else { ellipse(314 + this.eyes.offset, 198, 17, this.eyes.h); ellipse(368 + this.eyes.offset, 198, 17, this.eyes.h); } // blush fill(242, 179, 179, this.blushOpacity); ellipse(298, 212, 17, 11); ellipse(383, 212, 17, 11); popMatrix(); // body fill(255, 255, 255); arc(338, 251, 106, 206, 1, 180); fill(209, 209, 209); ellipse(338, 251, 105, 8); //left arm pushMatrix(); translate(5, -9); rotate(53); ellipse(490, -135, 63, -25); fill(255, 255, 255); ellipse(477, -137, 88, -23); popMatrix(); //right arm pushMatrix(); translate(290, 272); //rotate(125); rotate(275); var angle = constrain(-cos(this.timer * 1 + 90) * 190, -150, 0); rotate(angle); if(angle > -50) { this.blushOpacity = constrain(this.blushOpacity - 10, 0, 225); this.eyes.offset = lerp(this.eyes.offset, -5, 0.1); } else { this.blushOpacity = constrain(this.blushOpacity + 5, 0, 225); this.eyes.offset = lerp(this.eyes.offset, 0, 0.1); } fill(209, 209, 209, 90); ellipse(-20, 0, 77, -24); fill(255, 255, 255); ellipse(-20, 0, 79, -23); popMatrix(); popMatrix(); // shadow of Eva fill(61, 95, 138, 90); ellipse(359, 415, 110 + sin(this.timer * 2) * 10, 20); }; this.update = function() { this.timer++; //blinking if(this.eyes.blink === false) { if(random() < 0.005) { this.eyes.blink = true; this.eyes.timer = 0; } } else if(this.eyes.timer > 10) { this.eyes.blink = false; } }; this.go = function() { this.draw(); this.update(); }; }; var WallE = function() { this.timer = 0; this.wheels = { left: { x: 59, y: 373, w: 41, h: 0, blades: [] }, right: { x: 174, y: 373, w: 41, h: 0, blades: [] } }; this.flower = new Flower(); this.init = function() { for(var i = 0; i < 8; i++) { var h = i % 2 === 0 ? 4 : 8; //left wheel this.wheels.left.h+= h; this.wheels.left.blades.push({ x: this.wheels.left.x, y: this.wheels.left.y + this.wheels.left.h - h, w: this.wheels.left.w, h: h, hmax: h, color: i % 2 === 0 ? color(48, 47, 48) : color(92, 91, 92), remove: false, added: false, shrinking: false }); //right wheel this.wheels.right.h+= h; this.wheels.right.blades.push({ x: this.wheels.right.x, y: this.wheels.right.y + this.wheels.right.h - h, w: this.wheels.right.w, h: h, hmax: h, color: i % 2 === 0 ? color(48, 47, 48) : color(92, 91, 92), remove: false, added: false, shrinking: false }); } }; this.init(); this.drawWheels = function() { //left noStroke(); for(var i = 0; i < this.wheels.left.blades.length; i++) { var blade = this.wheels.left.blades[i]; fill(blade.color); rect(blade.x, blade.y, blade.w, blade.h); if(blade.h === blade.hmax \|\| blade.shrinking === true) { blade.y++; if(blade.y + blade.h >= this.wheels.left.y + this.wheels.left.h) { if(blade.added === false) { this.wheels.left.blades.unshift({ x: blade.x, y: this.wheels.left.y, w: blade.w, h: 1, hmax: blade.hmax, color: blade.color, remove: false, added: false, shrinking: false }); blade.added = true; blade.shrinking = true; i++; } blade.h = constrain(blade.h - 1, 0, blade.hmax); if(blade.h === 0) { blade.remove = true; } } } else { blade.h = constrain(blade.h + 1, 0, blade.hmax); } } //right noStroke(); for(var i = 0; i < this.wheels.right.blades.length; i++) { var blade = this.wheels.right.blades[i]; fill(blade.color); rect(blade.x, blade.y, blade.w, blade.h); if(blade.h === blade.hmax \|\| blade.shrinking === true) { blade.y++; if(blade.y + blade.h >= this.wheels.right.y + this.wheels.right.h) { if(blade.added === false) { this.wheels.right.blades.unshift({ x: blade.x, y: this.wheels.right.y, w: blade.w, h: 1, hmax: blade.hmax, color: blade.color, remove: false, added: false, shrinking: false }); blade.added = true; blade.shrinking = true; i++; } blade.h = constrain(blade.h - 1, 0, blade.hmax); if(blade.h === 0) { blade.remove = true; } } } else { blade.h = constrain(blade.h + 1, 0, blade.hmax); } } //credit to Bob Lyon for a memory free way to "splice" objects while (this.wheels.left.blades.length > 0 && this.wheels.left.blades[0].remove) { this.wheels.left.blades.shift(); } while (this.wheels.right.blades.length > 0 && this.wheels.right.blades[0].remove) { this.wheels.right.blades.shift(); } }; this.draw = function() { pushMatrix(); translate(30, 52); // shadow of Wall-E noStroke(); fill(61, 95, 138, 90); ellipse(109, 368, 203, 24); pushMatrix(); translate(0, constrain(sin(this.timer * 3) * 10, 0, 10)); //wires on neck noStroke(); fill(0, 0, 0); ellipse(85, 202, 51, 47); ellipse(125, 196, 51, 47); fill(82, 126, 181); ellipse(85, 198, 48, 47); ellipse(125, 193, 51, 47); //neck fill(194, 170, 84); rect(97, 179, 20, 32, 0); rect(97, 218, 20, 42, 0); rect(92, 239, 31, 7, 2); rect(94, 256, 28, 7, 20); //nose fill(115, 113, 115); rect(97, 167, 20, 32, 20); //right eye pushMatrix(); translate(131, 167); rotate(-10 + constrain(-sin(this.timer * 2) * 10, 0, 10)); fill(163, 163, 163); arc(33, -13, 106, 125, -322, -142); fill(207, 205, 207); arc(32, -10, 106, 121, -322, -142); fill(163, 163, 163); ellipse(-7, -30, 7, 7); ellipse(50, 25, 6, 6); ellipse(23, 39, 5, 5); // rotate(constrain(sin(this.timer * 2) * 5, 0, 5)); fill(0, 0, 0); ellipse(0, 0, 21, 31); fill(224, 224, 224, 90); ellipse(3, -8, 11, 11); popMatrix(); //left eye pushMatrix(); translate(77, 167); rotate(10 + constrain(sin(this.timer * 2 + 50) * 10, -10, 0)); fill(163, 163, 163); arc(-28, -10, 106, 126, -40, 142); fill(207, 205, 207); arc(-26, -7, 106, 121, -40, 142); fill(163, 163, 163); ellipse(11, -30, 8, 8); ellipse(-44, 25, 6, 6); ellipse(-14, 39, 5, 5); //rotate(constrain(-sin(this.timer * 2 + 50) * 5, 0, 5)); fill(0, 0, 0); ellipse(0, 0, 21, 31); fill(224, 224, 224, 90); ellipse(3, -8, 11, 11); popMatrix(); popMatrix(); //main body fill(115, 113, 115); rect(58, 262, 98, 35, 0); fill(224, 193, 92); rect(58, 297, 98, 40, 0); fill(214, 171, 40); rect(75, 297, 29, 32, 0); //control panel fill(97, 97, 97); rect(79, 271, 31, 17, 0); fill(145, 52, 52); rect(79, 289, 6, 6, 0); fill(66, 65, 66); for(var r = 82; r < 104; r+= 9) { rect(r, 275, 6, 8, 0); } rect(60, 271, 16, 24, 0); rect(138, 271, 16, 24, 0); fill(92, 91, 92); for(var i = 270; i < 295; i+= 9) { rect(60, i, 16, 8, 0); rect(138, i, 16, 8, 0); } fill(48, 47, 48); rect(116, 275, 18, 22, 0); fill(104, 125, 95); rect(124, 281, 7, 14, 0); fill(215, 252, 199); ellipse(120, 279, 3, 3); //black bits behind wheels fill(0, 0, 0); rect(126, 337, 19, 10, 0); rect(70, 337, 19, 10, 0); // right arm pushMatrix(); rotate(11); fill(224, 193, 92); rect(79, 257, 22, 16, 0); fill(102, 102, 102); rect(81, 261, 14, 8, 1); fill(115, 113, 115); rect(86, 260, 29, 11, 4); fill(163, 163, 163); rect(90, 252, 26, 11, 0); rect(90, 268, 26, 11, 0); fill(207, 205, 207); rect(112, 268, 12, 11, 0); rect(112, 252, 12, 11, 0); popMatrix(); //left arm pushMatrix(); rotate(-47 + 11); translate(-35, 327); rotate(5 + constrain(sin(this.timer) * 80, 0, 80)); translate(35, -327); this.flower.go(); translate(-35, 327); fill(224, 193, 92); rect(1, -7, 51, 13, 0); ellipse(0, 0, 20, 20); fill(102, 102, 102); ellipse(0, 0, 15, 15); fill(163, 163, 163); rect(50, -14, 26, 11, 0); rect(50, 0, 26, 11, 0); fill(207, 205, 207); rect(70, -14, 12, 11, 0); rect(70, 0, 12, 11, 0); fill(87, 85, 87); rect(39, -7, 11, 13, 0); fill(115, 113, 115); rect(46, -7, 21, 12, 2); popMatrix(); popMatrix(); this.drawWheels(); }; this.update = function() { this.timer++; }; this.go = function() { this.draw(); this.update(); }; }; var Control = function() { this.eva = new Eva(); this.walle = new WallE(); this.dirt = []; this.runDirt = function() { if(frameCount % 20 === 0) { var w = ~~random(40, 70); this.dirt.push({ x: random(width), y: height + w, w: w, h: w * 0.2, opacity: 200 }); } noStroke(); for(var i = 0; i < this.dirt.length; i++) { var d = this.dirt[i]; d.y-= 1; d.opacity-= 1; fill(72, 108, 153, d.opacity); ellipse(d.x, d.y, d.w, d.h); } //credit to Bob Lyon for a memory free way to "splice" objects while (this.dirt.length > 0 && this.dirt[0].opacity <= 0) { this.dirt.shift(); } }; this.displayFrameRate = function(rate) { textSize(14); fill(0, 80); textAlign(RIGHT, BOTTOM); text(rate, width-8, height-5); }; this.go = function(fr) { this.displayFrameRate(fr); this.runDirt(); this.eva.go(); this.walle.go(); }; }; var control = new Control(); draw = function() { background(82, 126, 181); control.go(~~this.__frameRate); };
Folds	22,75,76,181,182,520,522,569,573,577
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2gvKrQCAw
Votes	239
Spin-Offs	2
Type	PJS
Width	500
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Twiga Studio
Author Name	TwigaStudio2
Author ID	kaid_884259548863948521770281
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739370960520
Updated	6 months ago, 1739370968810
Source Deleted	unknown