Viewing Program

Program Data

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

Title	The Fisher Fish
ID	6063426552905728
Created	1 months ago, 1731953489773
Updated	1 months ago, 1732324203278
Code	/* ~~ The Fisher Fish ~ By Green Ghost ~~ Started this last year, felt like finishing it finally. For the uninitiated, this is an Over the Garden Wall reference. I spent a ton of time messing around with the imageData. Definitely recommend for any graphic programmers out there wanting to take your grapics to the next level! Click for a layer slideshow => Not loading? Try hitting the restart button! Still not loading? Try lowering the frameRate on line 25! ~~ How the gentle wind Beckons through the leaves As autumn colors fall Dancing in a swirl Of golden memories The loveliest lies of all ~~ / / Started: 11/02/2023 Finished: 11/17/2024 Released: 11/18/2024 / frameRate(5); size(600, 600, P2D); smooth(); randomSeed(3); imageMode(CORNER); textFont(createFont("serif"), 30); var yFix = 15; var d, img; function move (n, x, y, c) { var n2 = -x + -y width << 2; d[n + c] = img[n + n2 + c]; } function smoooth (pos, dest, mult) { return (dest - pos) * mult; } function tree (x, y, sz, r) { pushMatrix(); translate(x, y); rotate(r); triangle(0, -sz * 0.5, -sz * 0.5, sz, sz * 0.5, sz); triangle(0, -sz, -sz * 0.4, sz * 0.3, sz * 0.4, sz * 0.3); rect(-sz * 0.08, 0, sz * 0.16, sz * 3); popMatrix(); } var n, i2, j2, j3, j4, j5, n2; // Silly words that make beautiful pictures var steps = [ function() { strokeWeight(2); for (var i = 0; i < height * 0.67; i++) { stroke(230 - i * 0.75, 110 - i * 0.2, 140 + i * 0.2); line(0, height * 0.67 - i, width, height * 0.67 - i); } }, // Sky function() { var moonX = 290, moonY = 121, moonSz = 100; noStroke(); fill(160, 255, 255, 140); arc(moonX, moonY, moonSz, moonSz, 230, 410); fill(160, 255, 255, 50); arc(moonX - moonSz * 0.05, moonY + moonSz * 0.01, moonSz * 1.2, moonSz * 1.2, 233, 413); arc(moonX - moonSz * 0.09, moonY + moonSz * 0.05, moonSz * 1.4, moonSz * 1.4, 229, 409); }, // Moon function() { fill(70, 70, 140); tree(40, 170, 160, -2); tree(130, 260, 100, -1); tree(510, 210, 130, 2); }, // Trees function() { pushMatrix(); noStroke(); fill(109, 210, 219); rect(0, height / 3 * 2 - yFix, width, height / 3 + yFix); fill(255, 255, 255, 100); translate(350, -yFix); scale(0.8, 1); translate(-300, 0); beginShape(); curveVertex(420, 400); curveVertex(420, 400); for (var i = 0; i < 11; i++) { curveVertex(300 + cos(i * 18) * (150 - (i % 2) * 20), 401 + sin(i * 18) * (55 - (i % 2) * 12)); } curveVertex(180, 400); curveVertex(180, 400); endShape(); popMatrix(); ellipse(216, 422 - yFix, 50, 10); fill(255, 255, 255, 50); ellipse(253, 469, 75, 15); fill(255, 255, 255, 85); ellipse(264, 448, 50, 10); }, // Water function() { // Boat pushMatrix(); translate(0, -yFix); fill(0, 0, 70); beginShape(); vertex(260, 375); bezierVertex(300, 378, 410, 377, 447, 370); vertex(450, 365); vertex(460, 365); bezierVertex(450, 390, 440, 410, 425, 425); bezierVertex(360, 430, 325, 430, 275, 425); bezierVertex(270, 415, 260, 380, 260, 375); endShape(); // Fish pushMatrix(); // Body translate(0, 5); beginShape(); vertex(410, 375); bezierVertex(410, 370, 402, 340, 395, 330); bezierVertex(380, 305, 375, 304, 340, 293); bezierVertex(307, 286, 306, 292, 310, 298); bezierVertex(328, 307, 333, 315, 340, 322); bezierVertex(330, 315, 310, 308, 304, 304); bezierVertex(305, 305, 310, 320, 330, 340); bezierVertex(340, 355, 353, 365, 350, 375); endShape(); noFill(); stroke(0, 0, 70); strokeWeight(4); bezier(340, 320, 330, 322, 310, 308, 304, 304); noStroke(); fill(0, 0, 70); // Eye fill(160, 255, 255, 140); ellipse(350, 310, 14, 15); fill(0, 0, 70); ellipse(350, 310, 9, 9); // Fins // Front beginShape(); vertex(355, 350); bezierVertex(330, 365, 325, 340, 325, 360); bezierVertex(330, 370, 350, 370, 355, 365); endShape(); // Back beginShape(); vertex(390, 330); bezierVertex(423, 350, 423, 355, 400, 355); endShape(); // Tail translate(0, 6); fill(0, 0, 70); beginShape(); vertex(300, 374); bezierVertex(295, 370, 290, 355, 292, 350); bezierVertex(305, 320, 285, 320, 280, 345); bezierVertex(275, 325, 240, 325, 265, 359); bezierVertex(265, 365, 266, 370, 268, 374); endShape(); popMatrix(); // Fishing pole pushMatrix(); translate(210, 285); rotate(15); for (var i = 0; i < 4; i++) { beginShape(); vertex(0, 0); bezierVertex(10, 1, 30, 1, 40, 0); vertex(40, 5); bezierVertex(30, 4, 10, 4, 0, 5); endShape(); translate(40, 0); rotate(12); } popMatrix(); noFill(); stroke(0, 0, 70); translate(216, 287); bezier(0, 135, 2, 83, -2, 23, 0, -2); rotate(-20); ellipse(0, -5, 5, 10); rotate(40); ellipse(0, -5, 5, 10); noStroke(); popMatrix(); }, // Boat + Fish function() { var x, y, sz; for (var i = 0; i < 100; i++) { x = random(width); y = random(height); sz = random(3, 8); pushMatrix(); translate(x, y); rotate(10); fill(255, 255, 250, 100); ellipse(0, y, sz, sz); fill(255, 255, 250, 50); ellipse(0, 0, sz * 1.5, sz * 1.5); fill(255, 255, 250, 25); ellipse(0, 0, sz, sz); ellipse(0, 0, sz * 2.5, sz * 2.5); popMatrix(); } }, // Snow function() { img = get().imageData.data; loadPixels(); d = imageData.data; for (var i = 0; i < width; i++) { for (var j = 0; j < height; j++) { n = i + j * width << 2; move(n, 1, -1, 0); move(n, 1, 1, 1); move(n, -1, 0, 2); var dest = Math.pow( Math.max( dist(i, j, 300, 300) - 180, -25 ), 2 ) - 625; var mult = 0.0005; dest = random(); var nz = random((j 33 + i % 5 + i * j * 0.00111 - i * 0.5) % 10) * 5 - 15; d[n] += smoooth(d[n], 0, dest * mult) + nz; d[n + 1] += smoooth(d[n + 1], 0, dest * mult * 1.2) + nz; d[n + 2] += smoooth(d[n + 2], 20, dest * mult * 0.8) + nz; d[n] += 20; d[n + 2] += 30; if ((j * 2 + i * 0.2) % 5 < 2) { img[n] -= 30; img[n + 1] -= 50; img[n + 2] -= 40; } } } updatePixels(); }, // imageData pt. 1 function() { j4 = 1000 / Math.abs(height - 520); for (var i = 0; i < width; i++) { for (var j = 0; j < height; j++) { n = i + j * width << 2; j2 = j; j3 = 1000 / Math.abs(j - 520); j3 -= smoooth(j3, 1, (j4 - j3) / j4); j2 += Math.floor(j3); i2 = i; n2 = i2 + j2 * width << 2; d[n] = d[n2]; d[n + 1] = d[n2 + 1]; d[n + 2] = d[n2 + 2]; } } updatePixels(); }, // imageData pt. 2 function() { j4 = Math.abs(260 - height * 0.3 - width); j5 = Math.abs(600 - height - width * 0.4); for (var i = 0; i < width; i++) { for (var j = 0; j < height; j++) { n = i + j * width << 2; j3 = Math.abs(260 - j * 0.3 - i); j3 += smoooth(j3, 5, (j4 - j3) / j4); j2 = j + Math.floor(100 / j3); j3 = Math.abs(110 - j - i * 0.4); j3 += smoooth(j3, 2, (j5 - j3) / j5); j2 += Math.floor(200 / j3); j3 = Math.abs(710 - j - i * 0.6); j4 = Math.abs(600 - height - width * 0.4); j3 += smoooth(j3, 3, (j4 - j3) / j4); j2 += Math.floor(100 / j3); if (j2 > 600) { // Lil glitch fix j2 -= 50; } i2 = i; if (i < 25) { i2 = ~~(j * 0.5); j2 = j * 0.5; } n2 = i2 + j2 * width << 2; d[n] = d[n2]; d[n + 1] = d[n2 + 1]; d[n + 2] = d[n2 + 2]; } } updatePixels(); } // imageData pt. 3 ]; var step = 0, layer = steps.length - 1; var layers = []; var layerNames = [ "Sky gradient", "Da mooooooon", "Nice trees", "Water stuff", "Our distinguished protagonist himself", "Snow particle frens", "Funny stuff 1", "Funny stuff again", "Final funny stuff" ]; var namePos = {x : 700, y : 650}; // Animation draw = function() { if (step < steps.length) { if (step > 0) { image(layers[step - 1], 0, 0); } steps[step](); layers.push(get()); step ++; background(0, 0, 0); fill(255, 255, 255); textAlign(CENTER, CENTER); text("LOADING...\n" + Math.round(step / steps.length * 100) + "%", width * 0.5, height * 0.5); } else { namePos.x ++; namePos.y += smoooth(namePos.y, 530, 0.3); frameRate(60); image(layers[layer], 0, 0); textAlign(LEFT, TOP); fill(layer > 5 ? 255 : 0); text(layerNames[layer], namePos.x, namePos.y); } }; // Interaction mouseClicked = function() { if (step >= steps.length) { namePos.x = 0; namePos.y = 650; if (mouseButton === LEFT) { layer = (layer + 1) % layers.length; } else if (mouseButton === RIGHT) { layer --; layer = layer < 0 ? layers.length - 1 : layer; } } };
Folds	33,37,39,41,43,51,56,329,333,343,347,368,371,382
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLuO-NTiCgw
Votes	148
Spin-Offs	8
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, 1735689215189
Updated	7 days ago, 1735689217868
Source Deleted	unknown