Canvas demos you can play with right now

Hundreds of canvas demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• plants vs zombies ▶ 在线试玩：cyancat22.github.io/plants-vs-zombies ｜ GitHub 仓库 一个可以直接在浏览器里玩的《植物大战僵尸》风格塔防小游戏：种向日葵攒阳光，用豌豆、寒冰、坚果和炸弹挡住 10 波僵尸，守住你的脑子。一局约 10…
• hexsweep Hexagonal minesweeper — six-neighbor logic, flags, timer, and win tracking. Built with SVG. No frameworks. Runs offline once loaded…
• last bite Eat your sandwich. Don't get honked. A tiny browser game by Rain on Roof. You're on a park bench with a sandwich, and a goose has noticed…
• cat treat catch A small mobile-first browser game: catch treats for three real cats (Crookshanks, Ginny, Lumos), dodge the cucumbers and bombs. Plain…
• jieqi xinglv 米兰设计周「触摸时间·魅力节气」C 类数字艺术 · 浏览器平面探索游戏 作品形态：四季俯视角 2D 探索游戏，纯前端、无后端、无外部 AI API. 内容规模：4 张季节地图 × 每季 6 个节气碑 = 24 个习俗小游戏。 玩法差异：24 个小游戏使用 24…
• tetris canvas · canvas-game · javascript · tetris · tetris-game
• 380 game civilization road 一款借鉴《文明6》玩法的网页回合制策略游戏，规则做了简化，上手更轻松。纯 HTML + JavaScript + Canvas，无需安装任何依赖。 存档保存在浏览器的 localStorage 中：每回合自动存档，菜单里还可以手动存档 / 读档。 开局选择文明（8…
• warworld Demo 0.3 · 公开测试版 — 本作仍在开发与测试中，玩法、数值和界面会继续调整，可能存在 Bug 或存档兼容性问题。欢迎通过 Issues 反馈问题与建议。 高分屏适配：界面以 1600×900 为基准，整体随窗口分辨率缩放（1920 约 1.3×、2560 及以上约…
• zhenxue palace survival 一个无需安装依赖、可离线运行的单文件 HTML5 后宫生存选择游戏。支持电脑与手机浏览器，使用 Canvas、SVG、CSS 与 Web Audio。 🎮 无需下载，点击立即游玩 · 📦 v1.0.0 正式发行版与下载 下载本仓库，使用现代浏览器打开 index.html…
• b side One record pressed every night. Each date in Chișinău gets a jazz-label sleeve, about a minute and a half of jazz-hop, and a cut-paper…
• banners of the realm An open-source, single-player browser RTS set during the Song–Jin War of 1140. Build a stronghold, gather resources, advance through three…
• hotwire city A top-down 2D car-theft and police-chase game for the browser, written in plain JavaScript and Canvas 2D. **Play it: ** (desktop browser…
• raccoon survivors A trash-panda survivors-like you can finish in one coffee break. Single-file HTML5, zero dependencies, runs in any browser — or play it now…
• wukunnshi 一个单文件网页版「合成大西瓜」，材料是 8 张吴琨石的照片——数字越小越大、越难合成。 大弹跳 —— 球落地弹得更欢、更滑（弹性 0.07 → 0.42 左右，墙面也更弹）. 双 1 号消除 —— 关掉后两颗吴琨石只是普通碰撞，不再「双石合一」. 难度说明：球体半径整体偏大（1…
• OWL engine ts A browser-based 2D game engine written in TypeScript and built on Canvas 2D. The engine's public code is organized under src/engine and…
• tessellate A kaleidoscope set by the time of day. The hour picks how many folds it has, the minute how fast it turns and how hot it glows. Tap to jump…
• aether front Gather aether. Build a strike force. Destroy the corruption core before it consumes the frontier. ▶ Play in browser · Report a bug ·…
• ebru A digital paper-marbling tray. Float ink on the bath, rake it with a stylus and comb, stir it into spirals, then pull a print. The sheet is…
• OldGold OldGold — браузерная экономическая стратегия про деревню гномов. Прокладывай дороги, строй по кирпичикам, налаживай цепочки от зерна до…
• darkroom 一个零依赖的生成艺术工作台。选一种算法，拧几个参数，定影保存成 PNG。 整个项目没有构建步骤、没有第三方库、没有网络请求——所有代码都是原生的 HTML / CSS / JavaScript。 快捷键：1–6 切换算法，空格 暂停/继续，R 换药方，S 定影保存，P…
• BloonsTD6 A browser-based, Bloons TD-style tower defense game built with TypeScript + HTML5 Canvas and bundled by Vite. Place monkeys along a winding…
• lovely farm.fun Plant radishes, chase crows, feed your dog and visit your friends' farms — just like back then, in a 2026 browser. *"Dear farmers! We…
• big fat fish raising 一个单文件、零依赖、可离线运行的网页养成小游戏。 《大肥鱼养成计划》是一个用原生 HTML + CSS + JavaScript 写的养成类网页小游戏，全部代码、样式与图片资源可以打包进一个 HTML 文件，不依赖任何框架、构建工具、后端服务或网络请求。 模式一 ·…
• wildclimb ไต่ห่วงโซ่อาหาร จากหนูตัวจิ๋วสู่มังกรพ่นไฟ — เกมวิวัฒนาการสัตว์แนว Mope.io เล่นบนเบราว์เซอร์ได้ทันที ไม่ต้องติดตั้ง Climb the food chain…
• canvas2048 学习并使用 html5 canvas 制作 2048 小游戏 操作区有4X4共16个空白小卡片, 开局时随机出现若干卡片上面有数字2或4, 玩家可使用方向键控制所有卡片移动. 当按下"↓"方向键时, 所有卡片移动到底部并且相同数字的卡片合并成两个卡片数字之和…
• canvas td A fully featured tower defense game built with <canvas>.
• tower defense A classic canvas tower defense. Waves of creeps march a fixed serpentine road from spawn to exit, and every one that leaks costs you a…
• The Syntax of Taste Generative Art A seed-based generative collage system — catalogue edition. A single-page interactive website presenting The Syntax of Taste, a generative…
• OutpostSiegeTD Браузерная tower defense с длинной кампанией: 20 осад × 20 волн, волна 20 каждой осады — именной босс со своими механиками. Между волнами…
• dustys great achoo Tek bir toz yumağı, tek bir zorba robot süpürge ve son derece güçlü bir burun. Hapşır; hapşırığının değdiği her robot da hapşırsın. One…
• rail runner 三轨无限跑酷，纯 Web 实现、零依赖、零素材、离线可玩。按 轨道无限跑酷-PRD-V2.0 的 P0 需求实现，手感参数、状态机、 关卡生成规则、存档策略全部与 PRD 对齐；交付前用 165 项离线断言 + 浏览器内自检 + 6×240km 完美玩家通过性模拟做过验证。…
• bug smash Backend contra Frontend: dos jugadores, una hoja de cuaderno y el que pierde se come el ticket. Bug Smash es un juego de lucha local para…
• howtofish 把「钓鱼」和「打鱼」荒诞结合起来的 2D 网页游戏。单个 HTML 文件、零依赖、双击即玩。 玩法灵感来自 Steam 上的 How to Fish（渔力全开）：那款游戏的核心笑点是…
• novaduel A neon, zero-gravity artillery duel for two players — think Worms meets Scorched Earth, wrapped in a synthwave sci-fi skin. Built as a…
• kaboom Un remake multijoueur de Bomberman, pensé pour se jouer en 2 clics pendant la pause de midi. Tu crées une room, tu partages le lien, tout…
• baiju pages 378 cells. One canvas. Zero runtime dependencies. A pixel mark extracted from a real image, deconstructed into 378 measured squares, and…
• saat chara A browser version of the childhood game from Bangladesh, also known as Lagori or Pithu. One team knocks down the tower of seven stones…
• tank battle 一款用 纯 HTML5 Canvas + 原生 JavaScript 编写的经典坦克大战小游戏。零依赖、零构建，打开网页即可开玩。 守住画面底部的基地（金鹰），消灭所有敌军即可过关。 砖墙可以被子弹打穿，钢墙只有满级火力才能击毁，河流无法通过，树林会遮挡视线。…
• JavaScript Game. Full Version JavaScript Browser 2D Game
• JavaScript Game JavaScript Browser 2D Game. Prototype
• random plant planting pot 2d Planting a random plant in a pot in browser using javascript and html5 canvas in 2d. Browser which support html5 canvas and javascript…
• carrot defense 经典塔防的浏览器实现：建塔、升级、挡住 15 波怪物，别让它们碰到萝卜。 纯前端、零依赖、无构建步骤——所有画面都是 canvas 现画的，仓库里没有一张图片。 升级（2/3 级）：伤害 ×1.65、射程 +18、间隔 ×0.88，造价约为原价 0.9 倍 / 1.3 倍。…
• caterpillar count 在线试玩：（电脑、手机、平板浏览器都能玩，不用安装） 毛毛虫看到水果太兴奋，身体全乱了。按住一节身体拖到正确的位置，把它排回顺序，毛毛虫会一节一节报数，然后爬去把水果吃掉。 头固定在最前面，告诉你从几开始数；把其余各节拖到正确位置（插入式，其他节会自动让位）。…
• bonk arena 🇫🇷 Français | 🇬🇧 English Jeu de combat 2D cartoon pour enfants, jouable dans le navigateur. Quatre combattants rigolos s'affrontent sur…
• 2D game The objective of the game is to make the highest score you can. You have 3 lives and 1 superpower Controls Movement = Arrowkeys /…
• Robot Fight A game developed for fan :)
• tetris Move the downing element to left Move the downing element to right Change the shape of the downing element Move the downing element to…
• minesweeper canvas Minesweeper game made with Canvas
• approaching tiles Old DOM version - is not used anymore cause of a lot of flickering caused by unperformant way to render the playground. The code is still…
• minesweeper Revealing all the cells without hitting the mines is the task. Each number in the cell denotes how many bombs are in the adjacent cells (8…
• food runner Eat your healthy food, get more health points. Eat you unhealthy food and reduce your healthy points. Keep It Simple, Keep It Clean, Keep…
• desert nomad runner A minimal endless runner featuring a stickman traveler and dynamic weather that affects gameplay. Desert Nomad features a minimal stickman…
• piskel Piskel is an easy-to-use sprite editor. It can be used to create game sprites, animations, pixel-art... It is the editor used in…
• JS FlappyBird Beginner's guide on how to create the flappy bird game using vanilla JavaScript and HTML (HTML5 canvas). Flappy Bird was a side-scrolling…
• SimpleCanvas A lightweight HTML5 Canvas 2D framework built to make game and graphics development approachable — no dependencies, no build step, pure…
• tiny render kitten Real-time WebGL2 raymarched "cubes" — a Shadertoy fragment shader port.
• velocity zero An endless 2D browser action game built with HTML5 Canvas and vanilla JavaScript. Fight increasingly dangerous enemy waves, chain aerial…
• signal lost Signal Lost é um microgame 2D para navegador desenvolvido com JavaScript e Canvas 2D. O jogador controla uma entidade digital responsável…
• CarCrashProject A fast-paced 2D top-down web-based traffic racing game built with HTML5 Canvas and JavaScript. Car Crash Traffic Racer 2D is a…
• orbs Ten morphing dot-formation animations for the web. Use them for loaders, AI "thinking" states, or one memorable moment in a hero. One file…
• HTML5 AutoChess 虚拟现实技术专业毕业设计。基于 HTML5 Canvas 2D + 原生 JavaScript 实现的单机自走棋游戏，无框架、无后端、无构建。 把自走棋的核心循环完整实现了一遍：商店购买 → 备战布阵 → 选秀补强 → 自动战斗 → 回合结算。…
• heart crossing game Hop a little heart across busy roads — then build your own cute town! A free, cozy browser game for kids (and grown-ups). No install, no…
• ascii studio Turn your webcam into real-time ASCII art. A small experiment that runs entirely in your browser. ASCII Studio redraws your camera feed, or…
• night baseball game PC のブラウザ（キーボード / マウス）での操作を想定しています。音が出ます（M キーでミュート）。 ブラウザだけで遊べる、2頭身キャラクターのナイター野球ゲームです。 打席ではミートカーソルを動かしてタイミングよくスイングし、守備では球種とコースを選んで投げ込みます。…
• vibehopper Lo-fi neon rhythm runner — a zero-dependency, offline-ready Progressive Web App. VibeHop is a casual endless runner you can install on…
• kingdom rts 纯 HTML5 Canvas + 原生 JavaScript 实现的 2D 即时战略游戏，无需构建、无外部依赖。 资源采集、造建筑、造兵、人口、迷雾、寻路、敌方 AI 波次进攻，能完整打一局分胜负。 5 名农民 + 2 名步兵开局，目标是摧毁敌方（黯影军团）的城镇大厅。…
• neko fish game 一个轻松可爱的猫咪捞鱼小游戏。套着泳圈的小猫在池塘里移动，碰到小鱼就能捞进篮子，还会开心地冒出一串爱心。游戏包含经典、每日挑战和耐心无尽三种模式，可以攒金币收集各种猫咪、泳圈和池塘皮肤，也能召唤 Q…
• breach door cqb 当前版本 v0.1.0（首个公开版本）· 许可证 MIT · 25 个断言测试守门 一张户型图上打一场红蓝对抗。你带 2 台友军机器人从西侧入户，肃清东户里 4~6 台敌方机器人（按难度）。 纯静态托管，零后端。main 上有推送就会自动跑…
• RunnerGame Бесконечный 2D-раннер в духе Subway Surfers: три полосы, псевдо-3D перспектива, поезда, барьеры, ворота, монеты, бонусы и растущая…
• weekend road trip A browser road-trip game set in Nashville, Tennessee: three lanes, one tank of gas, and four legs from downtown to the Lower Broadway neon…
• neon funkin 一个致敬 Friday Night Funkin'（FNF）的开源网页音乐节奏游戏。 纯前端 · 零依赖 · 零素材文件 —— 音乐由 Web Audio API 实时合成，美术由 Canvas 代码手绘。 🎮 经典 FNF…
• epoch td ▶ Play it now — runs in the browser, nothing to install. Play the hosted version, or download index.html and double-click it. Either way is…
• veilfall "In the hollows beneath the shattered world, the Celestial Engine sleeps. Its leaked energies twist the stone and birth nightmares. Only…
• curve fever An offline, browser-playable clone of the classic curve game (Achtung, die Kurve! / Zatacka / Curve Fever). Your curve moves forward on its…
• bobblehead you Gold Miner, but the pickaxe is your face. A comedic remake of the classic Gold Miner: instead of lowering a claw, a giant bobblehead…
• jump rush An endless jumping game on a three-lane road, rendered by a software 3D engine written from scratch. No build step, no dependencies, one…
• mist web 一面会呼吸的雾镜。用鼠标、触屏或隔空手势擦开雾气，留下片刻清晰。 A small interactive fog mirror built with Canvas and vanilla JavaScript, with optional in-browser hand…
• onde atelier Créateur d’audiogrammes et de visualiseurs audio en vidéo, gratuit et 100 % dans le navigateur. Chargez un morceau (ou le son de démo)…
• game playroom Een speelkamer met twee verdiepingen, als installeerbare web-app (PWA). Loop rond, klim de trap op en ontdek alles wat er te doen is. Elke…
• astroach 13kjs web game submitted to js13kgames2021
• supersonic tapping Have you ever heard of Dance Dance Revolution (DDR), Tap Tap Revenge, or Beat Saber? If you have, then you would know that what's missing…
• popsomemore Pop Some More Live Link Pop Some More is a game reminiscent of my childhood. A player would be allowed to move left or right and shoot…
• gobang 界面使用Canvas绘制，可以根据各种设备的屏幕尺寸动态调整棋盘大小。 AI核心算法基于Alpha-Beta的搜索树思想，实现了PVS搜索，搜索深度最高可达6层，棋力尚可。 实现了棋型判断、评估函数等核心逻辑，以及启发式搜索、迭代加深、置换表等优化算法。
• irongame Desktop video game recreated using canvas and DOM
• tap on time This app is heavily depends on JS module and JS ES6. Open with your browser to see the result. Here we'll be learning how to make a…
• pulp fiction Pulp fiction — A little fan fiction game is the first project I made at my Ironhack Full Stack Web Dev Bootcamp. After three weeks learning…
• 2DGame This is a simple tile-based game concept made in JavaScript using HTML5 . I used LitElement to create the overvall html element that…
• WebApps 過去に作成したゲーム等の置き場．READMEのリンクから誰でもプレイできます．
• oscillator A simple 2d game
• connect the dots game Responsive Web App using Fabric.js
• audio visualizator Audio visualisation written in JavaScript
• DangerousNanthy A web clone of the classic DOS game Dangerous Dave, with a twist! Note: This version has been modernized to work with Node.js v22+ and no…
• quantum Quantum is a space battle web game built using JavaScript. Your task is to destroy the enemy ship before the enemy ship destroys you. Be…
• Beer Man This rendition of Pac-Man, called Beer-Man, is a browser-based game made with only JavaScript and HTML Canvas. The user will guide Beer-Man…
• inkball A TypeScript reimplementation of the game included with Windows Vista. Uses matter-js as the physics engine. Canvas renderer is my own…
• gobang the gobang game was built with canvas 玩一玩更开心😄 点击我阅读代码文档,阅读完后，可以一起完善功能哈！！
• browser gamectf.io ctf.io This project is not finished. Please contribute! Ruby on Rails server - CTF.io uses Rails ActionCable to enable the game to have very…
• Rocket Doge As a student i learned and earned more skills in my javascript journey. Loved building this game. <3
• PPL 一个小canvas游戏demo 利用的定时器动态画圆，设定圆的允许弧度，让圆按轨迹转动，子弹可以打掉圆，是利用碰撞检测，两个半径加起来小于直径就都消失。
• PacMan 1 - If you want to Customize the TileMap : Go to the src Folder and open TileMap.js File. You'll find a 2D array named as map. // 5…