Viewing Program

Program Data

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

Title	Mercedes Biome
ID	6384612964515840
Created	4 years ago, 1607727708135
Updated	3 years ago, 1634596896661
Code	/** * - Mercedes Biome - * * This is a concept car designed by Mercedes. * I decided to try to make this graphic after I drew the car a few times. * * Based on: https://assets.newatlas.com/dims4/default/14b9a2a/2147483647/strip/true/crop/1024x683+0+0/resize/1200x800!/quality/90/?url=http%3A%2F%2Fnewatlas-brightspot.s3.amazonaws.com%2Farchive%2Fmercbiome.jpg * * Subscribe: https://www.khanacademy.org/computer-programming/i/5957400542511104 * */ var CoolBackgroundTexture = true;// try it out. rectMode(CENTER); enableContextMenu(); //{ noStroke(); fill(23, 25, 46); rect(230,100,350,300); for (var i = 0; i < 70; i += 1) { var c = color(237, 249, 255); strokeWeight(20); stroke(c,i/1.5); noFill(); arc(241,116-i,364,207,200,259); arc(275,142-i,364,207,275,342); }// top of windsheild gradient var backwindow = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); fill(255); noStroke(); noStroke(); beginShape(); vertex(-97, -28); bezierVertex(-97, -28, -85, -53, -51, -49); vertex(-58, -47); vertex(-80, -28); endShape(); beginShape(); vertex(94, -26); bezierVertex(94, -26, 78, -50, 46, -49); vertex(55, -45); vertex(73, -31); vertex(75, -24); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); backwindow.mask(pathMask); //} back window things //{ noStroke(); fill(23, 25, 46); rect(230,100,350,300); var c = color(255, 255, 255); for(var i = 43; i > 25; i-=1) { noStroke(); fill(c,i/10); ellipse(230,146,i2,i2); }// gradient for (var i = 0; i < 30; i += 1) { var c = color(255, 255, 255); strokeWeight(10); stroke(c,i/3); noFill(); arc(206+i,145+i/8,35,35,-62,285); }// gradient pushMatrix(); translate(230,100); scale(1.5); // edge liner thing noFill(); stroke(200); strokeWeight(0.7); beginShape(); vertex(-56, -45); bezierVertex(-56, -45, -64, -39, -64, -35); bezierVertex(-64, -35, -59, -36, -59, -32); bezierVertex(-59, -32, -57, -26, -49, -18); bezierVertex(-49, -18, -46, -16, -48, -13); bezierVertex(-48, -12, -41, -7, -33, -5); bezierVertex(-33, -5, -20, -5, -14, -1); bezierVertex(-14, -1, -12, 1, -7, 1); bezierVertex(-7, 1, 5, 0, 12, 1); bezierVertex(12, 1, 15, 1, 19, -2); bezierVertex(19, -2, 24, -5, 32, -5); bezierVertex(32, -5, 39, -5, 47, -10); bezierVertex(47, -10, 51, -11, 49, -16); bezierVertex(49, -16, 56, -21, 58, -31); endShape(); // chrome things on front noFill(); strokeWeight(1); stroke(200); bezier(17, 34, 17, 34, 53, 34, 56, 33); bezier(-53, 32, -53, 32, -52, 34, -14, 34); // Die Mercedes Benz Logo stroke(0); strokeWeight(1.5); ellipse(2, 33, 24, 24); fill(0); stroke(204); strokeWeight(1.1); ellipse(2, 33, 22, 22); fill(204); noStroke(); beginShape(); vertex(1, 22); vertex(0, 32); vertex(-8, 38); vertex(-7, 39); vertex(2, 34); vertex(11, 39); vertex(12, 38); vertex(4, 32); vertex(3, 22); endShape(); popMatrix(); for (var i = 0; i < 70; i += 1) { var c = color(237, 249, 255); strokeWeight(20); stroke(c,i/1.5); noFill(); arc(232,137-i,294,223,200,360); }// top of windsheild gradient for (var i = 0; i < 70; i += 1) { var c = color(0, 0, 0); strokeWeight(20); stroke(c,i/1.5); noFill(); arc(233,60+i,234,218,26,162); }// gradient var windsheild = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); fill(255); noStroke(); beginShape(); vertex(-1, -62); bezierVertex(-1, -62, 29, -59, 47, -48); bezierVertex(47, -48, 70, -38, 64, -25); bezierVertex(64, -25, 56, -9, 39, -4); bezierVertex(39, -4, 30, -2, 27, -1); bezierVertex(27, -1, 21, 0, 19, 3); bezierVertex(19, 3, 15, 10, 14, 14); bezierVertex(14, 14, 12, 18, 20, 18); vertex(57, 19); bezierVertex(57, 19, 62, 18, 61, 22); bezierVertex(61, 22, 61, 40, 45, 46); bezierVertex(45, 46, 15, 56, -15, 51); bezierVertex(-15, 51, -45, 48, -52, 39); bezierVertex(-52, 39, -57, 33, -59, 22); bezierVertex(-59, 22, -60, 18, -54, 19); vertex(-14, 18); bezierVertex(-14, 18, -9, 18, -10, 14); bezierVertex(-10, 14, -15, 2, -21, 0); bezierVertex(-21, 0, -28, -2, -31, -3); bezierVertex(-31, -3, -51, -6, -62, -22); bezierVertex(-62, -22, -72, -32, -62, -41); bezierVertex(-62, -41, -59, -46, -52, -48); bezierVertex(-52, -48, -33, -57, -11, -61); bezierVertex(-11, -61, -2, -62, -1, -62); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); windsheild.mask(pathMask); //} windsheild //{ noStroke(); fill(255); rect(230,100,500,300); for(var i = 0; i < 300; i += 2){ stroke(0,i1.5); strokeWeight(6); line(0,i+160,500,i+160); }// shadow var body = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); fill(255); noStroke(); beginShape(); vertex(37, -53); bezierVertex(37, -53, 53, -50, 73, -34); bezierVertex(73, -34, 80, -27, 95, -27); bezierVertex(95, -27, 102, -27, 107, -28); bezierVertex(107, -28, 126, -31, 134, -25); bezierVertex(134, -25, 147, -16, 149, -1); bezierVertex(149, -1, 151, 15, 149, 33); bezierVertex(149, 33, 150, 56, 140, 62); bezierVertex(140, 62, 130, 63, 59, 61); bezierVertex(59, 61, 43, 60, 37, 61); bezierVertex(37, 61, -19, 64, -38, 61); bezierVertex(-38, 61, -53, 60, -59, 61); bezierVertex(-59, 61, -120, 64, -139, 62); bezierVertex(-139, 62, -147, 62, -148, 52); bezierVertex(-148, 52, -153, 12, -147, -12); bezierVertex(-147, -12, -140, -31, -120, -29); bezierVertex(-120, -29, -87, -24, -78, -34); bezierVertex(-78, -34, -59, -50, -41, -53); bezierVertex(-41, -53, -54, -48, -60, -44); bezierVertex(-60, -44, -70, -36, -66, -28); bezierVertex(-66, -28, -57, -9, -33, -3); bezierVertex(-33, -3, -21, -1, -18, 2); bezierVertex(-18, 2, -12, 7, -11, 13); bezierVertex(-11, 13, -8, 18, -15, 18); bezierVertex(-16, 18, -54, 19, -54, 19); bezierVertex(-54, 19, -60, 18, -58, 23); bezierVertex(-58, 23, -56, 36, -50, 41); bezierVertex(-50, 41, -42, 49, -9, 52); bezierVertex(-9, 52, 20, 55, 48, 45); bezierVertex(48, 45, 61, 39, 61, 22); bezierVertex(61, 22, 62, 19, 58, 19); vertex(19, 18); bezierVertex(19, 18, 13, 18, 14, 14); bezierVertex(14, 14, 18, 5, 19, 3); bezierVertex(19, 3, 22, -1, 30, -2); bezierVertex(30, -2, 51, -4, 61, -21); bezierVertex(61, -21, 71, -30, 59, -41); bezierVertex(59, -41, 47, -49, 37, -53); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); body.mask(pathMask); //} body //{ noStroke(); fill(255); rect(230,100,500,300); for(var i = 0; i < 50; i += 2){ stroke(0,i); strokeWeight(2); line(i+50,0,i+50,200); }// shadow noStroke(); fill(0,50); rect(349,100,500,300); var shading = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); fill(255); noStroke(); beginShape(); vertex(-96, -26); bezierVertex(-96, -26, -84, -25, -64, -10); bezierVertex(-64, -10, -41, 3, -52, 8); bezierVertex(-52, 8, -62, 15, -58, 16); vertex(-10, 16); bezierVertex(-10, 16, -11, 18, -15, 18); vertex(-54, 18); bezierVertex(-54, 18, -59, 17, -59, 22); bezierVertex(-59, 22, -57, 36, -48, 43); bezierVertex(-48, 43, -38, 52, -7, 54); bezierVertex(-7, 54, 15, 56, 44, 47); bezierVertex(44, 47, 58, 45, 61, 25); bezierVertex(61, 25, 64, 19, 59, 19); vertex(19, 18); bezierVertex(19, 18, 14, 17, 16, 12); bezierVertex(16, 12, 19, 0, 27, 0); bezierVertex(27, 0, 44, -2, 55, -14); bezierVertex(55, -14, 69, -24, 64, -33); bezierVertex(64, -33, 64, -42, 40, -52); bezierVertex(40, -52, 57, -47, 65, -40); bezierVertex(65, -40, 70, -37, 73, -34); bezierVertex(73, -34, 83, -27, 92, -26); bezierVertex(92, -26, 81, -20, 75, -12); bezierVertex(75, -12, 61, 2, 64, 7); bezierVertex(64, 7, 66, 13, 87, -2); bezierVertex(87, -2, 98, -10, 115, -17); bezierVertex(115, -17, 125, -22, 127, -28); bezierVertex(127, -28, 136, -26, 145, -12); bezierVertex(145, -12, 150, -6, 150, 11); bezierVertex(150, 11, 150, 39, 148, 46); bezierVertex(148, 46, 147, 56, 87, 53); bezierVertex(87, 53, 48, 52, 19, 55); bezierVertex(19, 55, -36, 59, -50, 45); bezierVertex(-50, 45, -60, 37, -62, 20); bezierVertex(-62, 20, -62, 16, -65, 14); bezierVertex(-65, 14, -83, 2, -92, -1); bezierVertex(-92, -1, -110, -5, -119, -21); bezierVertex(-119, -21, -125, -30, -110, -27); bezierVertex(-109, -27, -102, -25, -96, -26); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); shading.mask(pathMask); //} shading //{ noStroke(); fill(255); rect(230,100,500,300); for(var i = 0; i < 200; i += 2){ stroke(0,i); strokeWeight(2); line(-i+272,0,-i+147,200); }// shadow 1 for(var i = 0; i < 255; i += 2){ stroke(0,i); strokeWeight(2); line(i+250,0,i+250,200); }// shadow 2 var wheelindents = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); noStroke(); fill(255); // left wheel indent beginShape(); vertex(-116, -11); bezierVertex(-116, -11, -81, 9, -72, 21); bezierVertex(-72, 21, -66, 28, -61, 40); bezierVertex(-61, 40, -56, 48, -66, 48); bezierVertex(-66, 48, -105, 51, -119, 43); bezierVertex(-119, 43, -133, 38, -132, 6); bezierVertex(-132, 6, -133, -10, -126, -13); bezierVertex(-126, -13, -122, -15, -116, -11); endShape(); // right wheel indent beginShape(); vertex(99, -3); bezierVertex(99, -3, 124, -19, 129, -10); bezierVertex(129, -10, 135, -6, 132, 22); bezierVertex(132, 22, 131, 46, 110, 48); bezierVertex(110, 48, 77, 52, 48, 51); bezierVertex(48, 51, 43, 50, 55, 44); bezierVertex(55, 44, 64, 40, 65, 24); bezierVertex(65, 24, 65, 18, 82, 7); bezierVertex(82, 7, 91, 1, 99, -3); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); wheelindents.mask(pathMask); //} wheel indents //{ noStroke(); fill(121, 163, 168); rect(230,100,500,300); fill(95, 124, 128); rect(230,100,290,300); rotate(8); for(var i = 82; i < 300; i += 4 + i * 0.06){ noFill(); stroke(40); strokeWeight(2); arc(81,115,150,-i+160,220,320); } for(var i = 82; i < 300; i += 4 + i * 0.06){ noFill(); stroke(80); strokeWeight(3); arc(81,113,150,-i+160,220,320); } rotate(-8); rotate(-8); for(var i = 82; i < 300; i += 4 + i * 0.06){ noFill(); stroke(40); strokeWeight(2); arc(370,184,150,-i+160,220,320); } for(var i = 82; i < 300; i += 4 + i * 0.06){ noFill(); stroke(80); strokeWeight(3); arc(370,182,150,-i+160,220,320); } rotate(8); for (var i = 0; i < 70; i += 1) { var c = color(0, 0, 0); strokeWeight(20); stroke(c,i/1.5); noFill(); arc(132,47+i,230,210,0,180); }// gradient for (var i = 0; i < 70; i += 1) { var c = color(0, 0, 0); strokeWeight(20); stroke(c,i/1.5); noFill(); arc(332,42+i,230,210,30,296); }// gradient for (var i = 0; i < 70; i += 1) { var c = color(0, 0, 0); strokeWeight(20); stroke(c,i/3); noFill(); arc(70,109+i,127,185,199,255); }// gradient for (var i = 0; i < 70; i += 1) { var c = color(0, 0, 0); strokeWeight(20); stroke(c,i/3); noFill(); arc(381,99+i,127,185,238,330); }// gradient var wheels = get(0, 0, 500, 200); background(0, 0, 0); pushMatrix(); translate(230,100); scale(1.5); noStroke(); fill(255); // left wheel beginShape(); vertex(-114, -5); bezierVertex(-114, -5, -83, 8, -82, 32); bezierVertex(-82, 32, -78, 45, -92, 44); bezierVertex(-92, 44, -121, 48, -126, 32); bezierVertex(-126, 32, -132, 16, -130, -1); bezierVertex(-130, -1, -131, -14, -114, -5); endShape(); // right wheel beginShape(); vertex(83, 33); bezierVertex(83, 33, 84, 18, 92, 12); bezierVertex(92, 12, 107, -3, 123, -7); bezierVertex(123, -7, 130, -9, 131, 1); bezierVertex(131, 1, 133, 14, 126, 33); bezierVertex(125, 35, 122, 44, 103, 44); bezierVertex(103, 44, 83, 46, 82, 37); bezierVertex(82, 37, 82, 35, 83, 33); endShape(); popMatrix(); var pathMask = get(0, 0, 500, 200); wheels.mask(pathMask); //} wheels //{ background(90); rectMode(CENTER); for(var i = 0; i <70; i++) { noStroke(); fill(90+(i/1), 90+(i/1), 90+(i/1)); rect(300,350,700-(i10),700-(i10),i*10); } if(CoolBackgroundTexture){ for(var i = 0; i < 605; i += 50){ for(var j = -12; j < 350; j += 45){ pushMatrix(); translate(i,j); scale(0.7); fill(170); noStroke(); beginShape(); vertex(1, 22); vertex(0, 32); vertex(-8, 38); vertex(-7, 39); vertex(2, 34); vertex(11, 39); vertex(12, 38); vertex(4, 32); vertex(3, 22); endShape(); popMatrix(); } } for(var i = -25; i < 605; i += 50){ for(var j = -34; j < 350; j += 45){ pushMatrix(); translate(i,j); scale(0.7); fill(180); noStroke(); beginShape(); vertex(1, 22); vertex(0, 32); vertex(-8, 38); vertex(-7, 39); vertex(2, 34); vertex(11, 39); vertex(12, 38); vertex(4, 32); vertex(3, 22); endShape(); popMatrix(); } } } //floor noStroke(); fill(80); quad(20,380,580,380,900,500,-300,500); for(var j = 600; j >= 100; j -= 5){ noStroke(); fill(0,3); ellipse(300,410,j,j/5); } // graident //} the background //{ var x = 70; var y = 250; image(backwindow,x,y); image(windsheild,x,y); image(body,x,y); image(shading,x,y); image(wheelindents,x,y); image(wheels,x,y); //} drawing the car parts //{ var DPT = function(x,y,s,r){ pushMatrix(); translate(x,y); scale(s); rotate(r); noFill(); stroke(10); strokeWeight(10); strokeCap(ROUND); strokeJoin(MITER); beginShape(); vertex(-35, 17); bezierVertex(-32, -5, -41, -19, -41, -19); bezierVertex(-41, -19, -16, -29, -12, 0); bezierVertex(-12, 0, -12, 25, -35, 17); endShape(); beginShape(); vertex(-5, 24); bezierVertex(2, 9, -7, -20, -7, -20); bezierVertex(-7, -20, 9, -31, 13, -6); bezierVertex(13, -6, 14, 7, -2, 5); endShape(); beginShape(); vertex(15, -22); bezierVertex(15, -22, 25, -12, 47, -18); bezierVertex(47, -18, 36, -15, 29, -16); bezierVertex(29, -16, 18, 15, 30, 23); endShape(); popMatrix(); }; var releasedate = 2020; var copyright = function() { fill(255,80); textAlign(LEFT, BOTTOM); textFont(createFont('Century Gothic Narrow'),9); text(releasedate + (year() > releasedate ? ("-" + year()) : "") + " Daniel T", 5, 498); }; copyright();//draw signature //} Signature //{ if(width < 599 \|\| height < 500) { throw{message: "Please refresh the page to view this graphic."}; } var graphic = get(0,0,width,height); //DPT(570,480,0.5,-11); if (width === 599) { background(255); image(graphic,-50,0,700,500); //DPT(570,480,0.5,-11); } //} thumbnail
Folds	16,58,59,193,194,258,259,327,328,383,384,483,485,551,552,563,564,608,609,622
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3e2NirCww
Votes	416
Spin-Offs	26
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	{"id":"project-ad-design","title":"Project: Ad design","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	6 months ago, 1739457293343
Updated	4 months ago, 1744828367911
Source Deleted	unknown