Shape Shifters | HTML5 Puzzle Game

Shape Shifters is a cosy HTML5 shape puzzle for young children. Every level is a picture cut from flat, colourful paper pieces. Drag each piece onto the board, tap to turn it, and watch it snap into place. Finish the picture, hear its name and collect stars!

✨ Features 100 levels in 5 worlds of 20 pictures: Cosy Corner, Wild Friends, Busy Roads, Yummy Kitchen and Town & Sky 3 to 13 pieces per picture – easy outlines at the start, silhouette “mystery pictures” later Drag, tap-to-turn and snap controls made for small hands Hint, Peek and Restart buttons ⭐ Star rating for every picture and an overall star total Sound effects, music and a spoken picture name (all made in the browser, no audio files) Progress and settings saved in the browser Works on phones, tablets and desktop, portrait and landscape Offline cache (service worker) included Original flat paper-cut artwork, mascot and UI – no CDN, no ads, no tracking ⚙️ Easy to customise: settings in config.js, pictures drawn with a simple Python script Hooks for your own ads, analytics or leaderboard - Kids’ game portals and learning websites - Preschool and primary-school sites - Family and parenting blogs - Mobile web game collections - Publishers who want a ready-to-upload kids puzzle - Complete HTML5 source code (HTML, CSS, JavaScript, SVG) - 100 levels and the Python scripts that draw the pictures - Original artwork and icons (192 px, 512 px, favicon) - Baloo 2 and Nunito fonts with their OFL licences - Offline service worker and build script - Documentation.html with installation, customising, troubleshooting and FAQ

What's Included

✅ Requirements - Any web server or hosting (or open index.html locally) - A modern browser: Chrome, Edge, Firefox or Safari - No Node.js, database or internet connection needed to run the game