// Gluttonous Squid — ported from Processing.js by u144707 // Translated Java→JS, adapted for 405×720 portrait mobile var colorScale = [0x6d3fa9,0x6e3faa,0x6f3faa,0x703faa,0x703fab,0x713fab,0x723fab,0x733fac,0x743fac,0x753fac, 0x753fac,0x763fad,0x773fad,0x783fad,0x793ead,0x7a3eae,0x7a3eae,0x7b3eae,0x7c3eae,0x7d3eaf, 0x7e3eaf,0x7f3eaf,0x803eaf,0x803eaf,0x813eb0,0x823eb0,0x833eb0,0x843eb0,0x853eb0,0x863eb0, 0x863db1,0x873db1,0x883db1,0x893db1,0x8a3db1,0x8b3db1,0x8c3db1,0x8d3db2,0x8d3db2,0x8e3db2, 0x8f3db2,0x903db2,0x913db2,0x923db2,0x933db2,0x933db2,0x943db2,0x953db2,0x963db2,0x973db2, 0x983cb3,0x993cb3,0x9a3cb3,0x9b3cb3,0x9b3cb3,0x9c3cb3,0x9d3cb3,0x9e3cb3,0x9f3cb3,0xa03cb3, 0xa13cb3,0xa23cb3,0xa23cb3,0xa33cb2,0xa43cb2,0xa53cb2,0xa63cb2,0xa73cb2,0xa83cb2,0xa93cb2, 0xa93cb2,0xaa3cb2,0xab3cb2,0xac3cb2,0xad3cb2,0xae3cb2,0xaf3cb1,0xb03cb1,0xb03cb1,0xb13cb1, 0xb23cb1,0xb33cb1,0xb43cb1,0xb53cb0,0xb63cb0,0xb63cb0,0xb73cb0,0xb83cb0,0xb93caf,0xba3caf, 0xbb3caf,0xbc3caf,0xbc3caf,0xbd3cae,0xbe3cae,0xbf3cae,0xc03cae,0xc13cae,0xc13cad,0xc23cad, 0xc33cad,0xc43cac,0xc53cac,0xc63cac,0xc63cac,0xc73cab,0xc83cab,0xc93cab,0xca3daa,0xca3daa, 0xcb3daa,0xcc3da9,0xcd3da9,0xce3da9,0xce3da8,0xcf3da8,0xd03da8,0xd13da7,0xd23da7,0xd23da7, 0xd33da6,0xd43ea6,0xd53ea6,0xd53ea5,0xd63ea5,0xd73ea4,0xd83ea4,0xd83ea4,0xd93ea3,0xda3ea3, 0xdb3ea2,0xdb3fa2,0xdc3fa1,0xdd3fa1,0xde3fa1,0xde3fa0,0xdf3fa0,0xe03f9f,0xe03f9f,0xe1409e, 0xe2409e,0xe2409d,0xe3409d,0xe4409c,0xe4409c,0xe5419b,0xe6419b,0xe6419a,0xe7419a,0xe84199, 0xe84199,0xe94298,0xea4298,0xea4297,0xeb4297,0xec4296,0xec4396,0xed4395,0xed4395,0xee4394, 0xef4394,0xef4493,0xf04492,0xf04492,0xf14491,0xf24491,0xf24590,0xf34590,0xf3458f,0xf4458e, 0xf4468e,0xf5468d,0xf5468d,0xf6468c,0xf7478b,0xf7478b,0xf8478a,0xf8478a,0xf94889,0xf94888, 0xfa4888,0xfa4887,0xfb4987,0xfb4986,0xfb4985,0xfc4a85,0xfc4a84,0xfd4a83,0xfd4b83,0xfe4b82, 0xfe4b82,0xff4b81,0xff4c80,0xff4c80,0xff4c7f,0xff4d7e,0xff4d7e,0xff4d7d,0xff4e7c,0xff4e7c, 0xff4e7b,0xff4f7a,0xff4f7a,0xff5079,0xff5078,0xff5078,0xff5177,0xff5176,0xff5176,0xff5275, 0xff5274,0xff5274,0xff5373,0xff5372,0xff5472,0xff5471,0xff5470,0xff5570,0xff556f,0xff566e, 0xff566e,0xff576d,0xff576c,0xff576c,0xff586b,0xff586a,0xff596a,0xff5969,0xff5a68,0xff5a68, 0xff5a67,0xff5b66,0xff5b66,0xff5c65,0xff5c64,0xff5d64,0xff5d63,0xff5e62,0xff5e62,0xff5f61, 0xff5f61,0xff6060,0xff605f,0xff615f,0xff615e,0xff625d,0xff625d,0xff635c,0xff635b,0xff645b, 0xff645a,0xff6559,0xff6559,0xff6658,0xff6658,0xff6757,0xff6756,0xff6856,0xff6855,0xff6954, 0xff6954,0xff6a53,0xff6a53,0xff6b52,0xff6c51,0xff6c51,0xff6d50,0xff6d50,0xff6e4f,0xff6e4e, 0xff6f4e,0xff704d,0xff704d,0xff714c,0xff714b,0xff724b,0xff724a,0xff734a,0xff7449,0xff7449, 0xff7548,0xff7548,0xff7647,0xff7746,0xff7746,0xff7845,0xff7845,0xff7944,0xff7a44,0xff7a43, 0xff7b43,0xff7c42,0xff7c42,0xff7d41,0xff7d41,0xff7e40,0xff7f40,0xff7f3f,0xff803f,0xff813e, 0xff813e,0xff823e,0xff823d,0xff833d,0xff843c,0xff843c,0xff853b,0xff863b,0xff863b,0xff873a, 0xff883a,0xff8839,0xff8939,0xff8a39,0xff8a38,0xff8b38,0xff8c37,0xff8c37,0xff8d37,0xff8e36, 0xff8e36,0xfe8f36,0xfe9035,0xfe9035,0xfd9135,0xfd9234,0xfc9234,0xfc9334,0xfc9433,0xfb9433, 0xfb9533,0xfa9633,0xfa9732,0xf99732,0xf99832,0xf89932,0xf89931,0xf89a31,0xf79b31,0xf79b31, 0xf69c30,0xf69d30,0xf59d30,0xf59e30,0xf49f30,0xf4a030,0xf3a02f,0xf3a12f,0xf2a22f,0xf2a22f, 0xf1a32f,0xf1a42f,0xf0a42f,0xf0a52e,0xefa62e,0xefa62e,0xeea72e,0xeda82e,0xeda92e,0xeca92e, 0xecaa2e,0xebab2e,0xebab2e,0xeaac2e,0xeaad2e,0xe9ad2e,0xe9ae2e,0xe8af2e,0xe7b02e,0xe7b02e, 0xe6b12e,0xe6b22e,0xe5b22e,0xe5b32e,0xe4b42e,0xe3b42e,0xe3b52e,0xe2b62e,0xe2b62e,0xe1b72e, 0xe1b82e,0xe0b92e,0xdfb92e,0xdfba2f,0xdebb2f,0xdebb2f,0xddbc2f,0xdcbd2f,0xdcbd2f,0xdbbe30, 0xdbbf30,0xdabf30,0xdac030,0xd9c130,0xd8c131,0xd8c231,0xd7c331,0xd7c331,0xd6c431,0xd5c532, 0xd5c532,0xd4c632,0xd4c733,0xd3c733,0xd2c833,0xd2c933,0xd1c934,0xd1ca34,0xd0cb34,0xcfcb35, 0xcfcc35,0xcecd35,0xcecd36,0xcdce36,0xcdce36,0xcccf37,0xcbd037,0xcbd038,0xcad138,0xcad238, 0xc9d239,0xc8d339,0xc8d43a,0xc7d43a,0xc7d53b,0xc6d53b,0xc6d63c,0xc5d73c,0xc5d73d,0xc4d83d, 0xc3d83e,0xc3d93e,0xc2da3f,0xc2da3f,0xc1db40,0xc1db40,0xc0dc41,0xc0dd41,0xbfdd42,0xbfde42, 0xbede43,0xbddf44,0xbddf44,0xbce045,0xbce045,0xbbe146,0xbbe247,0xbae247,0xbae348,0xb9e349, 0xb9e449,0xb8e44a,0xb8e54b,0xb7e54b,0xb7e64c,0xb6e64d,0xb6e74d,0xb6e74e,0xb5e84f,0xb5e94f, 0xb4e950,0xb4ea51,0xb3ea52,0xb3eb52,0xb2eb53,0xb2eb54,0xb2ec55,0xb1ec55,0xb1ed56,0xb0ed57, 0xb0ee58,0xb0ee58,0xafef59,0xafef5a,0xaeef5a,0xadf05a,0xacf059,0xabf059,0xaaf059,0xa9f059, 0xa8f058,0xa7f058,0xa6f158,0xa4f158,0xa3f158,0xa2f158,0xa1f157,0xa0f157,0x9ff157,0x9ef257, 0x9df257,0x9cf257,0x9bf257,0x9af257,0x99f257,0x98f257,0x97f356,0x96f356,0x95f356,0x94f356, 0x93f356,0x92f356,0x91f356,0x90f356,0x8ff356,0x8ef456,0x8df456,0x8cf456,0x8bf456,0x8af456, 0x89f456,0x88f457,0x87f457,0x86f457,0x85f457,0x84f557,0x82f557,0x81f557,0x80f557,0x7ff557, 0x7ef557,0x7df558,0x7cf558,0x7bf558,0x7af558,0x79f558,0x78f558,0x77f559,0x76f659,0x75f659, 0x74f659,0x73f659,0x72f65a,0x71f65a,0x70f65a,0x70f65a,0x6ff65b,0x6ef65b,0x6df65b,0x6cf65c, 0x6bf65c,0x6af65c,0x69f65c,0x68f65d,0x67f65d,0x66f65d,0x65f65e,0x64f65e,0x63f65e,0x62f65f, 0x61f65f,0x60f65f,0x5ff660,0x5ff660,0x5ef661,0x5df661,0x5cf661,0x5bf662,0x5af662,0x59f663, 0x58f663,0x57f663,0x56f664,0x56f664,0x55f665,0x54f665,0x53f666,0x52f566,0x51f567,0x51f567, 0x50f567,0x4ff568,0x4ef568,0x4df569,0x4cf569,0x4cf56a,0x4bf56a,0x4af56b,0x49f46c,0x48f46c, 0x48f46d,0x47f46d,0x46f46e,0x45f46e,0x45f46f,0x44f46f,0x43f470,0x42f370,0x42f371,0x41f372, 0x40f372,0x3ff373,0x3ff373,0x3ef274,0x3df274,0x3df275,0x3cf276,0x3bf276,0x3af277,0x3af178, 0x39f178,0x38f179,0x38f179,0x37f17a,0x36f07b,0x36f07b,0x35f07c,0x35f07d,0x34f07d,0x33ef7e, 0x33ef7e,0x32ef7f,0x32ef80,0x31ee80,0x30ee81,0x30ee82,0x2fee82,0x2fed83,0x2eed84,0x2eed84, 0x2ded85,0x2dec86,0x2cec86,0x2cec87,0x2bec88,0x2beb89,0x2aeb89,0x2aeb8a,0x29ea8b,0x29ea8b, 0x28ea8c,0x28ea8d,0x27e98d,0x27e98e,0x26e98f,0x26e88f,0x25e890,0x25e891,0x25e792,0x24e792, 0x24e793,0x23e694,0x23e694,0x23e695,0x22e596,0x22e596,0x22e597,0x21e498,0x21e499,0x21e399, 0x20e39a,0x20e39b,0x20e29b,0x1fe29c,0x1fe29d,0x1fe19e,0x1ee19e,0x1ee09f,0x1ee0a0,0x1ee0a0, 0x1ddfa1,0x1ddfa2,0x1ddea2,0x1ddea3,0x1cdda4,0x1cdda5,0x1cdda5,0x1cdca6,0x1cdca7,0x1bdba7, 0x1bdba8,0x1bdaa9,0x1bdaa9,0x1bd9aa,0x1ad9ab,0x1ad9ab,0x1ad8ac,0x1ad8ad,0x1ad7ad,0x1ad7ae, 0x1ad6af,0x1ad6af,0x19d5b0,0x19d5b1,0x19d4b1,0x19d4b2,0x19d3b3,0x19d3b3,0x19d2b4,0x19d2b5, 0x19d1b5,0x19d1b6,0x19d0b7,0x19d0b7,0x19cfb8,0x19cfb9,0x19ceb9,0x19ceba,0x19cdba,0x19cdbb, 0x19ccbc,0x19cbbc,0x19cbbd,0x19cabe,0x19cabe,0x19c9bf,0x19c9bf,0x19c8c0,0x19c8c1,0x19c7c1, 0x19c7c2,0x19c6c2,0x19c5c3,0x19c5c3,0x1ac4c4,0x1ac4c5,0x1ac3c5,0x1ac3c6,0x1ac2c6,0x1ac1c7, 0x1ac1c7,0x1ac0c8,0x1bc0c8,0x1bbfc9,0x1bbfc9,0x1bbeca,0x1bbdca,0x1bbdcb,0x1cbccb,0x1cbccc, 0x1cbbcc,0x1cbacd,0x1cbacd,0x1db9ce,0x1db9ce,0x1db8cf,0x1db7cf,0x1db7d0,0x1eb6d0,0x1eb5d1, 0x1eb5d1,0x1eb4d2,0x1fb4d2,0x1fb3d2,0x1fb2d3,0x1fb2d3,0x20b1d4,0x20b0d4,0x20b0d4,0x20afd5, 0x21afd5,0x21aed6,0x21add6,0x22add6,0x22acd7,0x22abd7,0x23abd7,0x23aad8,0x23aad8,0x24a9d8, 0x24a8d9,0x24a8d9,0x25a7d9,0x25a6da,0x25a6da,0x26a5da,0x26a4db,0x26a4db,0x27a3db,0x27a2db, 0x27a2dc,0x28a1dc,0x28a1dc,0x29a0dc,0x299fdd,0x299fdd,0x2a9edd,0x2a9ddd,0x2a9dde,0x2b9cde, 0x2b9bde,0x2c9bde,0x2c9ade,0x2c99de,0x2d99df,0x2d98df,0x2e97df,0x2e97df,0x2f96df,0x2f95df, 0x2f95e0,0x3094e0,0x3093e0,0x3193e0,0x3192e0,0x3292e0,0x3291e0,0x3290e0,0x3390e0,0x338fe0, 0x348ee1,0x348ee1,0x358de1,0x358ce1,0x368ce1,0x368be1,0x368ae1,0x378ae1,0x3789e1,0x3888e1, 0x3888e1,0x3987e1,0x3987e1,0x3a86e1,0x3a85e1,0x3b85e1,0x3b84e1,0x3c83e1,0x3c83e1,0x3d82e1, 0x3d81e0,0x3d81e0,0x3e80e0,0x3e7fe0,0x3f7fe0,0x3f7ee0,0x407ee0,0x407de0,0x417ce0,0x417ce0, 0x427bdf,0x427adf,0x437adf,0x4379df,0x4479df,0x4478df,0x4577de,0x4577de,0x4676de,0x4675de, 0x4675de,0x4774dd,0x4774dd,0x4873dd,0x4872dd,0x4972dd,0x4971dc,0x4a71dc,0x4a70dc,0x4b6fdc, 0x4b6fdb,0x4c6edb,0x4c6edb,0x4d6dda,0x4d6cda,0x4e6cda,0x4e6bda,0x4e6bd9,0x4f6ad9,0x4f69d9, 0x5069d8,0x5068d8,0x5168d8,0x5167d7,0x5267d7,0x5266d7,0x5265d6,0x5365d6,0x5364d6,0x5464d5, 0x5463d5,0x5563d4,0x5562d4,0x5661d4,0x5661d3,0x5660d3,0x5760d2,0x575fd2,0x585fd1,0x585ed1, 0x595ed1,0x595dd0,0x595dd0,0x5a5ccf,0x5a5ccf,0x5b5bce,0x5b5ace,0x5b5acd,0x5c59cd,0x5c59cc, 0x5d58cc,0x5d58cb,0x5d57cb,0x5e57ca,0x5e56ca,0x5f56c9,0x5f55c9,0x5f55c8,0x6054c8,0x6054c7, 0x6053c7,0x6153c6,0x6152c6,0x6152c5,0x6251c4,0x6251c4,0x6250c3,0x6350c3,0x634fc2,0x634fc2, 0x644ec1,0x644ec0,0x644ec0,0x654dbf,0x654dbf,0x654cbe,0x664cbd,0x664bbd,0x664bbc,0x674abc, 0x674abb,0x6749ba,0x6849ba,0x6849b9,0x6848b8,0x6848b8,0x6947b7,0x6947b6,0x6946b6,0x6946b5, 0x6a46b4,0x6a45b4,0x6a45b3,0x6a44b2,0x6b44b2,0x6b44b1,0x6b43b0,0x6b43b0,0x6c42af,0x6c42ae, 0x6c42ae,0x6c41ad,0x6c41ac,0x6d40ac,0x6d40ab,0x6d40aa]; // Helper: convert hex int to p5 color string function hexToColor(hex) { var r = (hex >> 16) & 0xff; var g = (hex >> 8) & 0xff; var b = hex & 0xff; return 'rgb(' + r + ',' + g + ',' + b + ')'; } var maxDistance; var squid; var stars; // ── Limb ──────────────────────────────────────────────────────────────────── function Limb(sz, theta) { this.startX = 0; this.startY = 0; this.endX = 0; this.endY = 0; this.offsetX = 6 * cos(theta); this.offsetY = 6 * sin(theta); this.currentX = 0; this.currentY = 0; this.size = sz; this.amt = 0.4; } Limb.prototype.update = function(x, y) { this.startX = x; this.startY = y; this.endX = this.startX + this.offsetX; this.endY = this.startY + this.offsetY; this.shake(); this.transition(); }; Limb.prototype.transition = function() { this.currentX = lerp(this.currentX, this.endX, this.amt); this.currentY = lerp(this.currentY, this.endY, this.amt); }; Limb.prototype.shake = function() { this.endX += (0.5 - noise((this.endX + frameCount) * 0.008, 0)) * 20; this.endY += (0.5 - noise(0, (this.endY + frameCount) * 0.008)) * 20; }; Limb.prototype.display = function() { strokeWeight(this.size + 7); line(this.startX, this.startY, this.currentX, this.currentY); strokeWeight(this.size / 2 + 7); point(this.startX + this.offsetX * 1.5, this.startY + this.offsetY * 1.5); }; // ── Tentacle ───────────────────────────────────────────────────────────────── function Tentacle(theta, minH, maxH) { this.theta = theta; this.minHue = minH; this.maxHue = maxH; this.segments = []; for (var i = 0; i < 5; i++) { var sz = 45 - i * 1.75; this.segments.push(new Limb(sz, theta)); } } Tentacle.prototype.addLimb = function() { var len = this.segments.length; var sz = 45 - len * 1.75; if (sz < 4) sz = 4; var l = new Limb(sz, this.theta); l.currentX = this.segments[len - 1].endX; l.currentY = this.segments[len - 1].endY; this.segments.push(l); }; Tentacle.prototype.update = function(x, y) { for (var i = 0; i < this.segments.length; i++) { if (i === 0) { this.segments[i].update(x, y); } else { this.segments[i].update(this.segments[i - 1].currentX, this.segments[i - 1].currentY); } } }; Tentacle.prototype.display = function() { for (var i = 0; i < this.segments.length; i++) { var hue = map(i, 0, this.segments.length, this.minHue, this.maxHue); var idx = Math.floor(hue); idx = constrain(idx, 0, colorScale.length - 1); var c = hexToColor(colorScale[idx]); stroke(c); this.segments[i].display(); } }; // ── Squid ──────────────────────────────────────────────────────────────────── function Squid(x, y, cnt) { this.tens = []; this.scaleRatio = 1; this.location = createVector(x, y); for (var i = 0; i < cnt; i++) { var theta = map(i, 0, cnt, 0, TWO_PI); var minH = map(i, 0, cnt, 0, 946); var maxH = map(i + 1, 0, cnt, 0, 946); this.tens.push(new Tentacle(theta, minH, maxH)); } } Squid.prototype.grow = function() { for (var i = 0; i < this.tens.length; i++) { this.tens[i].addLimb(); } }; Squid.prototype.update = function(velocity) { this.scaleRatio = map(velocity.mag(), 5, 35, 1, 5); this.location.add(velocity); for (var i = 0; i < this.tens.length; i++) { this.tens[i].update(this.location.x, this.location.y); } }; Squid.prototype.display = function() { push(); scale(this.scaleRatio); translate(-this.location.x, -this.location.y); for (var i = 0; i < this.tens.length; i++) { this.tens[i].display(); } translate(this.location.x, this.location.y); fill(30); stroke(30); strokeWeight(3.5); drawNoiseLoop(0, 0, 30); drawEye(15, 0, 20); drawEye(-15, 0, 20); pop(); }; // ── Stars ───────────────────────────────────────────────────────────────────── function Stars(x, y, cnt) { this.stars = []; this.center = createVector(x, y); for (var i = 0; i < cnt; i++) { this.stars.push(createVector( random(-width, width), random(-height, height), random(10, 20) )); } } Stars.prototype.update = function(velocity) { this.center.add(velocity); for (var i = 0; i < this.stars.length; i++) { var s = this.stars[i]; if (velocity.x > 0 && s.x + this.center.x > width) { s.x -= width * 2; } else if (velocity.x < 0 && s.x + this.center.x < -width) { s.x += width * 2; } if (velocity.y > 0 && s.y + this.center.y > height) { s.y -= height * 2; } else if (velocity.y < 0 && s.y + this.center.y < -height) { s.y += height * 2; } } }; Stars.prototype.findFood = function() { var len = this.stars.length; var food = this.stars[len - 1]; var loc = p5.Vector.add(food, this.center); if (loc.mag() < 100) { food.set( random(-width, width), random(-height, height), random(10, 30) ); return true; } return false; }; Stars.prototype.display = function() { push(); translate(this.center.x, this.center.y); for (var i = 0; i < this.stars.length; i++) { var s = this.stars[i]; noStroke(); if (i === this.stars.length - 1) { // food star — rainbow-ish hue mapped from z var hue = map(s.z, 10, 30, 0, colorScale.length - 1); fill(hexToColor(colorScale[Math.floor(constrain(hue, 0, colorScale.length - 1))])); drawStar(s.x, s.y, s.z, s.z); } else { fill(255); ellipse(s.x, s.y, s.z, s.z); } } pop(); }; function drawStar(x, y, w, h) { push(); var period = 3000; var intensity = 5; var t = Math.atan(Math.sin((millis() % period) / period * TWO_PI) * intensity) / PI + 0.5; var rate = t + 1; translate(x, y); scale(rate * 3); ellipse(0, 0, w, h); pop(); } // ── Global helpers ──────────────────────────────────────────────────────────── function drawNoiseLoop(cx, cy, cr) { var cnt = 50; beginShape(); var time = frameCount / 100; for (var i = 0; i <= cnt; i++) { var theta = map(i, 0, cnt, 0, TWO_PI); var r = cr * (1 + noise(sin(theta) + 1, cos(theta) + 1, time) * 0.7); var x = cx + r * cos(theta); var y = cy + r * sin(theta); vertex(x, y); } endShape(); } function drawEye(x, y, sz) { var angle = atan2(mouseX - width / 2, mouseY - height / 2); push(); translate(x, y); fill(255); stroke(255); ellipse(0, 0, sz, sz); rotate(angle); fill(0); noStroke(); ellipse(sz / 5, 0, sz / 1.5, sz / 1.5); pop(); } function velocityByDistanceToCenter() { var mouse = createVector(mouseX, mouseY); var center = createVector(width / 2, height / 2); var direction = p5.Vector.sub(mouse, center); var distance = direction.mag(); direction.normalize(); var speed = map(distance, 0, maxDistance, 5, 30); direction.mult(speed); return direction; } // ── p5.js lifecycle ─────────────────────────────────────────────────────────── function setup() { createCanvas(windowWidth, windowHeight); colorMode(RGB, 255); ellipseMode(CENTER); maxDistance = sqrt((width / 2) * (width / 2) + (height / 2) * (height / 2)); squid = new Squid(0, 0, 8); stars = new Stars(0, 0, 40); } function draw() { background(0); translate(width / 2, height / 2); var velocity = velocityByDistanceToCenter(); if (stars.findFood()) { squid.grow(); } squid.update(velocity); velocity.mult(-1); stars.update(velocity); stars.display(); squid.display(); } function windowResized() { resizeCanvas(windowWidth, windowHeight); maxDistance = sqrt((width / 2) * (width / 2) + (height / 2) * (height / 2)); }