✨ Dive into the depths with a unique downward-pointing triangular Tetris puzzle where triangle pieces splash and slide in a glowing neon-cyan ocean! 🐠💎

🌟 What is it?

MRTriangleSplash is a premium, aquatic-themed twist on classic block-stacking gameplay! 🐙

Instead of a boring rectangular grid, you stack triangle-cell pieces in a downward-pointing triangle. Gravity pulls pieces into a progressively narrower chasm, making early moves near the bottom extremely tight and challenging. As you build upwards, the board gets wider, giving you more space but increasing the risk of overflow.

Complete horizontal rows to vaporize blocks in chimes, and watch leftover corner pieces slide off the board and splash into the water! 🌊💥

🕹️ Features

• 📐 Triangular Grid Math: 12 rows of alternating up-pointing (▲) and down-pointing (▼) cells.
• 🐚 8 Custom Sea Shapes: Play with Pearls, Gems, Shells, Clams, Coral, and Eel bars!
• 💦 Edge Splash Mechanic: When clearing lines, pieces sliding off the outer edges of the triangle overflow and splash away!
• 🖼️ Animated Title Screen: Neon splash-art hero with floating motion — pick your vibe before you play.
• 🎵 3 Underwater Tracks: Ocean Floor, Coral Reef, and Splash Energy — on the menu and in-game.
• 🎚️ Separate Music & SFX Volume: Tune background beats and sound effects independently (30% defaults).
• 🎲 Random Menu Music: A random track is picked when the title screen loads.
• ⏸️ Full Pause Flow: Resume, restart, or return to the main menu mid-run.
• 🎨 Oceanic Glassmorphic UI: Beautiful teal-to-navy gradients, floating bubbles, glowing blocks, and smooth animations.
• 🎵 Dynamic Audio Synthesizer: No music files? No problem! Built-in Web Audio synth generates real-time underwater music and bubbly sound effects.
• 🏆 Local High Scores: Top 5 leaderboard with safe storage handling for itch.io embeds.
• 📱 Mobile Friendly: Includes a customized virtual gamepad overlay for on-the-go play.

🎬 How to Play

1. 🏠 Title Screen: Listen to a random track, pick another vibe if you like, set Music/SFX volume, then hit START GAME.
2. ⌨️ Navigate: Use Left/Right Arrow keys (or A/D) to shift falling pieces horizontally.
3. 🔄 Rotate: Use Up Arrow (or W/X) to rotate pieces 60 degrees clockwise.
4. ⚡ Drop: Use Down Arrow to slide down faster, or Spacebar to snap and lock a piece instantly.
5. 📥 Hold: Press Shift (or C) to hold a piece and swap it when you need it.
6. 🌊 Splash: Fill horizontal rows to clear them. Clear higher rows to score huge points!
7. ⏸️ Pause: Press Esc or P — resume, restart, or go back to the main menu.

💡 Tips

🔥 Pro Tip: Use the Splash Overflow to your advantage! If you have messy block towers on the outer edges of the board, clearing a row below them will slide them down and throw the outer blocks completely off the board, clean and free!

🎵 Audio Tip: Pick your track on the title screen before starting — it keeps playing when you enter the game. Switch tracks anytime from the Beats panel on the left HUD.

🛠️ Technical Notes

• 🌐 Built with: vanilla HTML5 + CSS3 + modern ES6 JavaScript
• 💻 Responsive design works on desktop and mobile viewports

Link: https://misterm.itch.io/mr-triangle-splash

Made with ❤️ by MisterMR — feedback welcome! 💬🐠