function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var koi, ripples, pads, t, glow, targetX, targetY, chimeCd; sdk.music({ mood: "dreamy" }); sdk.tweaks({ ease: { value: 3.2, min: 1.5, max: 6, step: 0.1, label: "Follow", desc: "How eagerly the koi follows" }, drift: { value: 26, min: 10, max: 60, step: 2, label: "Drift", desc: "Lily pad drift speed" }, density: { value: 1, min: 0.5, max: 2, step: 0.1, label: "Pads", desc: "How many lily pads" } }); function spawnPad() { var side = Math.random() < 0.5; pads.push({ x: side ? -50 : W + 50, y: 90 + Math.random() * (H - 220), r: 26 + Math.random() * 20, vx: (side ? 1 : -1) * (0.5 + Math.random()) * 0.5, vy: (Math.random() - 0.5) * 0.4, wob: Math.random() * 6.28, passed: false, hue: 140 + Math.random() * 40 }); } sdk.run({ reset: function () { koi = { x: W / 2, y: H * 0.7, vx: 0, vy: 0, ang: -1.57 }; ripples = []; pads = []; t = 0; glow = 1; chimeCd = 0; targetX = W / 2; targetY = H * 0.4; for (var i = 0; i < 4; i++) spawnPad(); }, update: function (dt, input) { t += dt; chimeCd -= dt; glow = Math.min(1, glow + dt * 1.5); var density = sdk.tweak("density"); var wantPads = Math.floor((4 + t * 0.15) * density); wantPads = Math.min(wantPads, Math.floor(9 * density)); if (pads.length < wantPads && Math.random() < 0.02) spawnPad(); // pointer sets target + ripples if (input.pointerX != null) { targetX = input.pointerX; targetY = input.pointerY; var dx = targetX - koi.x, dy = targetY - koi.y; if ((dx * dx + dy * dy) > 400 && Math.random() < 0.25) { ripples.push({ x: targetX, y: targetY, r: 4, a: 0.5 }); if (chimeCd <= 0) { sdk.tone("pickup"); chimeCd = 0.35; } } } // koi eases toward target var ease = sdk.tweak("ease"); koi.vx += (targetX - koi.x) * ease * dt; koi.vy += (targetY - koi.y) * ease * dt; koi.vx *= 0.9; koi.vy *= 0.9; koi.x += koi.vx * dt * 60 * 0.06 + koi.vx * dt; koi.y += koi.vy * dt * 60 * 0.06 + koi.vy * dt; // simpler integration koi.x = sdk.clamp(koi.x, 16, W - 16); koi.y = sdk.clamp(koi.y, 40, H - 40); var sp = Math.hypot(koi.vx, koi.vy); if (sp > 3) koi.ang = Math.atan2(koi.vy, koi.vx); // pads drift + collisions/scoring var drift = sdk.tweak("drift"); for (var i = 0; i < pads.length; i++) { var p = pads[i]; p.wob += dt; p.x += p.vx * drift * dt; p.y += p.vy * drift * dt + Math.sin(p.wob) * 0.15; if (p.x < -70) p.x = W + 70; if (p.x > W + 70) p.x = -70; if (p.y < 60) p.y = 60; if (p.y > H - 60) p.y = H - 60; var d = Math.hypot(koi.x - p.x, koi.y - p.y); if (d < p.r + 8) { // gentle bump — no death var nx = (koi.x - p.x) / (d || 1), ny = (koi.y - p.y) / (d || 1); koi.vx += nx * 40; koi.vy += ny * 40; koi.x = p.x + nx * (p.r + 9); koi.y = p.y + ny * (p.r + 9); if (glow > 0.6) { glow = 0.35; ripples.push({ x: koi.x, y: koi.y, r: 6, a: 0.4 }); sdk.tone("hit"); sdk.haptic(10); } } // score: koi threads close near a pad edge (a near-miss glide) if (!p.passed && d > p.r + 8 && d < p.r + 26 && sp > 8) { p.passed = true; sdk.addScore(1); sdk.juice.popup("+1", koi.x, koi.y - 22, "#ffd9ec"); sdk.juice.burst(koi.x, koi.y, "#ff9ec9", 6, 60); if (chimeCd <= 0) { sdk.tone("score"); chimeCd = 0.2; } sdk.haptic(6); } if (p.passed && d > p.r + 40) p.passed = false; } // ripples expand for (var j = ripples.length - 1; j >= 0; j--) { var r = ripples[j]; r.r += 40 * dt; r.a -= dt * 0.7; if (r.a <= 0) ripples.splice(j, 1); } }, draw: function (c) { // nightfall gradient var g = c.createLinearGradient(0, 0, 0, H); g.addColorStop(0, "#1a1440"); g.addColorStop(0.5, "#25264f"); g.addColorStop(1, "#12283a"); c.fillStyle = g; c.fillRect(0, 0, W, H); // soft moon glow c.save(); c.globalAlpha = 0.25; c.fillStyle = "#e8e2ff"; c.shadowColor = "#e8e2ff"; c.shadowBlur = 60; sdk.circle(c, W - 70, 90, 34); c.restore(); // reflected shimmer c.save(); c.globalAlpha = 0.06; c.fillStyle = "#8fb8ff"; for (var s = 0; s < 6; s++) { var yy = 200 + s * 70 + Math.sin(t + s) * 6; c.fillRect(0, yy, W, 2); } c.restore(); // ripples c.save(); for (var i = 0; i < ripples.length; i++) { var r = ripples[i]; c.globalAlpha = Math.max(0, r.a); c.strokeStyle = "#bcd8ff"; c.lineWidth = 1.5; c.beginPath(); c.arc(r.x, r.y, r.r, 0, 6.283); c.stroke(); } c.restore(); // lily pads for (var p2 = 0; p2 < pads.length; p2++) { var p = pads[p2]; c.save(); c.shadowColor = "hsl(" + p.hue + ",50%,40%)"; c.shadowBlur = 14; c.fillStyle = "hsl(" + p.hue + ",45%,30%)"; sdk.circle(c, p.x, p.y, p.r); // notch c.fillStyle = "#12283a"; c.beginPath(); c.moveTo(p.x, p.y); c.arc(p.x, p.y, p.r + 1, -0.5, 0.5); c.closePath(); c.fill(); // tiny flower c.fillStyle = "rgba(255,200,225,0.6)"; sdk.circle(c, p.x - p.r * 0.3, p.y - p.r * 0.2, p.r * 0.18); c.restore(); } // koi trail c.save(); var kglow = 0.5 + glow * 0.5; c.shadowColor = "#ff9ec9"; c.shadowBlur = 24 * kglow; c.translate(koi.x, koi.y); c.rotate(koi.ang); // body c.fillStyle = "rgba(255," + Math.floor(150 + glow * 80) + ",200," + kglow + ")"; c.beginPath(); c.ellipse(0, 0, 15, 8, 0, 0, 6.283); c.fill(); // tail c.fillStyle = "rgba(255,180,215," + (kglow * 0.7) + ")"; var tw = Math.sin(t * 8) * 4; c.beginPath(); c.moveTo(-12, 0); c.lineTo(-24, -7 + tw); c.lineTo(-24, 7 + tw); c.closePath(); c.fill(); // spot c.fillStyle = "#fff"; sdk.circle(c, 4, -2, 3); c.restore(); } }); }

Koi Flow

0 comments