Viewing Program

Program Data

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

Title	House (Adjust Background)
ID	5769304088510464
Created	10 years ago, 1423494631583
Updated	10 years ago, 1426800412044
Code	/** Thank you to all who voted! This got to 100 votes on February 15th, 2015! I achieved my goal! Check out my webpage: * https://www.khanacademy.org/computer-programming/chopsors-webpage/6263499599380480 Hope you enjoy! */ //variables for deciding the background var raining = false; var sunny = false; var snowing = false; var night = true; var mountainous = false; var font = createFont("fantasy"); //font //clicking var clickable = false; mouseReleased = function() { clickable = true; }; //button constructor var Button = function(x, y, w, h, color, message, txtSize, whatHappens) { this.x = x; this.y = y; this.w = w; this.h = h; this.color = color; this.message = message; this.txtSize = txtSize; this.whatHappens = function() { whatHappens(); }; this.hoverMouse = function() { return mouseX > this.x - this.w/2 && mouseX < this.x + this.w/2 && mouseY > this.y - this.h/2 && mouseY < this.y + this.h/2; }; this.mouseClicked = function() { if (this.hoverMouse()) { fill(this.color); strokeWeight(2); stroke(0, 0, 0); cursor(HAND); if (mouseIsPressed && clickable) { this.whatHappens(); } } }; this.display = function() { fill(this.color); strokeWeight(1); stroke(0, 0, 0); this.mouseClicked(); rect(this.x - this.w/2, this.y - this.h/2, this.w, this.h, 4); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(this.txtSize); text(this.message, this.x, this.y); }; }; var buttons = { sunny: new Button(40, 370, 80, 40, color(255, 0, 0), "SUNNY", 18, function() { sunny = true; snowing = false; raining = false; night = false; mountainous = false; }), snowy: new Button(120, 370, 80, 40, color(255, 0, 0), "SNOWY", 18, function() { sunny = false; snowing = true; raining = false; night = false; mountainous = false; }), rainy: new Button(200, 370, 80, 40, color(255, 0, 0), "RAINY", 18, function() { sunny = false; snowing = false; raining = true; night = false; mountainous = false; }), night: new Button(280, 370, 80, 40, color(255, 0, 0), "NIGHT", 18, function() { sunny = false; snowing = false; raining = false; night = true; mountainous = false; }), mountainous: new Button(360, 370, 80, 40, color(255, 0, 0), "Mountain\nView", 18, function() { sunny = false; snowing = false; raining = false; night = false; mountainous = true; }) }; var cloud = function(x, y) { fill(255, 255, 255); if (raining) { fill(100, 100, 100); } else { fill(255, 255, 255); } noStroke(); ellipse(x, y, 100, 70); ellipse(x - 80, y, 90, 50); ellipse(x + 80, y, 90, 50); }; var rainBackground = { rainX: [200], rainY: [0], display: function() { noStroke(); this.rainX.push(random(0, 400)); this.rainY.push(0); //snowflake generator for (var rainmaker = 0; rainmaker < this.rainX.length; rainmaker += 5) { fill(0, 200, 255); ellipse(this.rainX[rainmaker], this.rainY[rainmaker], 5, 10); this.rainY[rainmaker] += random(3, 9); if (this.rainY[rainmaker] > 400) { this.rainY[rainmaker] = 0; } } cloud(100, 0); cloud(300, 0); //ground fill(0, 56, 0); noStroke(); rect(0, 340, 400, 60); } }; var snowBackground = { snowX: [200], snowY: [0], display: function() { cloud(100, 0); cloud(300, 0); noStroke(); this.snowX.push(random(0, 400)); this.snowY.push(0); //snowflake generator for (var snowmaker = 0; snowmaker < this.snowX.length; snowmaker += 5) { fill(255, 255, 255); ellipse(this.snowX[snowmaker], this.snowY[snowmaker], 3, 3); this.snowY[snowmaker] += random(0.5, 0.8); if (this.snowY[snowmaker] > 400) { this.snowY[snowmaker] = 0; } } //ground fill(255, 255, 255); noStroke(); rect(0, 340, 400, 60); } }; var sunBackground = function() { fill(255, 255, 0); noStroke(); ellipse(0, 0, 140, 140); //ground fill(0, 150, 0); noStroke(); rect(0, 340, 400, 60); }; var nightBackground = { generator: random(1, 2.5), pos: [], createStars: function() { if (this.pos.length < 200) { for (var i = 0; i < 200; i++) { this.pos.push({ x: random(0, 400), y: random(0, 400), size: this.generator }); } } }, moon: function(x, y, size) { //moon noStroke(); fill(255, 255, 255, 200); ellipse(x, y, size 1.25, size * 1.25); noStroke(); fill(255, 255, 255); ellipse(x, y, size, size); }, display: function() { this.createStars(); for (var i = 0; i < this.pos.length; i++) { fill(255, 255, 255); noStroke(); ellipse(this.pos[i].x, this.pos[i].y, this.pos[i].size, this.pos[i].size); } //ground fill(0, 56, 0); noStroke(); rect(0, 340, 400, 60); this.moon(52, 51, 66); } }; var mountainBackground = { cloudX: -150, mountain: function(x, width, height) { fill(89, 89, 89); stroke(50, 50, 50); strokeWeight(3); triangle(x - width/2, 340, x + width/2, 340, x, 340 - height); }, display: function() { //ground fill(89, 89, 89); noStroke(); rect(0, 340, 400, 60); //mountains this.mountain(20, 300, 300); this.mountain(144, 300, 332); this.mountain(224, 300, 300); this.mountain(73, 300, 300); this.mountain(373, 300, 320); //clouds cloud(this.cloudX, 50); this.cloudX += 1; if (this.cloudX > 550) { this.cloudX = -150; } } }; var house = function() { //base fill(112, 62, 0); noStroke(); rect(50, 120, 300, 220); //roof fill(255, 0, 0); triangle(40, 120, 360, 120, 200, 50); if (snowing) { stroke(255, 255, 255); strokeWeight(7); line(46, 115, 200, 50); line(200, 50, 354, 115); } stroke(0, 0, 0); strokeWeight(1); for (var i = 120; i < 341; i += 20) { line(49, i, 350, i); } //windows for (var i = 65; i < 340; i += 60) { fill(255, 255, 255); noStroke(); rect(i, 150, 30, 30); stroke(0, 0, 0); strokeWeight(2); line(i + 15, 150, i + 15, 180); line(i, 165, i + 30, 165); } for (var i = 65; i < 340; i += 240) { fill(255, 255, 255); noStroke(); rect(i, 260, 30, 30); stroke(0, 0, 0); strokeWeight(2); line(i + 15, 260, i + 15, 290); line(i, 275, i + 30, 275); } noStroke(); fill(0, 0, 0); rect(175, 270, 50, 70); fill(145, 145, 145); ellipse(185, 309, 10, 10); noFill(); stroke(0, 0, 0); strokeWeight(15); arc(200, 330, 120, 200, -180, 0); rect(139, 330, 1, 2); rect(259, 330, 1, 2); }; var displayButtons = function() { textAlign(CENTER, CENTER); textFont(font); buttons.sunny.display(); buttons.snowy.display(); buttons.rainy.display(); buttons.night.display(); buttons.mountainous.display(); }; var draw = function() { cursor(ARROW); if (raining) { background(0, 0, 100); } else if (sunny \|\| snowing \|\| mountainous) { background(0, 204, 255); } else if (night) { background(0, 0, 0); } if (sunny) { sunBackground(); } else if (snowing) { snowBackground.display(); } else if (raining) { rainBackground.display(); } else if (night) { nightBackground.display(); } else if (mountainous) { mountainBackground.display(); } house(); //draws house displayButtons(); //draws buttons clickable = false; };
Folds	19,21,24,60,61,97,99,110,112,140,142,169,171,180,182,220,222,252,254,308
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLDG7OSfCgw
Votes	183
Spin-Offs	17
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5322961523310592","title":"Project: Build-a-House","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Owen S
Author Name	chopsor
Author ID	kaid_654395641265089322009495
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739448761560
Updated	10 months ago, 1739448766559
Source Deleted	unknown