Viewing Program

Program Data

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

Title	Controllable Cute Thing
ID	5411928192532480
Created	4 years ago, 1614549493428
Updated	4 years ago, 1614707642726
Code	/** * Cute Thing is back!! * * Controls * - Left, Right, and Up arrow keys to move * * Note: If it seems like there's a lag when he jump sometimes, it's because I set it such that he can only jump when he is in contact with the ground. * * * Also, if anyone is interested in checking out the original, you can find it here: * * https://www.khanacademy.org/computer-programming/well-that-was-unexpected-animation/6348193060438016 * */ var cuteThingFrame1 = function(x, y, s, invertX) { if (invertX !== 1 && invertX !== -1) { throw("cuteThingFrame1 needs an invertX of -1 or 1!"); } // Body noFill(); strokeWeight(s 0.03); stroke(0); line(x + s * -0.48 * invertX, y + s * 0.49, x + s * 0.49 * invertX, y + s * 0.49); bezier(x + s * -0.19 * invertX, y + s * -0.15, x + s * -0.15 * invertX, y + s * 0.13, x + s * -0.16 * invertX, y + s * 0.24, x + s * -0.16 * invertX, y + s * 0.48); bezier(x + s * -0.19 * invertX, y + s * -0.15, x + s * -0.24 * invertX, y + s * -0.13, x + s * -0.29 * invertX, y + s * -0.08, x + s * -0.40 * invertX, y + s * -0.05); bezier(x + s * -0.49 * invertX, y + s * 0.485, x + s * -0.44 * invertX, y + s * 0.33, x + s * -0.42 * invertX, y + s * 0.19, x + s * -0.40 * invertX, y + s * -0.05); bezier(x + s * 0.38 * invertX, y + s * -0.08, x + s * 0.49 * invertX, y + s * 0.14, x + s * 0.50 * invertX, y + s * 0.38, x + s * 0.50 * invertX, y + s * 0.485); bezier(x + s * -0.19 * invertX, y + s * -0.15, x + s * 0.20 * invertX, y + s * -0.16, x + s * 0.29 * invertX, y + s * -0.11, x + s * 0.37 * invertX, y + s * -0.09); // Face noStroke(); // eye 1 pushMatrix(); translate(x + s * 0.02 * invertX, y + s * 0.06); rotate(-9 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.19, s * 0.25); fill(0); ellipse(0, 0, s * 0.17, s * 0.23); fill(255, 255, 255); ellipse(s * 0.035 * invertX, s * -0.015, s * 0.06, s * 0.09); popMatrix(); // eye 2 pushMatrix(); translate(x + s * 0.27 * invertX, y + s * 0.07); rotate(-9 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.15, s * 0.21); fill(0); ellipse(0, 0, s * 0.13, s * 0.19); fill(255, 255, 255); ellipse(s * 0.031 * invertX, s * -0.015, s * 0.04, s * 0.06); popMatrix(); // mouth fill(0, 0, 0); arc(x + s * 0.17 * invertX, y + s * 0.25, s * 0.25, s * 0.22, 10 * invertX, 180 + 10 * invertX); strokeWeight(s * 0.02); stroke(0, 0, 0); fill(255, 255, 255); //arc(x + s * 0.04 * invertX, y + s * 0.21, s * 0.30, s * 0.16, 228, 307); //arc(x + s * 0.30 * invertX, y + s * 0.21, s * 0.24, s * 0.16, 228, 307); /* noFill(); strokeWeight(1); stroke(0, 50); rect(x - s * 0.50, y - s * 0.50, s, s); line(x - s * 0.50, y - s * 0.50 + s * 1/3, x + s * 0.50, y - s * 0.50 + s * 1/3); line(x - s * 0.50, y + s * 0.50 - s * 1/3, x + s * 0.50, y + s * 0.50 - s * 1/3); line(x - s * 0.50 + s * 1/3, y + s * -0.50, x - s * 0.50 + s * 1/3, y + s * 0.50); line(x + s * 0.50 - s * 1/3, y + s * -0.50, x + s * 0.50 - s * 1/3, y + s * 0.50); / }; var cuteThingFrame2 = function(x, y, s, invertX) { if (invertX !== 1 && invertX !== -1) { throw("cuteThingFrame2 needs an invertX of -1 or 1!"); } noFill(); strokeWeight(s 0.03); stroke(0); bezier(x + s * -0.50 * invertX, y + s * 0.15, x + s * -0.48 * invertX, y + s * 0.33, x + s * -0.36 * invertX, y + s * 0.38, x + s * -0.31 * invertX, y + s * 0.42); bezier(x + s * -0.05 * invertX, y + s * -0.27, x + s * -0.07 * invertX, y + s * 0.05, x + s * -0.18 * invertX, y + s * 0.27, x + s * -0.31 * invertX, y + s * 0.42); bezier(x + s * -0.05 * invertX, y + s * -0.27, x + s * -0.11 * invertX, y + s * -0.25, x + s * -0.14 * invertX, y + s * -0.23, x + s * -0.31 * invertX, y + s * -0.24); bezier(x + s * -0.50 * invertX, y + s * 0.15, x + s * -0.33 * invertX, y + s * -0.03, x + s * -0.31 * invertX, y + s * -0.22, x + s * -0.31 * invertX, y + s * -0.23); bezier(x + s * -0.05 * invertX, y + s * -0.27, x + s * 0.06 * invertX, y + s * -0.24, x + s * 0.26 * invertX, y + s * -0.21, x + s * 0.49 * invertX, y + s * -0.21); bezier(x + s * 0.49 * invertX, y + s * -0.21, x + s * 0.52 * invertX, y + s * 0.04, x + s * 0.48 * invertX, y + s * 0.30, x + s * 0.38 * invertX, y + s * 0.46); bezier(x + s * -0.30 * invertX, y + s * 0.42, x + s * -0.06 * invertX, y + s * 0.50, x + s * 0.26 * invertX, y + s * 0.50, x + s * 0.38 * invertX, y + s * 0.46); // Face noStroke(); // eye 1 pushMatrix(); translate(x + s * 0.10 * invertX, y + s * 0.01); rotate(9 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.20, s * 0.25); fill(0); ellipse(0, 0, s * 0.18, s * 0.23); fill(255, 255, 255); ellipse(s * 0.035 * invertX, s * -0.026, s * 0.06, s * 0.09); popMatrix(); // eye 2 pushMatrix(); translate(x + s * 0.35 * invertX, y + s * 0.03); rotate(7 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.16, s * 0.21); fill(0); ellipse(0, 0, s * 0.14, s * 0.19); fill(255, 255, 255); ellipse(s * 0.035 * invertX, s * -0.015, s * 0.04, s * 0.06); popMatrix(); // mouth fill(0, 0, 0); arc(x + s * 0.17 * invertX, y + s * 0.22, s * 0.24, s * 0.21, 10 * invertX, 180 + 10 * invertX); // cheeks strokeWeight(s * 0.02); stroke(0, 0, 0); fill(255, 255, 255); //arc(x + s * 0.04 * invertX, y + s * 0.21, s * 0.30, s * 0.16, 228, 307); //arc(x + s * 0.30 * invertX, y + s * 0.21, s * 0.24, s * 0.16, 228, 307); /* noFill(); strokeWeight(1); stroke(0, 50); rect(x - s * 0.50, y - s * 0.50, s, s); line(x - s * 0.50, y - s * 0.50 + s * 1/3, x + s * 0.50, y - s * 0.50 + s * 1/3); line(x - s * 0.50, y + s * 0.50 - s * 1/3, x + s * 0.50, y + s * 0.50 - s * 1/3); line(x - s * 0.50 + s * 1/3, y + s * -0.50, x - s * 0.50 + s * 1/3, y + s * 0.50); line(x + s * 0.50 - s * 1/3, y + s * -0.50, x + s * 0.50 - s * 1/3, y + s * 0.50); / }; var cuteThingFrame3 = function(x, y, s, invertX) { if (invertX !== 1 && invertX !== -1) { throw("cuteThingFrame2 needs an invertX of -1 or 1!"); } noFill(); strokeWeight(s 0.03); stroke(0); bezier(x + s * -0.50 * invertX, y + s * -0.22, x + s * -0.52 * invertX, y + s * 0.22, x + s * -0.49 * invertX, y + s * 0.32, x + s * -0.33 * invertX, y + s * 0.50); bezier(x + s * -0.18 * invertX, y + s * 0.26, x + s * -0.21 * invertX, y + s * 0.33, x + s * -0.18 * invertX, y + s * 0.43, x + s * -0.33 * invertX, y + s * 0.50); bezier(x + s * -0.30 * invertX, y + s * -0.36, x + s * -0.33 * invertX, y + s * -0.33, x + s * -0.37 * invertX, y + s * -0.24, x + s * -0.50 * invertX, y + s * -0.22); bezier(x + s * -0.18 * invertX, y + s * 0.26, x + s * -0.31 * invertX, y + s * 0.11, x + s * -0.30 * invertX, y + s * -0.19, x + s * -0.30 * invertX, y + s * -0.36); bezier(x + s * -0.27 * invertX, y + s * -0.36, x + s * 0.06 * invertX, y + s * -0.32, x + s * 0.26 * invertX, y + s * -0.32, x + s * 0.33 * invertX, y + s * -0.32); bezier(x + s * 0.34 * invertX, y + s * -0.32, x + s * 0.35 * invertX, y + s * -0.13, x + s * 0.39 * invertX, y + s * 0.03, x + s * 0.50 * invertX, y + s * 0.21); bezier(x + s * -0.33 * invertX, y + s * 0.50, x + s * -0.06 * invertX, y + s * 0.50, x + s * 0.26 * invertX, y + s * 0.50, x + s * 0.40 * invertX, y + s * 0.46); bezier(x + s * -0.17 * invertX, y + s * 0.26, x + s * 0.14 * invertX, y + s * 0.27, x + s * 0.43 * invertX, y + s * 0.25, x + s * 0.50 * invertX, y + s * 0.21); bezier(x + s * 0.50 * invertX, y + s * 0.21, x + s * 0.49 * invertX, y + s * 0.34, x + s * 0.41 * invertX, y + s * 0.46, x + s * 0.40 * invertX, y + s * 0.46); // Face noStroke(); // eye 1 pushMatrix(); translate(x + s * -0.06 * invertX, y + s * -0.12); rotate(-5 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.20, s * 0.23); fill(0); ellipse(0, 0, s * 0.18, s * 0.21); fill(255, 255, 255); ellipse(s * 0.039 * invertX, s * -0.007, s * 0.06, s * 0.09); popMatrix(); // eye 2 pushMatrix(); translate(x + s * 0.21 * invertX, y + s * -0.12); rotate(-5 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.16, s * 0.19); fill(0); ellipse(0, 0, s * 0.14, s * 0.17); fill(255, 255, 255); ellipse(s * 0.036 * invertX, s * -0.001, s * 0.04, s * 0.06); popMatrix(); // mouth fill(0, 0, 0); arc(x + s * 0.10 * invertX, y + s * 0.06, s * 0.26, s * 0.18, 10 * invertX, 180 + 10 * invertX); // cheeks strokeWeight(s * 0.02); stroke(0, 0, 0); fill(255, 255, 255); //arc(x + s * 0.04 * invertX, y + s * 0.21, s * 0.30, s * 0.16, 228, 307); //arc(x + s * 0.30 * invertX, y + s * 0.21, s * 0.24, s * 0.16, 228, 307); /* noFill(); strokeWeight(1); stroke(0, 50); rect(x - s * 0.50, y - s * 0.50, s, s); line(x - s * 0.50, y - s * 0.50 + s * 1/3, x + s * 0.50, y - s * 0.50 + s * 1/3); line(x - s * 0.50, y + s * 0.50 - s * 1/3, x + s * 0.50, y + s * 0.50 - s * 1/3); line(x - s * 0.50 + s * 1/3, y + s * -0.50, x - s * 0.50 + s * 1/3, y + s * 0.50); line(x + s * 0.50 - s * 1/3, y + s * -0.50, x + s * 0.50 - s * 1/3, y + s * 0.50); / }; var cuteThingFrame4 = function(x, y, s, invertX) { if (invertX !== 1 && invertX !== -1) { throw("cuteThingFrame2 needs an invertX of -1 or 1!"); } // Body noFill(); strokeWeight(s 0.03); stroke(0); line(x + s * -0.48 * invertX, y + s * 0.49, x + s * 0.49 * invertX, y + s * 0.49); bezier(x + s * -0.19 * invertX, y + s * -0.18, x + s * -0.26 * invertX, y + s * 0.13, x + s * -0.25 * invertX, y + s * 0.24, x + s * -0.19 * invertX, y + s * 0.48); bezier(x + s * -0.19 * invertX, y + s * -0.18, x + s * -0.26 * invertX, y + s * -0.15, x + s * -0.29 * invertX, y + s * -0.11, x + s * -0.43 * invertX, y + s * -0.08); bezier(x + s * -0.49 * invertX, y + s * 0.485, x + s * -0.50 * invertX, y + s * 0.33, x + s * -0.51 * invertX, y + s * 0.19, x + s * -0.43 * invertX, y + s * -0.08); bezier(x + s * 0.39 * invertX, y + s * -0.11, x + s * 0.40 * invertX, y + s * 0.23, x + s * 0.46 * invertX, y + s * 0.38, x + s * 0.50 * invertX, y + s * 0.485); bezier(x + s * -0.19 * invertX, y + s * -0.18, x + s * 0.27 * invertX, y + s * -0.19, x + s * 0.29 * invertX, y + s * -0.14, x + s * 0.39 * invertX, y + s * -0.12); // Face noStroke(); // eye 1 pushMatrix(); translate(x + s * -0.01 * invertX, y + s * 0.05); rotate(1 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.20, s * 0.24); fill(0); ellipse(0, 0, s * 0.18, s * 0.22); fill(255, 255, 255); ellipse(s * 0.035 * invertX, s * -0.015, s * 0.06, s * 0.09); popMatrix(); // eye 2 pushMatrix(); translate(x + s * 0.25 * invertX, y + s * 0.06); rotate(2 * invertX); fill(0, 140, 255); ellipse(0, 0, s * 0.16, s * 0.20); fill(0); ellipse(0, 0, s * 0.14, s * 0.18); fill(255, 255, 255); ellipse(s * 0.031 * invertX, s * -0.015, s * 0.05, s * 0.06); popMatrix(); // mouth fill(0, 0, 0); arc(x + s * 0.12 * invertX, y + s * 0.25, s * 0.25, s * 0.21, 10 * invertX, 180 + 10 * invertX); strokeWeight(s * 0.02); stroke(0, 0, 0); fill(255, 255, 255); //arc(x + s * 0.04 * invertX, y + s * 0.21, s * 0.30, s * 0.16, 228, 307); //arc(x + s * 0.30 * invertX, y + s * 0.21, s * 0.24, s * 0.16, 228, 307); /* noFill(); strokeWeight(1); stroke(0, 50); rect(x - s * 0.50, y - s * 0.50, s, s); line(x - s * 0.50, y - s * 0.50 + s * 1/3, x + s * 0.50, y - s * 0.50 + s * 1/3); line(x - s * 0.50, y + s * 0.50 - s * 1/3, x + s * 0.50, y + s * 0.50 - s * 1/3); line(x - s * 0.50 + s * 1/3, y + s * -0.50, x - s * 0.50 + s * 1/3, y + s * 0.50); line(x + s * 0.50 - s * 1/3, y + s * -0.50, x + s * 0.50 - s * 1/3, y + s * 0.50); / }; //cuteThingFrame1(100, 200, 100, 1); //cuteThingFrame2(232, 149, 100, 1); //cuteThingFrame3(375, 151, 96, 1); //cuteThingFrame4(500, 200, 100, 1); var keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var CuteThing = function() { this.x = 300; this.y = 200; this.size = 58; this.yOff = 0; this.dir = 1; this.running = false; this.jumping = false; this.timer = 0; }; CuteThing.prototype.control = function() { if (keys[UP] && !this.jumping && this.timer === 0) { this.jumping = true; } if (keys[RIGHT]) { this.x += 5 (this.size / 100); this.running = true; this.dir = 1; } else if (keys[LEFT]) { this.x -= 5 * (this.size / 100); this.running = true; this.dir = -1; } else { this.running = false; } }; CuteThing.prototype.animation = function() { if (this.jumping) { this.yOff = -0.35(this.timer - 18.5)(this.timer - 18.5) + 150; if (this.timer < 20) { cuteThingFrame2(this.x, this.y - this.yOff * (this.size / 100), this.size, this.dir); } else if (this.timer < 40) { cuteThingFrame3(this.x, this.y - this.yOff * (this.size / 100), this.size, this.dir); } this.timer++; if (this.timer === 40) { this.jumping = false; this.yOff = 0; this.timer = 0; } } else if (this.running \|\| this.yOff > 0) { this.yOff = -0.2(this.timer - 23)(this.timer - 23) + 60; if (this.timer < 6) { //this.x -= 5 * this.dir; cuteThingFrame4(this.x + 10 * this.dir * (this.size / 100), this.y, this.size, this.dir); } else if (this.timer < 25) { cuteThingFrame2(this.x, this.y - this.yOff * (this.size / 100), this.size, this.dir); } else if (this.timer < 40) { cuteThingFrame3(this.x, this.y - this.yOff * (this.size / 100), this.size, this.dir); } this.timer++; if (this.timer === 40) { this.timer = 0; this.yOff = 0; } } else { cuteThingFrame1(this.x, this.y, this.size, this.dir); this.timer = 0; } if (this.x > 650) { this.x = -50; } else if (this.x < -50) { this.x = 650; } }; CuteThing.prototype.update = function() { this.control(); this.animation(); }; var cuteThing = new CuteThing(); draw = function() { //if (frameCount % 10 === 0) { background(255, 255, 255); cuteThing.update(); //println(cuteThing.running); //println(cuteThing.jumping); //println(""); //} };
Folds	17,102,103,194,195,294,295,380,395,409,411,428,429,478,479,482,486,497
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN3L68POCQw
Votes	203
Spin-Offs	7
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Worldsmith S.G.
Author Name	Roqion
Author ID	kaid_763794492794627725967022
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381579222
Updated	10 months ago, 1739381584199
Source Deleted	unknown