200个有趣的HTML前端游戏项目合集（持续更新中）

• 💂 个人网站:【 摸鱼游戏】【神级代码资源网站】【工具大全】
• 🤟 一站式轻松构建小程序、Web网站、移动应用：👉注册地址
• 🤟 基于Web端打造的：👉轻量化工具创作平台
• 💅 想寻找共同学习交流，摸鱼划水的小伙伴，请点击【全栈技术交流群】

两百个简单的 HTML 游戏项目，可提高你的前端技能。

海拥摸鱼小游戏

在线地址（持续更新中）：https://haiyong.site/moyu
源码可联系站长获取

⭐️ 星标为热门小游戏

游戏项目汇总 ✨

编号	游戏	说明
1	⭐️杀死国王：https://haiyong.site/moyu/kill-the-king.html	疯狂点击空格键就行
2	挡板小游戏：https://haiyong.site/moyu/danban.html	随心所欲的放挡板，挡住下面掉下来的球球
3	吃豆人游戏：https://haiyong.site/moyu/dou.html	吃豆人在走路的时候不会停下，只能转方向。通过你的智慧去闯关吧🎉
4	飞越天空之城：https://haiyong.site/moyu/fytkzc/	我靠，一飞冲天了！要不要分享给小伙伴乐呵乐呵？
5	⭐️飞行员训练：https://haiyong.site/moyu/fxyxl/	飞行员实战训练
6	⭐️挑战繁简字：https://haiyong.site/moyu/ftz/	测试水平杠杠的，去香港和台湾都平趟了
7	任意球大师：https://haiyong.site/moyu/freekick/	训练任意球射门技巧，国足没你不行
8	和爸爸合张影：https://haiyong.site/moyu/fqj/	你有多长时间没和老爸合过影了？
9	让屋子飞！：https://haiyong.site/moyu/flyhouse/	点击炸弹，金币，气球，可以触发炸弹爆炸，收集金币和绑上气球。按住房子可以拖动。划屏出现保护。
10	⭐️我来帮老师阅卷！：https://haiyong.site/moyu/fkqbg/	帮老师阅卷修改错别字
11	⭐️疯狂的方块：https://haiyong.site/moyu/fkdfk/	挺有意思的，有点消消乐的感觉
12	疯狂猜图：https://haiyong.site/moyu/fkct/	好玩的看图猜词游戏，知识面大考验，脑力激荡
13	鸡乐盒 Plus：https://haiyong.site/moyu/ikun-home/	点击按钮就会发出只因声，喜欢的话可以分享给身边的ikun！
14	⭐️鸡你太美：https://haiyong.site/moyu/jlh/	点击按钮就会发出鸡声，跟上面 鸡乐盒 Plus 差不多（见13）
15	疯狂猜水果：https://haiyong.site/moyu/fkcsg/	挑战你的水果知识
16	⭐️小猪飞飞：https://haiyong.site/moyu/feiyu/	点击屏幕跨越障碍，相信大家都玩过类似的游戏
17	⭐️我要飞的更高：https://haiyong.site/moyu/feidegenggao/	踩云朵往上飞，看你能飞多高
18	废柴勇士：https://haiyong.site/moyu/fcys/	最新虐心小游戏废柴勇士，听说没人能过37秒。
19	测测你今年的发财关键：https://haiyong.site/moyu/fcl/	预测你的财富运势
20	堆雪人：https://haiyong.site/moyu/epicsnowman/	堆雪人-7k7k手机小游戏
21	小球吃钻石：https://haiyong.site/moyu/dzt/	别让小球掉下去了
22	快来打我呀！：https://haiyong.site/moyu/dwy/	体验打击的乐趣
23	读心术：https://haiyong.site/moyu/duxinshu/	只有3%的人能识破的怪物读心术
24	看看你有多老：https://haiyong.site/moyu/duolao/	测试你的反应速度，推测你的年龄
25	一起来抢吧：https://haiyong.site/moyu/dumpling/	挺无聊的一个游戏
26	堆木头：https://haiyong.site/moyu/duimutou/	反应速度测试小游戏
27	动态视力：https://haiyong.site/moyu/dtsl/	测试你的视力
28	⭐️打击者：https://haiyong.site/moyu/djz/	飞机大战小游戏
29	⭐️电锯切割狂：https://haiyong.site/moyu/djqgk/	听名字挺变态，其实是一个很好玩的休闲游戏，把图形分成面积相等的两份、三份或者更多， 需要用到一些数学知识
30	地球日：https://haiyong.site/moyu/diqiuri/	一起为地球穿新衣
31	钓鱼：https://haiyong.site/moyu/diaoyu/	史上最寂寞的游戏
32	点炮过大年：https://haiyong.site/moyu/dianpao/	体验过年的乐趣
33	⭐️最强电灯泡：https://haiyong.site/moyu/diandeng/	益智类小游戏，用最少的步数来完成
34	搭汉堡：https://haiyong.site/moyu/dhb/	类似堆房子，盖塔楼小游戏
35	⭐️魔兽城堡：https://haiyong.site/moyu/demoncastle/	恶魔入侵，赶快拿起宝剑杀敌！抵抗恶魔，保护城堡！
36	⭐️大长腿：https://haiyong.site/moyu/dct/	这游戏看似很简单，其实一点都不监督
37	逗比测试：https://haiyong.site/moyu/dbcs	测试你是什么类型的都逗比
38	上山打老虎：https://haiyong.site/moyu/dalaohu/	看到老虎，两个手指打死；看到苍蝇，一个手指按死。
39	⭐️宠物大营救：https://haiyong.site/moyu/cwdyj/	消灭方块，来将宠物移到底部，也类似消消乐
40	⭐️查开房记录：https://haiyong.site/moyu/ckf/	输入好友姓名，查查ta有多少条开房记录
41	蟹黄满满：https://haiyong.site/moyu/cpx/	类似打地鼠，游戏源码可用于餐饮行业营销
42	⭐️核心球：https://haiyong.site/moyu/coreball/	见缝插针
43	拆开情侣：https://haiyong.site/moyu/ckql/	腹黑上线，守护光棍
44	⭐️超级染色体：https://haiyong.site/moyu/cjrst/	看看你需要多少步可以完成消除
45	超级马里奥：https://haiyong.site/moyu/cjmla/	不太好玩
46	⭐️吃货大作战2：https://haiyong.site/moyu/chdzz/	还可以，考研反应速度的
47	吃货大作战：https://haiyong.site/moyu/chdazuozhan/	体验吃货的乐趣
48	⭐️拆弹专家：https://haiyong.site/moyu/cdzj/	这个也还可以，看看你眼力、反应速度如何
49	抽绷带：https://haiyong.site/moyu/cbd/	体验绷带的乐趣
50	潮爷爷带你装逼带你飞：https://haiyong.site/moyu/cyydnf/	由下往上滑动屏幕，控制翅膀舞动的节奏，让老爷爷带你装逼带你飞
51	⭐️糖果粉碎世界：https://haiyong.site/moyu/candyrain/	闯关小游戏，加载需要点时间
52	⭐️八爪鱼拉拉手：https://haiyong.site/moyu/bzylls/	益智类小游戏
53	冰桶挑战：https://haiyong.site/moyu/bttz/
54	变态测试题：https://haiyong.site/moyu/btcst/	开启掉节操之旅
55	逼死强迫症2：https://haiyong.site/moyu/bsqpz2/
56	⭐️逼死强迫症：https://haiyong.site/moyu/bsqpz/	自定义生成带有角标消息的头像 （支持上传）
57	神算子：https://haiyong.site/moyu/brainie/	适合小朋友玩
58	奔跑吧男子：https://haiyong.site/moyu/bpbnzh/	类似奔跑吧兄弟
59	斑马斑马跳：https://haiyong.site/moyu/bmbmt/	需要在手机端玩
60	合体积木：https://haiyong.site/moyu/blockgame/	益智类闯关小游戏
61	打虎英雄：https://haiyong.site/moyu/bljqzffxwz/	暴力街区之反腐小王子
62	68小鸟：https://haiyong.site/moyu/68xn/	控制小鸟别撞到刺了
63	⭐️糖果丘比特：https://haiyong.site/moyu/ai/	益智类闯关小游戏
64	病毒入侵者：https://haiyong.site/moyu/coronavirus-invaders/	纯CSS游戏病毒入侵者
65	刮刮乐·好运十倍：https://haiyong.site/moyu/guaguale/
66	Win12 网页版：https://haiyong.site/moyu/win12/	Windows 12 网页版抢先体验
67	飙车追妹子：https://haiyong.site/moyu/biaoche	h5手机端飙车追妹子
68	保护老板：https://haiyong.site/moyu/bhlb	不想被老板炒鱿鱼的话，表忠心的机会来了
69	⭐️《水果保卫战》：https://haiyong.site/moyu/sgbwz	仿燃烧的蔬菜
70	暴打小苹果：https://haiyong.site/moyu/bdxpg
71	暴打神经猫：https://haiyong.site/moyu/bdsjm
72	马走日-步步惊心：https://haiyong.site/moyu/bbjx	请在手机端试玩
73	⭐️地面突击队：https://haiyong.site/moyu/dmtjd	2.5D游戏《地面突击队》
74	棒打疯猫：https://haiyong.site/moyu/bdfm
75	吃包子大赛：https://haiyong.site/moyu/baozi
76	空战1942：https://haiyong.site/moyu/1942	飞机大战小游戏
77	123算术题：https://haiyong.site/moyu/123sst	愚人节专题123算术题
78	3D拳击：https://haiyong.site/moyu/3dboxing	选择一个拳手进行战斗
79	愤怒的小红帽：https://haiyong.site/moyu/fndxhm	网页版愤怒的小红帽游戏
80	⭐️坦克游戏：https://haiyong.site/moyu/tank	支持单/双人
81	⭐️糖果麻将游戏：https://haiyong.site/moyu/sweety-mahjong/game	html5糖果麻将游戏
82	锅打灰太狼：https://haiyong.site/moyu/gdhtl
83	激流勇进小游戏：https://haiyong.site/moyu/jlyj
84	⭐️奔跑吧霸王龙：https://haiyong.site/moyu/bawanglong.html	chrome浏览器的小游戏
85	⭐️在线桌球：https://haiyong.site/moyu/zhuoqiu	HTML在线桌球
86	⭐️国防游戏：https://haiyong.site/moyu/zsjfy	中世纪的国防游戏
87	青蛙吃苍蝇：https://haiyong.site/moyu/qwccy
88	扫雷：https://haiyong.site/moyu/saolei-2.html	H5经典小游戏扫雷
89	⭐️飞机大战：https://haiyong.site/moyu/fjdz	H5版飞机大战游戏
90	井字棋：https://haiyong.site/moyu/jingziqi	H5井字棋人机/双人游戏
91	⭐️经典版坦克大战：https://haiyong.site/moyu/tkdz	经典版坦克大战单/双人游戏
92	消灭方块：https://haiyong.site/moyu/xmfk	HTML消灭方块小游戏
93	⭐️五子棋：https://haiyong.site/moyu/wuziqi.html	尝试一下和人工智能下五子棋
94	⭐️五子棋2.0版：https://haiyong.site/moyu/wzq	多种模式的五子棋游戏
95	⭐️H5五子棋游戏：https://haiyong.site/moyu/wzq-2
96	天天消消乐：https://haiyong.site/moyu/xxl	HTML天天消消乐游戏
97	极速漂移赛车：https://haiyong.site/moyu/jisupiaoyisaiche
98	下一个数字：https://haiyong.site/moyu/xygsz	html5敏捷类游戏《下一个数字》
99	西部牛仔：https://haiyong.site/moyu/xbnz	html5西部牛仔枪战游戏
100	全民飞机大战：https://haiyong.site/moyu/qmfjdz	HTML5微信版《全民飞机大战》
101	⭐️飞跃的奶酪：https://haiyong.site/moyu/flyingcheese	html5益智游戏《飞跃的奶酪》
102	桌球游戏：https://haiyong.site/moyu/taiqiu	试试在线版台球
103	⭐️盖楼游戏：https://haiyong.site/moyu/towergame	来啊盖楼啊
104	黑杰克21点：https://haiyong.site/moyu/hjk21	黑杰克21点游戏
105	⭐️天津麻将：https://haiyong.site/moyu/tjmj	网页版天津麻将小游戏
106	海盗入侵：https://haiyong.site/moyu/hddzz	海盗大作战在线网页塔防小游戏
107	⭐️连星星：https://haiyong.site/moyu/lianxingxing	html5益智游戏《连星星》
108	⭐️繁衍战争：https://haiyong.site/moyu/fanyan	html5策略游戏《繁衍战争》
109	机甲战士：https://haiyong.site/moyu/jijia	无限火力机甲战士射击类游戏
110	星际争霸：https://haiyong.site/moyu/starcraft	HTML5版星际争霸完全版
111	⭐️简易单机版斗地主：https://haiyong.site/moyu/doudizhu	简易单机版斗地主棋牌类游戏
112	⭐️解救海盗船长：https://haiyong.site/moyu/jiejiuhaidao	解救海盗船长休闲类游戏
113	侠盗罗宾汉：https://haiyong.site/moyu/xiadaoluobinhan	html5潜行游戏《侠盗罗宾汉》
114	⭐️罗斯魔影：https://haiyong.site/moyu/luosimoying	html5魔法消除游戏《罗斯魔影》
115	高达战争：https://haiyong.site/moyu/gaoda	html5横版射击游戏《高达战争》
116	⭐️植物大战僵尸：https://haiyong.site/moyu/pvz	植物大战僵尸网页版
117	新召唤师峡谷大冒险：https://haiyong.site/moyu/damaoxian	英雄联盟简易版
118	🐓 只因你太美：https://wanghao221.github.io/ji	今天也是为哥哥努力的一天呢！
119	萌怪大冒险：https://haiyong.site/moyu/mgdmx	html5横版萌怪大冒险游戏
120	保卫机器人：https://haiyong.site/moyu/bwjqr	html5机器人防护益智游戏SRC
121	兔子快跑：https://haiyong.site/moyu/tuzikuaipao	html5兔子快跑大冒险游戏
122	⭐️第三人称射击游戏：https://haiyong.site/moyu/SpaceHuggers	你有十条命，杀死所有的敌人
123	魂斗罗：https://haiyong.site/moyu/hundouluo	HTML5魂斗罗之突围游戏
124	召唤神龙：https://haiyong.site/moyu/zhsl	召唤神龙-红宝石无敌版
125	公园停车：https://haiyong.site/moyu/tingche	HTML5公园停车游戏
126	密室逃生：https://haiyong.site/moyu/msts	html5《密室逃生》微信游戏
127	⭐️危险货车：https://haiyong.site/moyu/weixiandehuoche	html5物理特技游戏《危险货车》
128	亡者之城：https://haiyong.site/moyu/wzzc	3D版生化危机(胆小勿入)
129	⭐️黄金矿工：https://haiyong.site/moyu/hjkg	全新版黄金矿工，黄金矿机千斤顶
130	⭐️特工卡尔施：https://haiyong.site/moyu/tegong	终极平衡挑战html5游戏
131	⭐️魔法蛋：https://haiyong.site/moyu/magicegg	动物大作战物理射击类html5游戏
132	飞越天险：https://haiyong.site/moyu/feiyue	html5横版飞行游戏《飞跃驼峰航线》
133	光头强：https://haiyong.site/moyu/guangtouqiang	疯狂光头强
134	太空跑酷：https://haiyong.site/moyu/taikong	Three.js炫彩太空跑酷VR小游戏
135	⭐️弗莱迪的物理实验：https://haiyong.site/moyu/flddsy	html5物理游戏《佛莱迪的试验》
136	骑士冒险：https://haiyong.site/moyu/qishi	html5横版街机风格骑士冒险游戏
137	⭐️是男人就下100层：https://haiyong.site/moyu/100	游戏内只能左右行走不能跳跃，看看你能下多少层吧
138	是英雄就下一百层：https://haiyong.site/moyu/yingxiong.html	简易版是男人就下100层（见137）
139	⭐️墓地逃亡：https://haiyong.site/moyu/mdtw	死亡墓地大逃亡HTML5游戏
140	森林协奏曲：https://haiyong.site/moyu/senlin	html5休闲游戏《森林协奏曲》
141	⭐️中国象棋：https://haiyong.site/moyu/xiangqi	HTML5中国象棋游戏
142	红蓝旋转：https://haiyong.site/moyu/hlxz	纪念碑谷画风小游戏，红蓝小球，一同向前！
143	⭐️小霸王游戏机：https://haiyong.site/moyu/xbw	HTML版小霸王游戏机，一代人的回忆
144	win10：https://haiyong.site/win/	仿windows桌面主题特效
145	维京战争：https://haiyong.site/moyu/weijing	网页塔防小游戏维京战争HTML5手机游戏
146	水果忍者：https://haiyong.site/moyu/shuiguorenzhe	HTML5版水果忍者游戏，一代人的回忆
147	捕鱼达人：https://wanghao221.github.io/buyudaren	HTML5版捕鱼达人，一代人的回忆
148	超级玛丽：https://haiyong.site/moyu/mario	小霸王里可以玩原版（见143）
149	跳房子：https://haiyong.site/moyu/tiaofangzi.html	js实现一个点击跳跃逃离房屋坍塌小游戏
150	一个都不能死：https://haiyong.site/moyu/yigedoubunengsi	看看你能坚持多久
151	赛车：https://haiyong.site/moyu/saiche	传统的赛车游戏
152	石头剪刀布：https://haiyong.site/moyu/shitoujiandaobu	完全靠运气（谁先赢十局谁获胜）
153	⭐️过马路小游戏：https://haiyong.site/moyu/guomalu.html	three实现三维路上过马路避让汽车游戏代码(键盘的上下左右键也可以哦)
154	自定义生成树：https://haiyong.site/moyu/shengchengshu.html	按住并拖动可环顾四周，右上角可自定义生成
155	⭐️2048：https://haiyong.site/moyu/2048.html	经典 2048 小游戏
156	纸牌记忆游戏：https://haiyong.site/moyu/zhipaijiyi.html	考验你的记忆力和反应速度
157	逗猫：https://haiyong.site/moyu/doumao.html	小球逗猫玩
158	保护鸡蛋：https://haiyong.site/moyu/baohujidan.html	你需要点击（或触摸）鸡蛋来将它们保存在篮子中
159	打地鼠：https://haiyong.site/moyu/dadishu.html	哦咧哇dadishu咪哒！
160	HTML5拉杆子过关小游戏：https://haiyong.site/moyu/laganziguoguan	我不会告诉你其实还有个游戏跟这个几乎一模一样
161	⭐️斗地主：https://haiyong.site/moyu/doudizhu.html	勉勉强强能玩
162	弹珠打砖块游戏：https://haiyong.site/moyu/danzhu.html	弹珠在服务器里留下的足迹
163	I-am-Airplane：https://haiyong.site/moyu/feiji.html
164	飞机炸弹💣：https://haiyong.site/moyu/feijizhadan.html	开始之前先等个红绿灯
165	⭐️爱吹风的小狮子🦁：https://haiyong.site/moyu/lion.html	按住并拖动以产生风，小狮子一定会很舒服❤
166	打喷嚏的喷火龙：https://haiyong.site/moyu/penhuolong.html	点击的时间越长，它打喷嚏的力度越大
167	宠物精灵对战：https://haiyong.site/moyu/pokemon.html	选择你的玩家和宠物精灵进行对战
168	切方块小游戏：https://haiyong.site/moyu/qiefangkuai.html	容易漏划的玩家建议玩休闲模式👀
169	人工智障：https://haiyong.site/moyu/rengongzhizh.html	一个不会聊天的聊天机器人
170	保护芯堆：https://haiyong.site/moyu/baohuduixin.html	你是个保护罩，控制他保护护罩里面的芯堆
171	⭐️俄罗斯方块：https://haiyong.site/moyu/eluosi.html	手机电脑都能玩，外观也很奈斯
172	户外滑雪：https://haiyong.site/moyu/huaxue.html	游戏实现了三维户外滑雪场景🛹（加载稍微慢些）
173	视觉差贪吃蛇：https://haiyong.site/moyu/tan.html	游戏实现视觉差效果，会有不同的感觉（手机也能玩）
174	CPS测速：https://haiyong.site/moyu/cesu.html	测试你的手速有多快🚀
175	圣诞老人过桥：https://haiyong.site/moyu/santa-claus.html	看看你能玩到多少分
176	三只小鸡：https://haiyong.site/moyu/sanzhiji.html	点击屏幕任意位置，看看三只小鸡如何跟着它动
177	⭐️Tamagotchi养成小游戏：https://haiyong.site/moyu/tamagotchi	养成类（弱智）小游戏
178	3D酷炫拼魔方：https://haiyong.site/moyu/mofang	魔方任意旋转和拼接，看看你能不能拼完整🎆
179	⭐️盖塔楼：https://haiyong.site/moyu/tower-blocks.html	单击(或按空格)放置砖块，看看你能堆多高
180	小飞鱼🐳：https://haiyong.site/moyu/xiaofeiyu.html	移动鼠标来改变速度和方向
181	扫雷：https://haiyong.site/moyu/saolei.html	看似简单的扫雷，其实一点都不简单
182	⭐️双人五子棋：https://haiyong.site/moyu/wu.html	多种五子棋模式任你选择
183	⭐️蜘蛛纸牌：https://haiyong.site/moyu/zhizhuzhipai.html	一代人的回忆
184	射箭游戏：https://haiyong.site/moyu/	拉回弓箭并射出去！
185	⭐️小熊吃星星（61关）：https://haiyong.site/moyu/xiaoxiongchixingxing.html	拖动网格旋转，熊熊和星星随着网格移动，橙色链接保持原位；蓝色链接随网格移动，旋转网格以不同方式连接蓝色和橙色链接。
186	⭐️见缝插针：https://haiyong.site/moyu/chazhen.html	看看你能插到多少关
187	AI井字棋：https://haiyong.site/moyu/xxoo.html	井字棋1.0版本
188	双人井字棋bug版：https://haiyong.site/moyu/xxoo2.html	井字棋2.0版本，升级出BUG了
189	双人井字棋升级版：https://haiyong.site/moyu/xxoo3.html	井字棋3.0版本，适合双人玩的棋类小游戏
190	⭐️闯关小游戏：https://haiyong.site/moyu/simplejsgame.html	简单的 JavaScript 闯关游戏 请用电脑打开，上下左右控制方向 吃完所有金币进入下一关
191	无限跑酷：https://haiyong.site/moyu/wuxianpaoku.html	一个有趣好玩的无限跑酷游戏
192	虫子走迷宫🐛：https://haiyong.site/moyu/paocaimigong.html	假如你是一只虫子，控制自己去吃你最爱的卷心菜
193	撕衣服👗：https://haiyong.site/moyu/siyifu	模拟衣服撕扯效果
194	鼠标🖱走迷宫：https://haiyong.site/moyu/migong.html	使用鼠标光标跟随从绿色标记到末尾的线（共5关）
195	⭐️影子分身闯关：https://haiyong.site/moyu/quwei.html	一个特别有科技感的闯关游戏
196	⭐️吃豆人游戏：https://haiyong.site/moyu/dou.html	吃豆人在走路的时候不会停下，只能转方向。通过你的智慧去闯关吧🎉
197	凑数的	>>>
198	凑数的	>>>
199	凑数的	>>>
200	持续更新中	>>>

⭐️ 好书推荐

《Web前端开发实战–HTML5+CSS3+JavaScript+Vue+Bootstrap》

【内容简介】

本书以通俗易懂的语言、翔实生动的案例，全面介绍了使用HTML5、CSS3、JavaScript、Bootstrap、Vue等技术搭建Web前端的方法和技巧，全书共分20章，内容涵盖了HTML5基础、文本和图像、音频和视频、列表和超链接、CSS3基础、文本样式、图像和背景样式、表格、表单、CSS3盒子模型、CSS3移动布局、CSS3变形和动画、JavaScript基础、事件处理、BOM和DOM、Bootstrap基础、CSS通用样式、CSS组件、JavaScript插件和使用Vue等，力求为读者带来良好的学习体验。
与书中内容同步的案例操作教学资源可供读者随时扫码学习，读者可扫描案例旁边的二维码在线观看。本书具有很强的实用性和可操作性，可以作为初学者的自学用书，也可作为Web前端开发技术人员的首选参考书，还可作为高等院校Web前端开发、网站设计等相关专业的教材。

📚 京东购买链接：《Web前端开发实战–HTML5+CSS3+JavaScript+Vue+Bootstrap》