Skip to content
All templates
DropZoo icon

DropZoo

Animal merge puzzle with 20 kawaii critters, Matter.js physics, synthesized audio and best-score saving, built with Phaser 3

HTML5 GamesPhaser 3merge gamesuika gamedrop puzzlephysics game
$29

DropZoo is a drop-and-merge animal puzzle built with Phaser 3 and Matter.js physics. Drop kawaii critters into the pen, merge matching pairs to unlock the next of 20 tiers, and stack your score before anything rests above the danger line. The whole game ships as one commented HTML file with zero external assets - every critter is inline SVG rasterized at boot, and every sound is synthesized with the Web Audio API.

Highlights

  • 20 critter tiers with original inline-SVG kawaii artwork and a collectible gallery screen
  • Matter.js physics: drag to aim, release to drop; same-tier contacts merge into the next animal
  • Exponential scoring (tier n merge = n*(n+1)/2 points) with persistent best score in localStorage
  • Danger-line lose condition with a fair 1.8-second grace timer and game-over screen
  • Next-critter preview, live score and best panels, menu and critter gallery scenes
  • Fully synthesized audio: pops, drops, fanfares and a looping chord melody - no audio files
  • Touch and mouse play out of the box, plus a one-click sound toggle
  • Single-file game (markup, CSS and JS in one commented HTML) - no build step, no dependencies

Technology

  • Phaser 3.80.1 (CDN script tag, local phaser.min.js included for fully offline builds)
  • Matter.js physics via Phaser's Matter factory
  • Inline SVG art rasterized to canvas textures at boot - zero image downloads
  • Web Audio API synthesis for all sound and music
  • localStorage best-score persistence with a configurable key

Requirements

  • Any modern browser - just open the HTML file or upload to any static host
  • No install, no build tools, no backend, 100% offline-capable

What You Get

  • The complete single-file game (DropZoo.html) with commented source
  • Local phaser.min.js for offline/CDN-free hosting
  • documentation.html: quick start, how it works, customization (name, critters, theme, difficulty, sounds, icon), scoring reference and publishing checklist
  • AppIcon-1024.png starting icon and 5 screenshots
  • Full rights to rebrand, reskin, extend and publish anywhere

Please note: this is a source code template, not a hosted game. Basic JavaScript knowledge is helpful for customization. If you have questions, use the contact form on the site, I usually reply within 24 hours.

Related templates