Viewing Program

Program Data

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

Title	The Beast
ID	5911949016989696
Created	6 years ago, 1546876317168
Updated	1 years ago, 1696437802184
Code	// The Beast - A graphic by Green Ghost /** Another Over the Garden Wall graphic I made: * https://www.khanacademy.org/cs/i/6213208187912192 */ // Started: 12/23/2018 // Finished: 1/6/2019 // Released: 1/7/2019 / 1/7/2019: 50 votes, second on the hotlist! 1/8/2019: 82 votes, second on the hotlist! 1/9/2019: 98 votes, fifth on the hotlist! 1/10/2019: 109 votes, twelfth on the hotlist. 1/11/2019: 119 votes, twenty-fourth on the hotlist. 1/14/2019: 124 votes! 11/1/2021: Posted an update! I added the texture I created for another graphic! / // Based off of an image online. /* Story // The Beast is the main antagonist in the Over the Garden Wall miniseries. For much of the story, his goals remain an mystery, until the final episode where all is unveiled... */ var backgroundColor = color(60, 60, 60); var treeColor = color(40, 40, 40); var black = color(0, 0, 0); var white = color(255, 255, 255); smooth(); background(backgroundColor); noStroke(); for (var i = 0; i < 600; i++) { fill(255, 255, 255, map(i, 0, 600, 0, 10)); rect(0, i, 600, 1); } var tree = function(x, y, w, h, r, widthAngleL1, widthAngleL2, widthAngleR1, widthAngleR2) { noStroke(); fill(treeColor); pushMatrix(); translate(x, y); rotate(r); beginShape(); vertex(w / 2, 0); bezierVertex(w + sin(widthAngleR1) w, h / 3, w + sin(widthAngleR2) * w, h / 3 * 2, w, h); vertex(0, h); bezierVertex(sin(widthAngleL2) * w, h / 3 * 2, sin(widthAngleL1) * w, h / 3, w / 2, 0); endShape(); stroke(black, 50); strokeWeight(Math.sqrt(w + h) / 10); noFill(); bezier(w / 2, 0, w / 2 + sin(widthAngleR1) * w, h / 3, w / 2 + sin(widthAngleR2) * w, h / 3, w / 3, h); bezier(w / 2, 0, w / 2 + sin(widthAngleR1) * w, h / 3, w / 10 + sin(widthAngleR2) * w, h / 3, w / 1.5, h); bezier(w / 2, 0, w + sin(widthAngleR1) * w, h / 3, w + sin(widthAngleR2) * w, h / 3, w / 10, h); noStroke(); fill(black, 25); ellipse(w / 2, h / 2, w / 2, h / 10); ellipse(w / 2.5, h / 1.5, w / 2, h / 10); ellipse(w / 1.8, h / 1.4, w / 2, h / 10); ellipse(w / 3, h / 1.1, w / 2, h / 10); ellipse(w / 1.8, h / 3, w / 2, h / 10); ellipse(w / 2, h / 1.2, w / 2, h / 10); popMatrix(); }; var branches = function(x, y, s, amount, num) { pushMatrix(); translate(x, y); for (var i = 0; i < amount; i++) { num = (num + i * 20 + Math.floor(sin(i * 15345)) * 15) % 200; if (num < 100) { tree(-s * 0.9, i / amount * height, s / 8 + sin(i * 185) * s / 20, s + sin(i * 295) * s / 20, -80 + sin(i * 745) * 10, -sin(i) * 5, sin(i) * 5, sin(i) * 5, -sin(i) * 5); } else { tree(s * 1.4, i * s, s / 8 + sin(i * 135) * s / 20, s + sin(i * 105) * s / 20, 80 + sin(i * 525) * 10, sin(i) * 5, -sin(i) * 5, sin(i) * 5, -sin(i) * 5); } } popMatrix(); }; var antler = function(x, y, bend, w, h, r) { pushMatrix(); translate(x, y); rotate(r); scale(w / 100, h / 100); beginShape(); vertex(-20, 0); bezierVertex(bend - 20, -100, bend - 20, -200, -20, -300); bezierVertex(-15, -305, -5, -315, -5, -330); vertex(0, -325); bezierVertex(20 + bend, -200, 20 + bend, -100, 20, 0); endShape(); popMatrix(); }; var theBeast = function(x, y, size) { pushMatrix(); translate(x, y); scale(size / 100, size / 100); noStroke(); fill(black); // Body (rect)(-90, 80, 180, 300, 80, 80, 0, 0); quad(-90, 150, 90, 150, 100, 380, -100, 380); // Fur // Right pushMatrix(); translate(5, 82); rotate(2); for (var i = 0; i < 30; i++) { pushMatrix(); rotate(18 + sin(i * 135) * 10); beginShape(); vertex(0, 0); vertex(6, 25); bezierVertex( 10 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i / 2, (i < 5 ? 3 : 5), 15 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i / 2, -10 + (i < 5 ? 3 : 5), 15 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i, -10 + (i < 5 ? 3 : -5) ); endShape(); popMatrix(); translate(10 + tan(i) * 5, 0); if (i > 1 && i < 11) { rotate(9.8); } else if (i > 11) { rotate(-0.4 + cos(i * 1245)); } } popMatrix(); // Left pushMatrix(); scale(-1, 1); translate(5, 82); rotate(4); for (var i = 0; i < 30; i++) { pushMatrix(); rotate(18 + sin(i * 290) * 10); beginShape(); vertex(0, 0); vertex(6, 25); bezierVertex( 10 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i / 2, (i < 5 ? 3 : 5), 15 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i / 2, -10 + (i < 5 ? 3 : 5), 12 + sin(i * 175) * 2 + (i >= 5 ? -5 : 0) + i, -10 + (i < 5 ? 3 : -5) ); endShape(); popMatrix(); translate(10 + tan(i) * 5, 0); if (i > 1 && i < 11) { rotate(9.5); } else if (i > 11) { rotate(-0.4 + cos(i * 1240)); } } popMatrix(); // Head beginShape(); vertex(-45, 0); bezierVertex(-50, -70, 50, -70, 45, 0); endShape(); beginShape(); vertex(-45, 0); bezierVertex(-45, 15, -35, 55, 0, 75); bezierVertex(35, 55, 45, 15, 45, 0); endShape(); beginShape(); vertex(-20, 0); vertex(-20, 70); bezierVertex(-20, 75, -20, 80, -25, 85); vertex(25, 85); bezierVertex(20, 80, 20, 75, 20, 70); vertex(20, 0); endShape(); //rect(-20, 0, 40, 80); // Antlers // Right // Top antler(0, -18, -30, 50, 35, 83); antler(90, -37, 10, 30, 20, 83); antler(130, -40, -30, 25, 20, 90); antler(145, -43, -30, 25, 15, 105); antler(140, -43, -30, 20, 15, 70); antler(60, -43, -30, 20, 25, 70); antler(60, -43, -75, 20, 25, 55); antler(80, -55, 30, 15, 15, 85); // Bottom antler(0, -15, 15, 50, 50, 90); antler(0, -15, -15, 30, 30, 90); antler(70, -15, -20, 25, 25, 90); antler(70, -5, 15, 20, 25, 105); antler(130, -10, 10, 20, 15, 95); antler(150, -17, -30, 25, 15, 90); antler(145, -21, -15, 20, 10, 70); antler(120, -20, -25, 15, 10, 65); // Left // Top antler(0, -17, 10, 50, 20, -70); antler(-50, -32, 10, 30, 10, -92); ellipse(-70, -30, 25, 10); antler(-75, -31, 25, 30, 30, -85); antler(-85, -37, 15, 20, 10, 90); antler(-50, -28, 10, 10, 5, -110); antler(-75, -35, -25, 20, 20, -65); antler(-140, -40, -25, 25, 10, -65); antler(-50, -38, 25, 20, 20, -65); antler(-90, -60, 5, 10, 10, -83); antler(-70, -54, -25, 10, 10, -95); // Bottom antler(0, -15, -15, 50, 50, -90); antler(-50, -15, -55, 20, 30, -105); antler(-140, -10, -10, 20, 10, -105); antler(-140, -10, -20, 20, 10, -75); antler(-80, -15, 55, 15, 20, -80); antler(-92, -20, 25, 8, 10, -90); beginShape(); vertex(-58, -22); bezierVertex(-55, -20, -45, -20, -40, -22); vertex(-40, -12); vertex(-58, -12); endShape(); // Eyes fill(white); ellipse(-20, 0, 20, 20); ellipse(20, 0, 20, 20); fill(white, 25); ellipse(-20, 0, 25, 25); ellipse(20, 0, 25, 25); fill(white, 17); for (var i = 0; i < 15; i++) { ellipse(-20 + sin(i * 24) * 7, -cos(i * 24) * 7, 20, 20); ellipse(20 + sin(i * 24) * 7, -cos(i * 24) * 7, 20, 20); } popMatrix(); }; tree(180, -200, 50, 800, 0, -20, 20, 20, -20); tree(50, -200, 70, 800, 0, -30, 30, 25, -30); tree(320, -200, 60, 800, -2, 0, 0, 10, -20); tree(400, -200, 60, 800, 0, 20, 10, 20, -20); tree(480, -200, 60, 800, 0, -20, -10, 20, -30); tree(520, -200, 60, 940, -4, 35, -45, 60, -20); branches(185, 0, 80, 15, 1); branches(70, 0, 70, 20, 115); branches(420, 0, 60, 25, 20); branches(340, 0, 100, 18, 10); branches(470, 0, 130, 10, 0); branches(560, 0, 150, 8, 80); filter(BLUR, 1); theBeast(300, 160, 140); // Texture // { randomSeed(25); noiseSeed(0); imageMode(CORNER); // Keep him away long enough for the program to run function pauseOhNoesAngryFace () { this[["KAInfiniteLoopSetTimeout"]](10000); } pauseOhNoesAngryFace(); var d; var lame = false; // imageData weirdness function smear (p1, p2) { var n = p1 << 2; var n2 = p2 << 2; if (d[n] + d[n + 1] + d[n + 2] > d[n2] + d[n2 + 1] + d[n2 + 2]) { d[n] += (d[n2] - d[n]) / 20; d[n + 1] += (d[n2 + 1] - d[n + 1]) / 20; d[n + 2] += (d[n2 + 2] - d[n + 2]) / 20; } } loadPixels(); d = imageData.data; if (!lame) { var steps = 9, x, y; for (var i = 0; i < width * height; i++) { for (var j = 0; j < steps; j++) { x = i % width + cos(j * 360 / steps) * 5; y = ~~(Math.floor(i / width) + sin(j * 360 / steps) * 5); smear(i, ~~(x + y * width)); } } } // A random number from -amt / 2 to amt / 2 function polarRand (amt) { return random(-amt / 2, amt / 2); } var jitter, vignette; for (var i = 0; i < width * height; i++) { jitter = polarRand(8) - ( (Math.floor( i / width / 4 + random(0.2) ) + (i % width) / 5 + random(0.8)) % 2 ) * map( noise( ( i % width ) / 100, Math.floor(i / width) / 100 ), 0, 1, -130, 300 ) / 15; vignette = dist(i % width, Math.floor(i / width), width / 2, height / 2) / 16; d[(i << 2) + 0] += 0 + jitter * 2 - vignette * 1.1; d[(i << 2) + 1] += 10 + jitter * 1.8 - vignette * 1.2; d[(i << 2) + 2] += 5 + jitter - vignette; } updatePixels(); var img1 = get(); filter(BLUR, 2); var img2 = get(); background(255, 255, 255); for (var i = 0; i < 50; i++) { fill(0, 0, 0, 255 / (i / 3 + 1)); ellipse(width / 2, height / 2, 300 + i * i / 6, 300 + i * i / 6); } var mask = get(); img2.mask(mask); image(img1, 0, 0); image(img2, 0, 0); // }
Folds	34,37,39,66,68,80,82,95,97,252,273,355
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNqorpzACgw
Votes	162
Spin-Offs	28
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	7 days ago, 1735689213275
Updated	7 days ago, 1735689216794
Source Deleted	unknown