Croc River Crossing - HTML5 One-Tap Arcade Game (Source Code)

Gameplay features

• One-tap hopping, with optional sideways dodging and hop back
• Floating logs, lily pads and rocks, some of which sink
• Rideable swimming crocs, plus lurking crocs that ambush lily pads
• Gold nugget coins (small = 1, big = 5)
• 3 power-ups:
  • Shield absorbs one hit.
  • Slow-Mo slows the river.
  • Magnet pulls in nuggets.
• 4 playable critters:
  • Ribbit the Green Tree Frog (free)
  • Stripes the Corroboree Frog (150 nuggets)
  • Wally the Wallaby (300 nuggets)
  • Smiley the Quokka (500 nuggets)
• Smooth difficulty ramp: faster currents, more crocs, more sinking platforms and wider rivers
• The river is always crossable. Every lane has at least one platform that never sinks.
• Best score, nugget wallet, unlocked critters and the mute setting are saved in the browser.
• Pause menu, auto-pause when the tab is hidden, and a game-over screen with restart
• Synthesised music and sound effects, with a mute toggle

Tech

• Plain HTML5 and JavaScript, with no framework, no dependencies and no build step
• Runs straight from index.html (even from file://), or from any static web host
• Mobile first:
  • portrait layout, touch and swipe controls
  • high-DPI canvas, safe-area aware
  • On desktop it plays as a centred 9:16 column with keyboard controls.
• All graphics are drawn in code and all audio is generated with the Web Audio API, so there are no image or audio files to license.

Easy to customise

• One commented config file (js/config.js) controls:
  • texts (good for translations) and colours
  • river balancing: speeds, sink and croc chances, camera creep
  • nugget values, power-ups, and critters and their prices
  • ad frequency
• New critters can be made just by adding entries and colours in the config.
• Portal, ads and analytics hooks in one file (js/platform.js):
  • init, loading finished, gameplay start and stop
  • commercial break and rewarded break
  • "happy time" and event tracking
  • Every hook is a safe no-op by default.

What's included

• Full source code: index.html, css/, js/ and assets/
• CrocRiverCrossing-play.html: the whole game in one file. Rebuild it with tools/build-single.py.
• tools/promo.html: renders a store banner and icon from the game's own art
• README.md, HTML documentation (docs/index.html), CHANGELOG.md and LICENSE.txt

Controls

• Hop forward: tap, Space, Up or W
• Dodge left / right: swipe left / right, Left / Right or A / D
• Hop back: swipe down, Down or S
• Pause: P or Esc
• Mute: M