๐ŸŽน Neon Tiles - Row Row Row Your Boat

By Neon Piano

Neon Piano

0 subscribers

Based on the following code

๐ŸŽน Neon Tiles - Baby Shark

๐ŸŽน Neon Tiles - Baby Shark

Neon Piano

17 views ยท 20d ago

6 viewsยท19d ago

#rhythmgame #game #music

A neon-styled 4-lane rhythm game built around the eternal "Row, Row, Row Your Boat" โ€” the chart was transcribed directly from sheet music and runs through the full 8-bar round twice. Cyberpunk visuals with a cyanโ†’magenta gradient palette, ambient drifting tiles on the start and game-over screens, and the Orbitron typeface turn the gentle pond song into a 6/8 cruise through synthwave.

๐ŸŽฎ How to Play

  • Tap / Click โ€” Tap tiles on mobile, or click them with the mouse on desktop.
  • Keyboard โ€” Use A S D F for the four lanes (left โ†’ right).
  • Hold notes โ€” For taller tiles, keep the key/finger pressed until the tile clears.
  • Burst tiles โ€” Most tiles in this chart fire 2- or 3-note flourishes from a single tap, capturing the song's 6/8 sub-beat motion (especially the "Mer-ri-ly mer-ri-ly" triplets).
  • Pause โ€” Space or P
  • Mute / Unmute โ€” M
  • Quick start / restart โ€” Press D while any overlay is showing.

โœจ Features

๐ŸŽต Real Score, Real Pitch

  • 8 measures played twice (16 measures total per cycle), transcribed directly from sheet music โ€” both passes of the full "Row, row, row your boat / Gently down the stream / Merrily, merrily, merrily, merrily / Life is but a dream" round.
  • Every note plays at its actual pitch in C major across an octave-spanning hexatonic range (C4 / D4 / E4 / F4 / G4 / C5 โ€” six notes, no chromatic detours).
  • Tempo is โ™ฉ.=120 in compound 6/8 time โ€” the dotted-quarter feel of two beats per measure rather than six counted eighths. Each tile = one main beat (500 ms).

๐ŸŽถ Dotted-Quarter Slot Mode โ€” Unique in the Batch

  • This chart is the only one in batch0513 that uses dotted-quarter slot mode: 1 tile = 1 dotted-quarter beat (โ™ฉ.), matching the natural compound-time pulse of 6/8 rather than the underlying 8th note grid.
  • This compresses the melody into just 28 tiles per cycle โ€” the most compact chart in the batch โ€” while preserving every rhythmic event through bursts.
  • The "Mer-ri-ly mer-ri-ly" runs at m5โ€“m6 become 3-note same-pitch burst tiles: a single tap fires three same-pitch eighths in rapid succession, capturing the rolling triplet motion in one gesture per main beat.
  • The verse's mixed quarter+eighth rhythms ("Row your boat", "Gently down the", "Life is but a") are rendered as 2:1 timing bursts โ€” the second pitch lands at exactly the 2/3 sub-slot position, preserving the song's groove without splitting it across tiles.
  • The "stream" / "dream" dotted half note cadences at m4 and m8 are 2-tile holds โ€” full dotted-half sustains that let each phrase ring out before the next.

๐Ÿš€ Progressive Difficulty + Cycle Flash

  • BPM increases by +12.5% per cycle (โ™ฉ.=120 โ†’ 135 โ†’ 152 โ†’ 171...). The compact 28-tile chart means each cycle finishes quickly, so speedup ramps up fast.
  • Each cycle is also transposed up by a whole step (2 semitones), sending the pentatonic-feeling melody into ever-brighter keys.
  • Cycle transition flash: every new cycle pops up a centered CYCLE 2 / โ™ช +2 ยท โšก +12% banner with a scale-and-glow animation.

๐ŸŽจ Neon Polish

  • Cyan โ†’ blue โ†’ purple โ†’ magenta per-lane gradient, glowing tube borders, ambient drifting tiles behind every overlay, and an animated START button that slides down into the game.
  • Visible miss feedback: red flash + dissonant low buzz on any miss.
  • Forgiving holds (75% duration counts) and smart lane distribution that avoids consecutive same-lane spawns.

๐ŸŽผ Scoring

  • 10 points per beat cleared (so a 2-beat dotted-half hold = 20), with bursts counted as a single tile.
  • High score saved locally.

๐Ÿ› ๏ธ Tech Stack

  • Pure HTML / CSS / JavaScript, zero dependencies, single self-contained .html file โ€” drop it anywhere and play.
  • HTML5 Canvas + Web Audio API square-wave synthesis (with separate envelopes for the rapid burst sequences).
  • Chart auto-generated from MusicXML via a custom Python converter with dotted-quarter slot mode extended to handle compound 6/8 time naturally.

๐Ÿ’ก Things to Try

  • This is the chart's fewest-tile song (28 per cycle) โ€” try to feel the 2-beats-per-measure compound pulse rather than counting individual taps.
  • The m5โ€“m6 "Mer-ri-ly mer-ri-ly" bursts are the chart's most rhythmically active moment โ€” each tap fires a rapid 3-note triplet on the same pitch, so the gesture is one finger-flick per main beat.
  • The m4 "stream" and m8 "dream" 2-tile holds are the chart's only pure sustains โ€” let your finger ride them fully for the satisfying full-phrase resolution.
  • Try humming "Row, row, row your boat" while watching the tiles fall โ€” you'll notice each main beat lines up with exactly one tile, even though the syllables underneath are subdividing in 2:1 or 1:1:1 patterns.

Loading comments...

Other Codes

No other codes yet