Viewing Program

Program Data

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

Title	Project: Build-a-House
ID	6352181485846528
Created	4 years ago, 1600358987834
Updated	4 years ago, 1627597002753
Code	/** * * - Abstract House - Project: Build-a-House - * * - For loops were used in some of the walls and other things like the plants and fence. * * - started: 09/11/20 * - finished: 09/16/20 * * + based on: https://i.pinimg.com/564x/26/a8/c8/26a8c80690c2b23381a959beea706b0a.jpg **/ //{ rectMode(CENTER); randomSeed(2); enableContextMenu(); //} settings //{ var NonMaskedHouseParts = function(x,y){ pushMatrix(); translate(x,y); scale(1.5); //{ // front edge wall fill(170); beginShape(); vertex(67, 233); vertex(74, 233); vertex(68, 161); vertex(20, 174); vertex(17, 178); vertex(63, 168); endShape(); // front edge wall darker fill(150); quad(15, 123, 18, 127, 21, 174, 17, 179); // front edge wall again fill(160); beginShape(); vertex(15, 123); vertex(74, 110); vertex(69, 63); vertex(-13, 84); vertex(-14, 65); vertex(-34, 69); vertex(-34, 66); vertex(-11, 59); vertex(-10, 80); vertex(72, 58); vertex(78, 116); vertex(17, 127); endShape(); // front edge corner turn fill(153); beginShape(); vertex(-34, 66); vertex(-48, 61); vertex(-49, 117); vertex(-45, 115); vertex(-45, 65); vertex(-34, 69); endShape(); // dark wall front fill(25); beginShape(); vertex(18, 127); vertex(78, 116); vertex(82, 165); vertex(68, 161); vertex(21, 174); endShape(); // dark wall side fill(18); quad(77.9, 116, 89, 130, 92.2, 168, 81, 164.7); // another dark wall fill(20); beginShape(); vertex(112, 132); vertex(87, 117); vertex(92, 168); vertex(108, 172); vertex(110, 191); vertex(118, 191.7); endShape(); // front edge of right most room thingy fill(155); beginShape(); vertex(77, 71); vertex(77, 63); vertex(91, 57); vertex(98, 116); vertex(86, 119); vertex(82, 82); endShape(); // window of right most room thingy fill(27, 48, 71,150); quad(81, 64, 88, 61, 94, 113, 87, 115); // side wall of right most room thingy fill(175); //quad(91, 57, 112, 77, 118, 129, 98, 116); // bottom of right most room thingy fill(11); beginShape(); vertex(98, 116); vertex(86, 119); vertex(88, 121); vertex(112, 132); vertex(117.8, 129); endShape(); // side wall fill(84); beginShape(); vertex(72, 59); vertex(83, 83); vertex(86, 119); vertex(88, 121); vertex(89, 132); vertex(78, 116); endShape(); // side wall fill(139); triangle(-11, 59, 5, 76, -10, 80); // main glass window fill(0, 0, 0,150); beginShape(); vertex(-34, 69); vertex(-14, 64); vertex(-13, 84); vertex(69, 63); vertex(74, 112); vertex(15, 123); vertex(17, 178); vertex(63, 173); vertex(67, 230); vertex(24, 231); vertex(24, 210); vertex(-47, 214); vertex(-48, 197); vertex(7, 194); vertex(5, 112); vertex(-10, 101); vertex(-45, 115); vertex(-45, 65); endShape(); // shadows on window fill(0, 0, 0, 150); triangle(18, 178, 63, 177, 63, 173); quad(-47, 197, -47, 214, -35, 213, -36, 197); beginShape(); vertex(4, 112); vertex(17, 122); vertex(17, 122); vertex(15, 123); vertex(17, 178); vertex(18, 178); vertex(19, 196); vertex(-36, 199); vertex(-36, 197); vertex(7, 194); endShape(); // more shadows on window fill(0, 0, 0, 120); quad(24, 213, 45, 212, 49, 231, 25, 231); // more shadows on window fill(0, 0, 0, 50); quad(45, 212, 65, 213, 67, 230, 49, 230); // railing noFill(); stroke(160); strokeWeight(0.7); strokeCap(SQUARE); strokeJoin(MITER); beginShape(); vertex(-45, 107); vertex(-10, 92); vertex(-10, 101); endShape(); line(-17, 95, -17, 103); line(-23, 98, -23, 106); line(-29, 101, -29, 108); line(-35, 103, -35, 111); line(-41, 106, -41, 113); line(-45, 110, -10, 96); line(-45, 112, -10, 98); // corner strokeWeight(0.5); stroke(125); beginShape(); vertex(-10, 92); vertex(2, 103); vertex(2, 109); endShape(); line(-2, 100, -2, 106); line(-6, 96, -6, 103); line(-10, 95, 2, 105); line(-10, 98, 2, 107); // reflection/shadow of railing on window stroke(0, 0, 0, 50); strokeWeight(0.7); beginShape(); vertex(2, 103); vertex(13, 112); vertex(13, 119); endShape(); line(2, 106, 14, 115); // underneath edge of window/wall fill(92); noStroke(); triangle(17, 178, 62.8, 168, 63.2, 174); // wall end fill(105); quad(19, 210, 20, 235, 24, 235, 24, 210); // floor fill(77); quad(67, 229.8, 24, 231, 24, 233, 67, 234); // edge up to house fill(142); beginShape(); vertex(74, 233); vertex(74.5, 239); vertex(21, 237); vertex(21, 235); vertex(24, 235); vertex(24, 233); endShape(); // shadow fill(0, 0, 0, 20); beginShape(); vertex(-71, 197); vertex(-71, 195); vertex(-61, 194); vertex(-51, 202); vertex(-51, 214); endShape(); // side of room fill(111); quad(-10, 101, 5, 112, 7, 195, -8, 192); // bottom of room fill(62); quad(-51, 198, 7, 195, -8, 191, -51, 197); // edge of wall/house fill(85); quad(-47, 197.8, -47, 215, -51, 215, -51, 197.8); // railing on top of airplane boarding thingy noFill(); stroke(190); strokeWeight(1); beginShape(); vertex(-138, 116); vertex(-138, 114); vertex(-117, 102); vertex(-29, 128); vertex(-29, 133); endShape(); for(var i = -116; i < -30; i += 8){ strokeWeight(0.5); stroke(190); line(i,136+i/3.5,i,142+i/3.5); } noStroke(); // side room protruding from main house, looks like a airplane boarding thing xD fill(119); beginShape(); vertex(-22, 135); vertex(-122, 106); vertex(-126, 152); vertex(-21, 168); vertex(-21, 165); vertex(-119, 148); vertex(-117, 113); vertex(-22, 140); endShape(); // wall/roof of airplane boarding thingy fill(0, 0, 0, 200); beginShape(); vertex(-119, 144); vertex(-77, 154); vertex(-77, 147); vertex(-22, 158); vertex(-22, 140); vertex(-117, 113); endShape(); // glass on airplane boarding thingy fill(0, 0, 0,150); quad(-117, 113, -119, 148, -21, 165, -22, 140); // bottom of airplane boarding thingy fill(15); quad(-154, 164, -125, 152, -21, 168, -59, 177); // poles that hold up the airplane boarding thingy fill(20); beginShape(); vertex(-112, 165); vertex(-107, 199); vertex(-106, 162); bezierVertex(-106, 162, -104, 161, -102, 162); vertex(-103, 202); vertex(-93, 164); bezierVertex(-93, 164, -91, 161, -89, 164); vertex(-101, 215); vertex(-109, 215); vertex(-115, 166); bezierVertex(-115, 166, -114, 164, -112, 165); endShape(); // light on poles strokeWeight(1); stroke(255, 255, 255, 60); line(-106, 162, -107, 215); line(-92, 163, -103, 203); stroke(255, 255, 255, 80); line(-115, 166, -109, 215); // shadows of poles on bottom of airplane boarding thingy fill(0, 0, 0, 80); noStroke(); beginShape(); vertex(-115, 165); vertex(-112, 155); vertex(-108, 155); vertex(-111, 165); bezierVertex(-111, 165, -114, 164, -115, 165); endShape(); beginShape(); vertex(-106, 162); vertex(-105, 156); vertex(-102, 156); vertex(-102, 162); bezierVertex(-102, 162, -105, 161, -106, 162); endShape(); beginShape(); vertex(-93, 163); vertex(-93, 158); vertex(-89, 158); vertex(-89, 164); bezierVertex(-89, 164, -91, 163, -93, 163); endShape(); // corner post on room fill(40); noStroke(); quad(-57.5, 123, -59, 193.5, -55, 193, -54, 122); // glass on room fill(0, 0, 0,130); quad(-54, 122, -13, 107, -11, 187, -55, 193); //} house structure //{ // side of first flight of stairs fill(170); triangle(-96, 196, -88, 215, -102, 215); // side of second flight of stairs fill(180); quad(-159, 218, -113, 215, -70, 244, -160, 236); // first flight of stairs fill(140); beginShape(); vertex(-96, 196); vertex(-71, 195); vertex(-71, 196); vertex(-51, 214); vertex(-88, 215); endShape(); // second flight of stairs fill(155); quad(-113, 215, -46, 214, 26, 237, -71, 244); //} steps/walkway out of house popMatrix(); }; var Landscape = function(x,y){ pushMatrix(); translate(x,y); scale(1.5); // grass fill(37, 115, 25); beginShape(); vertex(24, 238); vertex(166, 242); vertex(167, 226); vertex(141, 226); vertex(115, 229); vertex(115, 230); vertex(73, 238); endShape(); // sidewalk fill(179); quad(24, 237, 167, 242, 166, 265, -79, 244); // curb fill(161); quad(166, 265, -169, 235, -169, 239, 166, 276); // road fill(25); triangle(-169, 239, -169, 276, 167, 276); popMatrix(); }; var Range = function(config) { this.color = config.color; this.height = config.height; this.noise = config.noise; this.draw = function() { noiseSeed(10); var incAmount = 0.006; for(var t = 0; t < 140; t+=random(1,3)) { var n = noise(this.noise); var y = map(n, 0, 1, 10, this.height); this.noise+= incAmount; //grass strokeCap(SQUARE); strokeWeight(random(1,3)); stroke(this.color); line(t,440+t/10, random(t-5, t+5), height-y-random(-5, 20)); if(random() < 0.5) { line(t,440+t/10, random(t-5, t+5), height-y-random(-5, 15)); } } }; }; var range = new Range({ color: color(79, 115, 25), height: 120, noise: 36.6 }); var releasedate = 2020; var copyright = function() { fill(255,40); textAlign(LEFT, BOTTOM); textFont(createFont('Century Gothic Narrow'),9); text(releasedate + (year() > releasedate ? ("-" + year()) : "") + " Daniel T", 5, 498); }; //} functions //{ noStroke(); fill(102); rect(150,150,300,300); for(var i = -72; i < 70; i += 17){ strokeWeight(0.2); stroke(0); line(i,130,i+100,0); line(i+60,130,i,0); } var wall1 = get(0, 0, 100, 150); background(0, 0, 0); pushMatrix(); translate(-95,-240); scale(1.6); fill(255,255,255); noStroke(); quad(68, 161, 108, 172, 114, 231, 74, 239); popMatrix(); var wall1Mask = get(0, 0, 100, 150); wall1.mask(wall1Mask); //} wall 1 //{ noStroke(); fill(89); rect(150,150,300,300); for(var i = -72; i < 50; i += 15){ strokeWeight(0.2); stroke(0); line(i,140,i+100,20); line(i+70,100,i,20); } var wall2 = get(0, 0, 100, 150); background(0, 0, 0); pushMatrix(); translate(-167,-280); scale(1.6); fill(255,255,255); noStroke(); quad(109.9, 191, 136, 193, 140, 226, 114, 232); popMatrix(); var wall2Mask = get(0, 0, 100, 150); wall2.mask(wall2Mask); //} wall 2 //{ noStroke(); fill(175); rect(150,150,300,300); for(var i = -72; i < 50; i += 15){ strokeWeight(0.1); stroke(0); line(i,140,i+100,20); line(i+70,130,i,0); } var wall3 = get(0, 0, 100, 150); background(0, 0, 0); pushMatrix(); translate(-123,-80); scale(1.5); fill(255,255,255); noStroke(); quad(91, 57, 112, 77, 118, 129, 98, 116); popMatrix(); var wall3Mask = get(0, 0, 100, 150); wall3.mask(wall3Mask); //} wall 3 //{ noStroke(); fill(139); rect(150,150,300,300); for(var i = -72; i < 30; i += 10){ strokeWeight(0.2); stroke(0); line(i,140,i+100,20); line(i+70,130,i,0); } var wall4 = get(0, 0, 100, 150); background(0, 0, 0); pushMatrix(); translate(45,-51); scale(1.5); fill(255,255,255); noStroke(); triangle(-11, 59, 5, 76, -10, 80); popMatrix(); var wall4Mask = get(0, 0, 100, 150); wall4.mask(wall4Mask); //} wall 4 //{ noStroke(); fill(170); rect(150,150,300,300); for(var i = 17; i < 200; i += 60){ for(var j = 0; j < 300; j += 30){ strokeWeight(0.2); stroke(0); line(i,j+40,i+60,j+10); line(i+60,j+40,i,j+10); } } var wall5 = get(0, 0, 150, 300); background(0, 0, 0); pushMatrix(); translate(120,-70); scale(1.5); fill(255,255,255); noStroke(); beginShape(); vertex(-48, 61); vertex(-56, 66); vertex(-58, 124); vertex(-13, 108); vertex(-11, 187); vertex(-71, 195); vertex(-71, 197); vertex(-51, 214); vertex(-51, 197); vertex(-8, 191); vertex(-9.5, 101); vertex(-49, 116); endShape(); popMatrix(); var wall5Mask = get(0, 0, 150, 300); wall5.mask(wall5Mask); //} wall 5 //{ noStroke(); fill(145); rect(150,150,300,300); for(var i = 17; i < 200; i += 60){ for(var j = 0; j < 300; j += 30){ strokeWeight(0.3); stroke(0); line(i,j+40,i+60,j+10); line(i+60,j+40,i,j+10); } } var lowwall = get(0, 0, 150, 300); background(0, 0, 0); pushMatrix(); translate(80,-300); scale(1.5); fill(255,255,255); noStroke(); quad(-47, 214, 19, 210, 20, 235, 17, 235); popMatrix(); var lowwallMask = get(0, 0, 150, 300); lowwall.mask(lowwallMask); //} low wall //{ noStroke(); fill(195); rect(150,150,300,300); for(var i = 0; i < 200; i += 20){ for(var j = 0; j < 300; j += 40){ strokeWeight(0.1); stroke(0); line(i,j+40,i+20,j); line(i+20,j+40,i,j); } } var wall6 = get(0, 0, 150, 300); background(0, 0, 0); pushMatrix(); translate(240,-150); scale(1.5); fill(255,255,255); noStroke(); quad(-122, 106, -150, 124, -154, 164, -126, 152); popMatrix(); var wall6Mask = get(0, 0, 150, 300); wall6.mask(wall6Mask); //} wall 6 //{ var c1 = color(103, 173, 224);// gradient top color var c2 = color(103, 173, 224);// gradient bottom color for (var i = 0; i < 500; i += 1) { strokeWeight(2); stroke(lerpColor(c1,c2, i / 500)); line(0,i,500,i); }// gradient for(var i = 0; i < 30; i++) { pushStyle(); noFill(); strokeWeight(20); stroke(random(200,255),random(50,100)); bezier(-100, random(-100, 500), random(10, 150), random(-100, 500), random(width-200, width-100), random(-100, 500), width+100, random(-100, 500)); popStyle(); }// sky filter(BLUR, 15);// sky //} background //{ for(var i = 400; i < 510; i += 3.5){ strokeCap(SQUARE); strokeWeight(random(5,8)); stroke(115, 79, 53); line(i+random(-30,30),random(400,407),i,500); }// fence noStroke(); image(wall2,405,351); image(wall1,335,313); NonMaskedHouseParts(250,90); image(wall3,373,170); image(wall4,205,141); image(wall5,130,160); image(lowwall,171,389.6); image(wall6,10.4,240.2); //} drawing house //{ Landscape(250,90);// drawing landscape range.draw();// drawing grasses copyright();//draw signature //} landscape filter(BLUR,0.5);// why not blur a little? xD //{ if(width < 500 \|\| height < 500) { throw{message: "Please refresh the page to view this graphic."}; } //} scene dimentions
Folds	12,18,20,465,467,496,497,526,527,556,557,586,587,629,630,659,660,689,691,711,713,734,736,744,747,753
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgI2I6KikCww
Votes	603
Spin-Offs	27
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	{"id":"project-build-a-house","title":"Project: Build-a-House","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Daniel T
Author Name	dt.ka
Author ID	kaid_1088724296543359205380923
Author Profile Access	COACH

Archive Data

Added	5 months ago, 1739456946509
Updated	3 months ago, 1744820738764
Source Deleted	unknown