Viewing Program

Program Data

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

Title	Dozenal Car Selector
ID	5292754910
Created	9 years ago, 1462710712272
Updated	9 years ago, 1481899742901
Code	/Guys, seriously please stop voting for this./ //It doesn't even DO anything yet. It's just a prop for a game that's still in progress. If you want to vote for one of my more creative projects, go to: // https://www.khanacademy.org/profile/KhanArtistStudios/projects or check out some other, more deserving programs on the Hot List // //Credit for the car designs goes to jrussel20. Check out his awesome programs here: // https://www.khanacademy.org/profile/JLR20/projects var stage = 'select'; var count = 0; //global vars { //blue car var blueCarX = 92; var blueCarY = 150; var blueCarSize = 5; var blueCarRot = 0; //rotation //red car var redCarX = 163; var redCarY = 150; var redCarSize = 5; var redCarRot = 0; //yellow car var yellowCarX = 240; var yellowCarY = 150; var yellowCarSize = 5; var yellowCarRot = 0; //blue truck var blueTruckX = 305; var blueTruckY = 150; var blueTruckSize = 5; var blueTruckRot = 0; } //blue car array and function { var blueCar = [[0,0,5,4,5,5,4,5,0,0],//0 = transparent [0,5,5,9,5,5,9,5,5,0],//1 = black [0,5,1,1,1,1,1,1,5,0],//2 = dark gray [5,1,1,2,2,2,2,1,1,5],//3 = light gray [7,1,2,2,3,3,2,2,1,7],//4 = lightest gray [8,2,2,3,3,3,3,2,2,8],//5 = darkest blue [8,2,7,9,6,6,9,7,2,8],//6 = dark-ish blue [7,2,8,9,6,6,9,8,2,7],//7 = light blue [6,2,8,9,8,8,9,8,2,6],//8 = lightest blue [6,2,8,9,8,8,9,8,2,6],//9 = white [5,2,8,9,8,8,9,8,2,5], [0,2,7,9,7,7,9,7,2,0], [0,1,2,2,1,1,1,1,1,0], [5,1,1,2,2,1,1,1,1,5], [5,7,1,1,2,1,1,1,7,5], [7,1,7,9,7,7,9,7,1,7], [7,8,1,9,8,8,9,1,8,7], [7,8,8,9,8,8,9,8,8,7], [7,7,8,9,8,8,9,8,7,7], [6,7,7,9,7,7,9,7,7,6], [0,6,6,9,7,7,9,6,6,0], [0,2,2,4,6,6,4,2,2,0], [0,0,0,0,5,5,0,0,0,0]]; var drawBlueCar = function(x, y, s) { pushMatrix(); translate(x, y - sblueCar.length0.5); rotate(blueCarRot); for (var i = 0; i < blueCar.length; i++) { for (var j = 0; j < blueCar[i].length; j++) { noStroke(); if (blueCar[i][j] !== 0) { switch (blueCar[i][j]) { case 1: //black fill(0, 0, 0); break; case 2: //dark gray fill(56, 55, 56); break; case 3: //light gray fill(99, 98, 98); break; case 4: //lightest gray fill(191, 189, 189); break; case 5: //darkest blue fill(3, 3, 161); break; case 6: //dark-ish blue fill(54, 92, 245); break; case 7: //light blue fill(70, 130, 250); break; case 8: //lightest blue fill(123, 157, 250); break; case 9: //white fill(255, 255, 255); } rect(js - sblueCar[0].length/2, is - sblueCar.length0.5, s, s); } } } popMatrix(); }; } //red car array and function { var a = 10; var b = 11; var c = 12; var d = 13; var redCar = [[0,0,2,9,9,9,9,9,9,9,2,0,0],//0 = transparent [0,8,9,a,a,a,a,a,a,a,9,8,0],//1 = black [0,8,9,a,a,a,a,a,a,a,9,8,0],//2 = dark gray [0,a,b,b,a,a,a,a,a,b,b,a,0],//3 = blue-ish gray [0,a,c,b,a,a,9,a,a,b,c,a,0],//4 = light gray [0,9,a,1,3,3,3,3,3,1,a,9,0],//5 = lighter gray [0,a,a,1,3,3,3,3,3,1,a,a,0],//6 = lightest gray [0,8,8,1,5,5,3,5,5,1,8,8,0],//7 = darkest red [8,0,1,8,c,a,a,a,c,8,1,0,8],//8 = dark red [0,0,2,8,d,d,d,d,d,8,2,0,0],//9 = dark-ish red [0,0,2,8,d,d,d,d,d,8,2,0,0],//a = red [0,0,1,8,d,d,d,d,d,8,1,0,0],//b = lighter red [0,0,2,8,d,d,d,d,d,8,2,0,0],//c = even lighter red [0,8,8,9,c,d,d,d,c,9,8,8,0],//d = lightest red [0,9,8,9,a,c,c,c,a,9,8,9,0], [0,c,8,1,6,5,3,5,6,1,8,c,0], [0,d,8,1,6,2,1,2,6,1,8,d,0], [0,9,a,4,2,2,6,2,2,4,a,9,0], [0,8,a,9,4,5,5,5,4,9,a,8,0], [0,9,8,8,8,7,1,7,8,8,8,9,0], [0,9,8,8,7,7,7,7,7,8,8,9,0], [0,a,a,a,8,8,8,8,8,a,a,a,0]]; var drawRedCar = function(x, y, s) { pushMatrix(); translate(x, y - sredCar.length0.5); rotate(redCarRot + 180); for (var i = 0; i < redCar.length; i++) { for (var j = 0; j < redCar[i].length; j++) { noStroke(); if (redCar[i][j] !== 0) { switch (redCar[i][j]) { case 1: //black fill(0, 0, 0); break; case 2: //dark gray fill(56, 55, 56); break; case 3: //blue-ish gray fill(33, 53, 71); break; case 4: //light gray fill(105, 105, 105); break; case 5: //lighter gray fill(128, 125, 128); break; case 6: //lightest gray fill(168, 166, 166); break; case 7: //darkest red fill(97, 1, 1); break; case 8: //dark red fill(150, 3, 3); break; case 9: //dark-ish red fill(181, 2, 2); break; case a: //red fill(214, 7, 7); break; case b: //lighter red fill(252, 41, 42); break; case c: //even lighter red fill(252, 98, 98); break; case d: //lightest red fill(255, 127, 127); } rect(js - sredCar[0].length/2, is - sredCar.length0.5, s, s); } } } popMatrix(); }; } //yellow car array and function { var yellowCar = [[0,0,4,4,4,4,4,4,4,4,0,0],//0 = transparent [0,4,6,6,6,6,6,6,6,6,4,0],//1 = black [0,6,7,8,8,8,8,8,8,7,6,0],//2 = dark gray [0,6,7,8,6,6,6,6,8,7,6,0],//3 = light gray [0,6,7,7,8,8,8,8,7,7,6,0],//4 = darkest yellow [0,6,5,1,1,1,1,1,1,5,6,0],//5 = dark yellow [0,4,1,1,3,3,3,3,1,1,4,0],//6 = dark-ish yellow [0,4,1,5,5,5,5,5,5,1,4,0],//7 = light yellow [0,4,1,5,6,6,6,6,5,1,4,0],//8 = lightest yellow [0,4,1,6,8,8,8,8,6,1,4,0],//9 = white [0,4,1,8,8,8,8,8,8,1,4,0], [0,4,1,8,8,6,6,8,8,1,4,0], [0,4,1,8,8,9,9,8,8,1,4,0], [4,4,1,4,8,8,8,8,4,1,4,4], [0,6,1,2,3,3,3,3,2,1,6,0], [0,6,5,2,2,3,3,2,2,5,6,0], [0,6,8,8,8,6,6,8,8,8,6,0], [0,6,8,8,7,8,8,7,8,8,6,0], [0,6,8,8,7,8,8,7,8,8,6,0], [0,6,8,8,7,8,8,7,8,8,6,0], [0,6,8,8,7,8,8,7,8,8,6,0], [0,6,8,8,7,8,8,7,8,8,6,0], [0,4,6,6,6,8,8,6,6,6,0,0], [0,0,4,4,4,6,6,4,4,4,0,0]]; var drawYellowCar = function(x, y, s) { pushMatrix(); translate(x, y - syellowCar.length0.5); rotate(yellowCarRot); for (var i = 0; i < yellowCar.length; i++) { for (var j = 0; j < yellowCar[i].length; j++) { noStroke(); if (yellowCar[i][j] !== 0) { switch (yellowCar[i][j]) { case 1: //black fill(0, 0, 0); break; case 2: //dark gray fill(56, 55, 56); break; case 3: //light gray fill(99, 98, 98); break; case 4: //darkest yellow fill(176, 165, 7); break; case 5: //dark yellow fill(184, 175, 6); break; case 6: //dark-ish yellow fill(215, 195, 4); break; case 7: //light yellow fill(209, 209, 7); break; case 8: //lightest yellow fill(255, 255, 0); break; case 9: //white fill(255, 255, 255); } rect(js - syellowCar[0].length/2, is - syellowCar.length0.5, s, s); } } } popMatrix(); }; } //blue truck array and function { var blueTruck = [[0,0,0,3,2,1,2,3,0,0,0],//0 = transparent [0,1,3,4,4,4,4,4,3,1,0],//1 = black [1,3,4,d,6,6,6,d,4,3,1],//2 = darkest gray [1,3,4,d,6,5,6,d,4,3,1],//3 = dark gray [1,3,4,d,5,d,5,d,4,3,2],//4 = dark-ish gray [3,4,d,d,6,6,6,d,d,4,3],//5 = lightest gray [1,3,4,d,6,5,6,d,4,3,1],//6 = other gray [1,3,4,d,6,5,6,d,4,3,1],//7 = darkest blue [1,3,4,d,6,5,6,d,4,3,1],//8 = dark blue [1,3,4,d,6,5,6,d,4,3,1],//9 = dark-ish blue [1,3,4,d,6,6,6,d,4,3,1],//a = lighter blue [1,3,4,d,6,d,6,d,4,3,1],//b = even lighter blue [3,4,d,d,6,6,6,d,d,4,3],//c = lightest blue [1,3,4,d,6,5,6,d,4,3,1],//d = white [1,3,4,d,6,5,6,d,4,3,1], [1,3,4,d,6,5,6,d,4,3,1], [3,4,d,d,d,d,d,d,d,4,3], [1,3,4,d,6,d,6,d,4,3,1], [1,3,4,d,6,6,6,d,4,3,1], [1,3,4,d,6,5,6,d,4,3,1], [1,3,4,d,6,5,6,d,4,3,1], [1,3,4,d,6,5,6,d,4,3,1], [1,3,4,d,5,d,5,d,4,3,1], [3,4,d,d,6,6,6,d,d,4,3], [1,3,4,d,6,5,6,d,4,3,1], [1,3,4,d,5,5,5,d,4,3,1], [1,3,4,d,6,6,6,d,4,3,1], [4,3,2,1,3,3,3,1,2,3,4], [2,2,3,3,2,1,2,3,3,2,2], [0,8,9,b,c,c,c,b,9,8,0], [2,8,9,b,b,b,b,b,9,8,2], [3,7,8,9,9,9,9,9,8,7,3], [3,1,a,8,8,8,8,8,a,1,3], [2,1,a,c,c,c,c,c,a,1,2], [1,8,a,b,c,c,c,b,a,8,1], [1,7,a,b,c,c,c,b,a,7,1], [0,8,7,2,2,3,2,2,7,8,0], [0,3,3,b,b,b,b,b,3,3,0], [7,7,a,b,b,b,b,b,a,7,7], [8,7,a,b,b,b,b,b,a,7,8], [8,7,a,a,b,b,b,a,a,7,8], [9,9,7,9,b,b,b,9,7,9,9], [8,9,7,9,9,9,9,9,7,9,8], [0,3,8,8,8,8,8,8,8,3,0], [0,0,3,3,3,3,3,3,3,0,0]]; var drawBlueTruck = function(x, y, s) { pushMatrix(); translate(x, y - sblueTruck.length0.5); rotate(blueTruckRot); for (var i = 0; i < blueTruck.length; i++) { for (var j = 0; j < blueTruck[i].length; j++) { if (blueTruck[i][j] !== 0) { switch (blueTruck[i][j]) { case 1: //black stroke(0, 0, 0); fill(0, 0, 0); break; case 2: //darkest gray stroke(56, 55, 56); fill(56, 55, 56); break; case 3: //dark gray stroke(87, 85, 85); fill(87, 85, 85); break; case 4: //dark-ish gray stroke(128, 128, 128); fill(128, 128, 128); break; case 5: //lightest gray stroke(191, 189, 189); fill(191, 189, 189); break; case 6: //other gray stroke(153, 151, 153); fill(153, 151, 153); break; case 7: //darkest blue stroke(3, 3, 161); fill(3, 3, 161); break; case 8: //dark blue stroke(32, 32, 250); fill(32, 32, 250); break; case 9: //dark-ish blue stroke(54, 94, 245); fill(54, 94, 245); break; case a: //lighter blue stroke(70, 130, 250); fill(70, 130, 250); break; case b: //even lighter blue stroke(123, 157, 250); fill(123, 157, 250); break; case c: //lightest blue stroke(176, 195, 252); fill(176, 195, 252); break; case d: //white stroke(255, 255, 255); fill(255, 255, 255); } rect(js - sblueTruck[0].length/2, is - sblueTruck.length0.5, s, s); } } } popMatrix(); }; } var yourCarX, yourCarY, yourCarRot; var car1X, car1Y, car1Rot; var car2X, car2Y, car2Rot; var car3X, car3Y, car3Rot; if (stage === 'select') { var selected = false; var carNum = 1; var fadeOut = function(s) { fill(0, 0, 0, count); rect(0, 0, width, height); count += 5; if (count > 51) { stage = s; } }; blueCarX = 200; blueCarY = height/1.9 + blueCarSizeblueCar.length/2; redCarX = 200; redCarY = height/1.9 + redCarSizeredCar.length/2; yellowCarX = 200; yellowCarY = height/1.9 + yellowCarSizeyellowCar.length/2; blueTruckX = 200; blueTruckY = height/1.9 + blueTruckSizeblueTruck.length/2; draw = function() { background(32, 92, 21); fill(255, 255, 255); textSize(25); textAlign(CENTER); fill(255, 255, 255); if (selected === false) { text('Click to Select', 200, 60); } fill(0, 255, 204, 50); noStroke(); ellipse(width/2, height/1.9, 230, 230); if (carNum === 1) { if (dist(mouseX, mouseY, width/2, height/1.8) <= 100 && selected === false) { fill(255, 255, 255); textSize(14); text("Description for Blue Car", 200, 350); } if (blueCarRot === 360) { blueCarRot = 0; } if (selected === true && blueCarRot < 350 && blueCarRot > 0) { blueCarRot += 2; } if (selected === true && blueCarRot === 0) { blueCarY += 3; } else { blueCarRot++; } drawBlueCar(blueCarX, blueCarY, blueCarSize); } if (carNum === 2) { if (dist(mouseX, mouseY, width/2, height/1.8) <= 100 && selected === false) { fill(255, 255, 255); textSize(14); text("Description for Red Car", 200, 350); } if (redCarRot === 360) { redCarRot = 0; } if (selected === true && redCarRot < 350 && redCarRot > 0) { redCarRot += 2; } if (selected === true && redCarRot === 0) { redCarY += 3; } else { redCarRot++; } drawRedCar(redCarX, redCarY, redCarSize); } if (carNum === 3) { if (dist(mouseX, mouseY, width/2, height/1.8) <= 100 && selected === false) { fill(255, 255, 255); textSize(14); text("Description for Yellow Car", 200, 350); } if (yellowCarRot === 360) { yellowCarRot = 0; } if (selected === true && yellowCarRot < 350 && yellowCarRot > 0) { yellowCarRot += 2; } if (selected === true && yellowCarRot === 0) { yellowCarY += 3; } else { yellowCarRot++; } drawYellowCar(yellowCarX, yellowCarY, yellowCarSize); } if (carNum === 4) { if (dist(mouseX, mouseY, width/2, height/1.8) <= 100 && selected === false) { fill(255, 255, 255); textSize(14); text("Description for Blue Truck", 200, 350); } if (blueTruckRot === 360) { blueTruckRot = 0; } if (selected === true && blueTruckRot < 350 && blueTruckRot > 0) { blueTruckRot += 2; } if (selected === true && blueTruckRot === 0) { blueTruckY += 3; } else { blueTruckRot++; } drawBlueTruck(blueTruckX, blueTruckY, blueTruckSize); } if (carNum < 4 && selected === false) { fill(255, 213, 0); triangle(350, 185, 350, 215, 375, 200); } if (carNum > 1 && selected === false) { fill(255, 213, 0); triangle(50, 185, 50, 215, 25, 200); } if (dist(mouseX, mouseY, width/2, height/1.8) <= 100 && selected === false) { cursor(HAND); } else if (selected === false && carNum > 1 && mouseX > 25 && mouseX < 50 && mouseY > 185 && mouseY < 215) { cursor(HAND); } else if (selected === false && carNum < 4 && mouseX > 350 && mouseX < 375 && mouseY > 185 && mouseY < 215) { cursor(HAND); } else { cursor(ARROW); } if (blueCarY > 400 \|\| redCarY > 400 \|\| yellowCarY > 400 \|\| blueTruckY > 400) { fadeOut('game'); } }; mouseClicked = function() { if (dist(mouseX, mouseY, width/2, height/1.8) <= 100) { selected = true; if (carNum === 1) { yourCarX = blueCarX; yourCarY = blueCarY; yourCarRot = blueCarRot; } } if (carNum < 4) { if (mouseX > 350 && mouseX < 375 && mouseY > 185 && mouseY < 215) { carNum++; } } if (carNum > 1) { if (mouseX > 25 && mouseX < 50 && mouseY > 185 && mouseY < 215) { carNum--; } } }; } if (stage === 'game') { }
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBjej-TbEww
Votes	201
Spin-Offs	6
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Nathan Moran
Author Name	KhanArtistStudios
Author ID	kaid_40787800268853119799507
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739289073205
Updated	10 months ago, 1739289073205
Source Deleted	unknown