Description
Shape Shifters | HTML5 Puzzle Game
Shape Shifters | HTML5 Puzzle Game 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
