首页/ 资源中心/ 全部资源

全部资源

共 514 个资源
街机 免费 🐍

贪吃蛇 Snake

经典街机贪吃蛇,纯 Canvas 实现,支持手机滑动手势与键盘方向键,含最高分本地存储。适合学习游戏主循环与碰撞检测。

Canvas游戏循环触摸手势
👤 驰旭教研组 ⬇ 1,282
益智 免费 🔢

2048 数字合并

风靡全球的 2048 数字合并游戏,四向滑动合并相同方块凑出 2048,练习二维数组变换与合并算法。

二维数组矩阵旋转算法
👤 驰旭教研组 ⬇ 2,150
休闲 免费 🔨

打地鼠 Whack-a-Mole

30 秒限时打地鼠,地鼠随机冒头点击得分,最简单的触屏入门游戏,练习定时器与随机数。

定时器随机数DOM
👤 驰旭教研组 ⬇ 960
益智 免费 🟪

俄罗斯方块 Tetris

完整版俄罗斯方块,七种方块、旋转、消行、等级加速一应俱全,移动端底部触摸按钮操作。

Canvas旋转算法碰撞检测
👤 驰旭教研组 ⬇ 3,200
益智 免费 🃏

记忆翻牌 Memory Match

记忆翻牌配对游戏,翻开两张相同即消除,CSS 3D 翻转动画,练习数组洗牌与状态管理。

Fisher-YatesCSS3D状态管理
👤 驰旭教研组 ⬇ 1,420
射击 免费 ✈️

飞机大战 Shooter

竖版飞机大战/太空射击,手指拖动控制飞机自动开火击落敌机,练习游戏对象管理与碰撞检测。

Canvas对象管理碰撞检测
👤 驰旭教研组 ⬇ 2,680
策略 免费 ⭕

井字棋 Tic-Tac-Toe

井字棋,支持人机对战(Minimax 必不败 AI)与双人对战,练习状态机、胜负判定与博弈算法。

MinimaxAI状态机
👤 驰旭教研组 ⬇ 1,150
益智 免费 🧩

数字拼图 Puzzle

3x3 数字华容道拼图,点击空格旁方块滑入还原顺序,含可解性判定,练习坐标计算与逆序数。

坐标计算逆序数算法
👤 驰旭教研组 ⬇ 880
动作 免费 🕹️

走位躲避 Dodge

走位躲避游戏,自制虚拟摇杆控制方块躲开四周飞来的红球,坚持越久越强,移动端操作练习佳作。

虚拟摇杆碰撞检测移动端
👤 驰旭教研组 ⬇ 1,340
街机 免费 🐤

Flappy Bird

经典 Flappy Bird,点击让小鸟上飞穿越管道缝隙,练习重力物理模拟、点击交互与碰撞检测。

物理模拟Canvas碰撞检测
👤 驰旭教研组 ⬇ 2,960
微信小程序 免费 🛍️

校园二手交易平台小程序

完整的校园闲置交易小程序,含发布、聊天、订单、支付闭环,可直接二次开发上线。

校园电商WebSocket
👤 林川 ⬇ 3,284
餐饮美食 🍔

外卖点餐 H5 移动网页

高还原度外卖点餐 H5,含主页 / 商家列表 / 商家详情点餐 / 确认订单,原生 HTML+CSS+JS 实现,localStorage 购物车跨页共享,适配全面屏。

外卖点餐移动端H5原生JS
👤 苏晓 ⬇ 5,120