{"id":2512,"edition":14,"categories":3,"features":1,"size":6627,"name":"Match3","authors":[{"name":"Mark","url":"b.remarkabl.org/mark","login":"remarkablemark","gh":10594555}],"description":"<p>🌈 <strong>Match3</strong> is a match-3 puzzle game built with vanilla TypeScript and the HTML5 canvas. Swap adjacent emoji tiles to create matches of three or more, trigger cascading combos, and chase high scores across three game modes.</p>\n<h2>How to Play</h2>\n<ul>\n<li><strong>Swap</strong> — click or tap a tile, then click an adjacent tile to swap them. You can also use arrow keys to move the cursor and Enter/Space to select and confirm a swap.</li>\n<li><strong>Match</strong> — line up three or more identical emojis horizontally or vertically to clear them and earn points.</li>\n<li><strong>Combo</strong> — cascading matches multiply your score. The longer the chain, the bigger the bonus.</li>\n</ul>\n<h2>Features</h2>\n<ul>\n<li><strong>Three game modes</strong>:<ul>\n<li>Levels — reach the target score within a move limit; difficulty scales as you progress.</li>\n<li>Time Attack — score as much as possible before the 60-second timer runs out.</li>\n<li>Endless — play until no valid moves remain, with automatic shuffle.</li>\n</ul>\n</li>\n<li><strong>Cascading matches with combo multipliers</strong> — chain reactions boost your score with a 1.5× multiplier per cascade.</li>\n<li><strong>Touch, mouse, and keyboard controls</strong> — full support for desktop and mobile.</li>\n<li><strong>Pastel rainbow canvas rendering</strong> — soft gradient backgrounds, rounded tiles, and playful emoji art.</li>\n<li><strong>Particle effects</strong> — rainbow particle bursts on big combos.</li>\n<li><strong>Synthesized Web Audio sound effects</strong> — select, swap, match, invalid move, win, and lose sounds generated entirely in code with no external audio assets.</li>\n<li><strong>Build under 13 KB zipped</strong> — the entire game fits within the js13kGames size limit.</li>\n</ul>\n<h2>Background</h2>\n<p>The constraint of keeping everything under 13 KB zipped meant I had to be creative:</p>\n<ul>\n<li>emoji characters instead of image assets,</li>\n<li>synthesized sounds via the Web Audio API instead of audio files, and</li>\n<li>a single canvas element for all the rendering.</li>\n</ul>\n<p>The game is built with TypeScript and Vite, with no external runtime libraries. The result is a complete game with three modes, cascading combos, particle effects, and full input support — all in a tiny footprint.</p>\n","source":"remarkablegames/match3","stars":0,"dc":"https://remarkablegames.org/match3/","yt":"kqXlC9TMgxA","post":"https://remarkablegames.org/posts/match3/","languages":{"HTML":573,"TypeScript":54099,"JavaScript":1518,"CSS":1379}}