Crystal Slide | HTML5 Game

Crystal Slide | HTML5 Game – Colour Block Sliding Puzzle

Crystal Slide is a colour block sliding puzzle game made with pure HTML5 Canvas and JavaScript. The board is full of glowing crystal gems in many shapes. Drag a gem and slide it out through the gate of its colour, but it only fits when its whole width fits the gate and the way is clear. Clear the board in as few moves as you can and light up the world, one lantern at a time.

It runs in any modern browser on mobile and desktop, in portrait and landscape, from a web server or straight from disk. No framework, no build step, no server code.

Gameplay

• 400 levels in 8 worlds of 50 levels, each world with its own animated realm and a boss level every 10 levels
• Every level is checked by a solver, so every level can be solved
• 39 gem shapes and 8 gem colours; the whole gem width must fit its gate
• New mechanics step by step: stone pillars, frozen gems, rail gems, twin gems (a gem inside a gem), padlocked gates and keys
• An intro card with a live mini board for every new mechanic, guided first levels and how-to-play pages
• Stars from moves, a time limit per level and a Zen mode switch for relaxed play
• Boosters: hint (shows the best next move along its real path), undo, hammer and freeze
• Smooth, tactile feel: gems lift and follow the finger, slide round corners, fast flicks send a gem out, combos with rising notes

Progression and retention

• Animated level map with lanterns that light up for every cleared level, world signs and a cute mascot
• Lives that refill over time, with a fair rule: a life is at stake from the first move and comes back on a win
• Coins and a shop: 8 realms, 6 gem colour styles and booster packs
• Daily challenge with streak, 7-day gift calendar, lucky wheel
• 20 achievements with rewards

For developers

• Pure HTML5 Canvas + JavaScript, clean and commented code, no framework lock-in
• Level editor included: draw, generate, check with the solver, show the solution, play test, export
• Levels in a simple readable format (one line per gem and gate)
• Easy reskin: all art is PNG, all sounds are MP3; colours, prices, texts and timings in commented config files
• Gems are recoloured at runtime, so new colour styles need no new pictures
• Animated backgrounds defined as data (layers, particles, strips), easy to change or extend
• 8 languages included (English, Spanish, French, German, Portuguese, Italian, Turkish, Indonesian), easy to add more
• Colour-blind mode, music / sound / vibration / language settings, progress saved in the browser
• Responsive portrait and landscape layouts, sharp on high-DPI screens
• Detailed documentation with a Quick Start guide

Ads and Analytics Ready (Third-Party Services)

Important: the ad and portal integrations are optional hooks only. Google AdMob / AdSense, Poki, CrazyGames and GameDistribution are external services: each one requires its own external account (usually with an approval process), has its own terms and policies, and has its own specific costs and revenue-sharing model. None of these accounts, services or SDKs are included with this item.

• Interstitial and rewarded ad hooks (extra time, double coins, boosters, free coins, extra spin, extra life)
• Ready-made hooks for Google AdMob (Cordova / Capacitor), Poki, CrazyGames and GameDistribution (external accounts required; each platform has its own costs or revenue-sharing model)
• A marked place for your own ad code; ads are off by default and the game works fully without them
• Callbacks for your own analytics

Third-party services disclaimer: Crystal Slide does not include any ad network or analytics account, SDK or service. Services such as Google AdMob, Google AdSense, Poki, CrazyGames and GameDistribution are provided by third parties: each one may require its own external account and approval, has its own terms and policies, and may involve fees, revenue sharing or other costs. You are responsible for creating and managing these accounts, for complying with their terms and with the laws that apply to you (for example privacy and cookie-consent rules such as GDPR), and for any costs they involve. The author of this item is not affiliated with these companies and is not responsible for their services.

What you get

• The complete game (game folder)
• The level editor (level-editor folder)
• Documentation (documentation folder)

Credits

All art, sound effects, music and levels were made for this item. Font: Baloo 2 (SIL Open Font License).