Ular Tangga Party

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a responsive browser game titled “Ular Tangga Party,” an Indonesian/local multiplayer Snakes and Ladders game for exactly four players sharing one device. Use a cheerful, polished flat/cartoon style with a warm cream paper-like UI, dark navy text, coral pink, blue, mint green, purple, and golden yellow accents. The page background should be a soft radial gradient from pale yellow through light aqua to blue. Center the game in a rounded, translucent cream panel with a subtle border, blur, and soft shadow. On desktop, use a large square board area on the left and a narrower control/sidebar panel on the right; on small screens, stack the board above the controls.

At the top of the board panel show the large navy title “Ular Tangga Party,” the subtitle “Naik tangga, hindari ular, jadi yang pertama sampai 100!”, and a gold pill badge reading “4 pemain lokal.” Draw a square 10-by-10 board on a canvas with numbered cells 1 through 100. The numbering must snake across rows: positions 1–10 run left-to-right on the bottom row, 11–20 right-to-left on the next row, alternating direction upward until 91–100 at the top. Use alternating pale yellow and golden-orange cell fills, thin light separators, rounded board corners, and bold centered navy numbers. The board should visibly contain brown ladders and bright red winding snakes with simple red heads and tiny dark eyes.

Use exactly these board connections: ladders from 3 to 22, 8 to 30, 28 to 55, 58 to 77, and 75 to 96; snakes from 17 down to 7, 45 down to 24, 52 down to 32, 62 down to 18, 88 down to 48, and 97 down to 78. Render ladders as two parallel brown rails with lighter brown horizontal rungs. Render snakes as thick red, sinusoidally winding lines from the higher numbered cell to the lower one, with a circular red head at the higher endpoint and two small dark eyes.

Represent the four players as colored circular tokens placed on their current cell, with a white outline, small shadow, and a white player number inside: Player 1 coral pink (#ef476f), Player 2 blue (#118ab2), Player 3 mint green (#06d6a0), and Player 4 purple (#8338ec). Initially all players are at position 1. Offset tokens slightly when multiple players share a cell so they remain visible. Beside the board show a status line such as “Giliran Pemain 1 — Lempar dadu!” and an event badge initially saying “Siap bermain.”

The right control panel should include a white rounded dice box with a large Unicode die face, initially ⚀, and a prominent coral button labeled “🎲 LEMPAR DADU.” Include a secondary pale button labeled “↻ ULANG PERMAINAN.” List four player rows with colored circular dots, names “Pemain 1” through “Pemain 4,” and their current numeric positions. Highlight the active player row with a coral border, slight right shift, and soft shadow. Include a small cream rules box on desktop with the text: “Cara bermain” and “Tekan Lempar Dadu. Bidak bergerak satu per satu dengan animasi. Tangga menaikkan posisi, ular menurunkannya. Tepat di 100 untuk menang.” Hide or compact this rules box on small screens.

Gameplay: clicking the roll button is only allowed when no move is in progress and there is no winner. Start a brief dice-roll animation by rapidly cycling through the six Unicode faces ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ for several ticks, with a small shake/rotation/scale animation, then choose a random value from 1 to 6 and leave the corresponding face displayed. Move the active player from its old position to old position plus the roll, capped at 100. Animate the token smoothly along the straight path between cells, with movement duration increasing with the number of spaces. Update the event badge to “Dapat N” for the rolled value. After reaching the roll destination, if it is the base of a ladder, show “🪜 Naik tangga!” and animate the token onward to the ladder’s destination; if it is the head/base endpoint of a snake, show “🐍 Tergelincir ular!” and animate the token down to the snake’s destination. Play lightweight synthesized tones for dice ticks and movement, a rising tone for a ladder, and a lower sawtooth-like tone for a snake; audio should be initialized from user interaction.

After all movement is complete, if the player is not at 100, advance the turn cyclically to the next player, re-enable rolling, update the status to that player’s turn, mark that player’s row active, and keep all positions visible. Reaching exactly position 100 wins immediately; show “🏆 Pemain N menang!” in the status, change the event to “Permainan selesai,” disable rolling, and display colorful falling confetti across the viewport with a short celebratory tone. The reset button should restore all four players to position 1, set the turn to Player 1, reset the die to ⚀/initial state, clear the winner, re-enable rolling, show “Siap bermain,” and redraw the board and token positions. Do not add online multiplayer, AI opponents, money, lives, inventory, or extra rules; this is a local four-player dice board game.