Viewing Program

Program Data

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

Title	Outdoor Survival [TCO]
ID	5417485564952576
Created	1 years ago, 1691970331565
Updated	1 years ago, 1691970464379
Code	/* OUTDOOR SURVIVAL For TCO Challenge 3 'Touch Grass' Started: 08.08.2023 Finished: 14.08.2023 / var scene = "menu";// current scene displayed var survived = 0;// time survived var cattle = [];// array to hold cattle var rate = 0;// cattle generation rate var grass = [];// array to hold grass for backdrop noStroke();// remove outline rectMode(CENTER);// align rects to center textAlign(CENTER, CENTER);// align text to the center textFont(createFont('Chiller'));// change font // detecting user input var clicked = false; mousePressed = function() { clicked = true; }; var keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; // rect to rect collision function function rectRect(a, b) { return a.x + a.w/2 > b.x - b.w/2 && a.x - a.w < b.x + b.w/2 && a.y + a.h/2 > b.y - b.h/2 && a.y - a.h/2 < b.y + b.h/2; } // transition object var transition = { x: -width, next: "menu", timer: 0, go: function() { // black square for covering screen fill(0); rect(width/2 + this.x, height/2, width, height); // if running move onto screen if (this.next !== "") { this.timer++; this.x = lerp(this.x, 0, 0.1); } else {// else move back this.timer = 0; this.x = lerp(this.x, -width, 0.1); } // changing scenes if (this.timer >= 60) { scene = this.next;// change scene to next scene } // end transition if (this.timer >= 61) { this.next = ""; } } }; // button function function Btn(txt, ts, x, y, w, h, func) { // on click if (mouseX > x - w/2 && mouseX < x + w/2 && mouseY > y - h/2 && mouseY < y + h/2) { // on hover fill(255, 10); w = lerp(w, w + 20, 0.5); // when user clicks & when not transitioning scenes if (clicked && transition.next === "") { func(); } } else { noFill(); } // border stroke(255); strokeWeight(2); rect(x, y, w, h); noStroke(); // button text fill(255); textSize(ts); text(txt, x, y); } // player object var p = { x: 100, y: 300, w: 20, h: 50, xvel: 0, yvel: 0, particles: [], walk: 0, display: function() { // draw & moving particles this.particles.forEach(function(part) { fill(90, 65, 30, part.o); ellipse(part.x, part.y, 4, 4); part.x += part.xv; part.y += part.yv; part.o -= 15; }); // removing particles for (var i = this.particles.length - 1; i >= 0; i--) { if (this.particles[i].o <= 0) { this.particles.splice(i, 1); } } // to animate limbs when moving if (this.xvel !== 0 \|\| this.yvel !== 0) { this.walk = sin(frameCount 6) * 2; } else { this.walk = 1; } pushMatrix(); translate(this.x, this.y); // right hand fill(170, 110, 80); ellipse(10 - this.walk, 0, 8, 8); // body fill(230, 150, 50); rect(0, 5, this.w - 2, 30, 4, 4, 2, 2); // head fill(170, 110, 80); ellipse(0, -18, 18, 20); // hands ellipse(-8 + this.walk, 0, 8, 8); // eyes fill(0); ellipse(0, -18, 4, 6); ellipse(6, -18, 4, 6); // feet fill(100, 45, 40); rect(-2 - this.walk, 22, 8, 5, 0, 2, 2, 2); rect(6 + this.walk, 22, 8, 5, 0, 2, 2, 2); // hat fill(235, 155, 60); ellipse(0, -24, 20, 4); fill(230, 150, 50); arc(0, -26, 10, 5, 180, 360); popMatrix(); }, update: function() { // keep player in canvas this.y = constrain(this.y, this.h/2, height - this.h/2); this.x = constrain(this.x, this.w/2, height - this.w/2); // changing velocities if (keys[LEFT] \|\| keys[65]) { this.xvel = -2; } else if ( keys[RIGHT] \|\| keys[68]) { this.xvel = 2; } else { this.xvel = 0; } if (keys[UP] \|\| keys[87]) { this.yvel = -2; } else if ( keys[DOWN] \|\| keys[83]) { this.yvel = 2; } else { this.yvel = 0; } // move player this.x += this.xvel; this.y += this.yvel; // collide cattle with player for (var i = 0; i < cattle.length; i++) { if (rectRect(this, cattle[i])) { transition.next = "lose"; } } // adding particles when player is moving if ((this.xvel !== 0 \|\| this.yvel !== 0) && frameCount % 1 === 0) { this.particles.push({ x: this.x + random(-8, 8), y: this.y + 23, o: 255, xv: random(-0.5, 0), yv: random(-0.5, 0.5), }); } }, }; // cow prototype function Cow(x, y) { this.x = x; this.y = y; this.w = 40; this.h = 40; this.particles = []; } Cow.prototype = { display: function() { // draw & moving particles this.particles.forEach(function(part) { fill(90, 65, 30, part.o); ellipse(part.x, part.y, 4, 4); part.x += part.xv; part.y += part.yv; part.o -= 15; }); // removing particles for (var i = this.particles.length - 1; i >= 0; i--) { if (this.particles[i].o <= 0) { this.particles.splice(i, 1); } } pushMatrix(); translate(this.x - 5, this.y); // legs function leg(x, y, r, clr) { pushMatrix(); translate(x, y); rotate(sin(frameCount * 4) * 15 * r);// rotating legs fill(110 + clr, 80, 50); rect(3, 10, 6, 20); popMatrix(); } leg(-12, 3, 1, -10);// front right leg(-10, 3, -1, 0);// front left leg(12, 3, 1, -10);// back right leg(15, 3, -1, 0);// back left // body fill(90, 65, 30); rect(5, -4, 40, 20); // head pushMatrix(); translate(-18, -12); rotate(45 + sin(frameCount * 4) * 5); fill(110, 80, 50); rect(0, 0, 15, 20); // eye fill(20); ellipse(-1, -2, 4, 4); popMatrix(); popMatrix(); }, update: function() { this.x -= 4; // adding particles if (frameCount % 10 === 0) { for (var i = 0; i < 10; i++) { this.particles.push({ x: this.x + random(-1, 1) * 20, y: this.y + 22, o: 255, xv: random(-4, -3), yv: random(-0.5, 0.5), }); } } }, }; var menuCow = new Cow(0, 0);// cow to show on menu scene // grass for backdrop for (var i = 0; i < 200; i++) { grass.push({ x: random(0, width), y: random(0, height), c: random(150, 200), }); } // object of scenes var Scenes = { menu: function() { // title fill(255); textSize(80); text("OUTDOOR SURVIVAL", 300, 100); pushMatrix(); translate(300, 230); scale(2); menuCow.display(); popMatrix(); Btn("PLAY", 40, 300, 360, 300, 50, function() { cattle.length = 0;// remove any old cattle survived = 0;// reset score transition.next = "game"; }); Btn("HOW", 40, 300, 430, 300, 50, function() { transition.next = "how"; }); Btn("SUBSCRIBE", 40, 300, 500, 300, 50, function() { println("Subscribe here:\nhttps://khanacademy.org/cs/i/4838951661649920"); }); }, game: function() { // draw & move player p.display(); p.update(); // increase cattle generation rate rate = 120 - survived; // limit cattle generation rate rate = constrain(rate, 2, 120); // add, display, move, remove cattle if (frameCount % rate === 0) { cattle.push(new Cow(width + 50, random(0, height))); } cattle.forEach(function(c) { c.display(); c.update(); if (rectRect(c, p)) { transition.next = "lose"; } }); for (var i = cattle.length - 1; i >= 0; i--) { var c = cattle[i]; // remove cattle when they are off the screen if (c.x <= -50) { cattle.splice(i, 1); } } // increase score if (frameCount % 60 === 0) { survived++; } }, how: function() { // title fill(255); textSize(80); text("HOW", 300, 100); // instructions textSize(40); text("Arrow keys/WASD to move.\nAvoid the stampeding cattle.\nTry to survive the great outdoors!", 300, 300); Btn("BACK", 40, 300, 500, 300, 50, function() { transition.next = "menu"; }); }, lose: function() { // title fill(255); textSize(100); text("YOU DIED!", 300, 100); // instructions textSize(60); text("You survived for " + survived + " seconds.", 300, 250); Btn("REPLAY", 40, 300, 400, 300, 50, function() { cattle.length = 0;// remove any old cattle survived = 0;// reset score transition.next = "game"; }); Btn("BACK", 40, 300, 500, 300, 50, function() { transition.next = "menu"; }); }, }; // drawing everything function draw() { background(30, 60, 30);// prevent smearing // draw grass for (var i = 0; i < grass.length; i++) { var g = grass[i]; var wind = sin(3 * (frameCount + g.x/5)) * 3;// variable to animate grass blowing stroke(g.c, g.c, 120, 50); strokeWeight(1); noFill(); pushMatrix(); translate(g.x, g.y); bezier(0, 0, wind - 2, -5, wind - 2, -5, wind - 12, -8 - wind); popMatrix(); } noStroke(); Scenes[scene]();// draw current scene transition.go();// run transition clicked = false;// stop clicking }
Folds	21,23,25,27,28,30,33,38,41,68,71,99,102,207,210,216,217,283,287,293,296,390,393,415
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLO1yuXPCQw
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	23 days ago, 1734464226356
Updated	23 days ago, 1734464278593
Source Deleted	unknown