Petal Patch | HTML5 Game

Petal Patch | HTML5 Game – Garden Block Puzzle

Petal Patch is a garden block puzzle game made with pure HTML5 Canvas and JavaScript. Drag the colourful pieces onto the garden plot and fill whole rows and columns to clear them. Collect flowers, grow grass, break stones, pull weeds and fill honey jars across 400 levels, or play the endless Classic mode for a high score.

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

• Two games in one: 400 Adventure levels with goals and a move limit, plus an endless Classic mode with best score
• 8 worlds of 50 levels (Spring Meadow, Tulip Fields, Sunflower Farm, Lily Pond, Lavender Hills, Mushroom Woods, Autumn Orchard, Moonlit Garden), each with its own animated background, and a boss level every 10 levels
• Goals: collect tulips, daisies, roses and bluebells, grow grass on soil, break stones, pull every weed, fill honey jars, reach a score
• New mechanics step by step: flower buds, soil, stones that need several hits, shaped plots, weeds that spread, thirsty flowers with a countdown, 2×2 honey jars
• Every level tested many times by a bot that plays like a person; moves and star targets are set from those games
• Fair dealer: at least one of the three pieces always fits, and every level sets how kind the dealer is
• Combos, one-colour line bonus and a “Perfect!” bonus for an empty board
• Boosters: shovel, rotate, new pieces and undo
• Smooth feel: the piece floats above the finger on touch screens, a ghost shows where it lands, the lines it completes light up and take its colour, clears ripple out with petals and rising notes
• A daily challenge with streaks

Progression and retention

• Animated level map where a flower bed blooms for every cleared level, world signs and a cute bee 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 garden themes, 6 block skins (garden, jelly, wood, petal, pebble, cookie) and booster packs
• 7-day gift calendar, lucky wheel and 20 achievements with rewards
• Intro cards with a self-playing mini board for every new mechanic, a guided first level and 9 how-to-play pages

For developers

• Pure HTML5 Canvas + JavaScript, clean and commented code, no framework lock-in
• Level editor included: paint the board, set goals and rules, test the level with the bot (it suggests moves and star targets), generate boards, play test, export
• Levels in a simple readable format (one text line per board row)
• Easy reskin: all art is PNG, all sounds are MP3; colours, prices, rewards, worlds and texts in commented config files
• Block skins are grey pictures recoloured at runtime, so a new skin is one picture
• Animated backgrounds defined as data (layers, floating particles, moving strips), easy to change or extend
• 8 languages included (English, Spanish, French, German, Portuguese, Italian, Turkish, Indonesian), easy to add more
• Colour-blind symbols, music / sound / vibration / language settings, progress saved in the browser
• Responsive portrait and landscape layouts, sharp on high-DPI screens, touch and mouse
• 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 (continue after a fail, 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: Petal Patch 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).