首页 前端知识 200个有趣的HTML前端游戏项目合集(持续更新中)

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

2024-04-05 09:04:43 前端知识 前端哥 445 265 我要收藏
  • 💂 个人网站:【 摸鱼游戏】【神级代码资源网站】【工具大全】
  • 🤟 一站式轻松构建小程序、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/暴力街区之反腐小王子
6268小鸟: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/
66Win12 网页版:https://haiyong.site/moyu/win12/Windows 12 网页版抢先体验
67飙车追妹子:https://haiyong.site/moyu/biaocheh5手机端飙车追妹子
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/dmtjd2.5D游戏《地面突击队》
74棒打疯猫:https://haiyong.site/moyu/bdfm
75吃包子大赛:https://haiyong.site/moyu/baozi
76空战1942:https://haiyong.site/moyu/1942飞机大战小游戏
77123算术题:https://haiyong.site/moyu/123sst愚人节专题123算术题
783D拳击:https://haiyong.site/moyu/3dboxing选择一个拳手进行战斗
79愤怒的小红帽:https://haiyong.site/moyu/fndxhm网页版愤怒的小红帽游戏
80⭐️坦克游戏:https://haiyong.site/moyu/tank支持单/双人
81⭐️糖果麻将游戏:https://haiyong.site/moyu/sweety-mahjong/gamehtml5糖果麻将游戏
82锅打灰太狼:https://haiyong.site/moyu/gdhtl
83激流勇进小游戏:https://haiyong.site/moyu/jlyj
84⭐️奔跑吧霸王龙:https://haiyong.site/moyu/bawanglong.htmlchrome浏览器的小游戏
85⭐️在线桌球:https://haiyong.site/moyu/zhuoqiuHTML在线桌球
86⭐️国防游戏:https://haiyong.site/moyu/zsjfy中世纪的国防游戏
87青蛙吃苍蝇:https://haiyong.site/moyu/qwccy
88扫雷:https://haiyong.site/moyu/saolei-2.htmlH5经典小游戏扫雷
89⭐️飞机大战:https://haiyong.site/moyu/fjdzH5版飞机大战游戏
90井字棋:https://haiyong.site/moyu/jingziqiH5井字棋人机/双人游戏
91⭐️经典版坦克大战:https://haiyong.site/moyu/tkdz经典版坦克大战单/双人游戏
92消灭方块:https://haiyong.site/moyu/xmfkHTML消灭方块小游戏
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/xxlHTML天天消消乐游戏
97极速漂移赛车:https://haiyong.site/moyu/jisupiaoyisaiche
98下一个数字:https://haiyong.site/moyu/xygszhtml5敏捷类游戏《下一个数字》
99西部牛仔:https://haiyong.site/moyu/xbnzhtml5西部牛仔枪战游戏
100全民飞机大战:https://haiyong.site/moyu/qmfjdzHTML5微信版《全民飞机大战》
101⭐️飞跃的奶酪:https://haiyong.site/moyu/flyingcheesehtml5益智游戏《飞跃的奶酪》
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/lianxingxinghtml5益智游戏《连星星》
108⭐️繁衍战争:https://haiyong.site/moyu/fanyanhtml5策略游戏《繁衍战争》
109机甲战士:https://haiyong.site/moyu/jijia无限火力机甲战士射击类游戏
110星际争霸:https://haiyong.site/moyu/starcraftHTML5版星际争霸完全版
111⭐️简易单机版斗地主:https://haiyong.site/moyu/doudizhu简易单机版斗地主棋牌类游戏
112⭐️解救海盗船长:https://haiyong.site/moyu/jiejiuhaidao解救海盗船长休闲类游戏
113侠盗罗宾汉:https://haiyong.site/moyu/xiadaoluobinhanhtml5潜行游戏《侠盗罗宾汉》
114⭐️罗斯魔影:https://haiyong.site/moyu/luosimoyinghtml5魔法消除游戏《罗斯魔影》
115高达战争:https://haiyong.site/moyu/gaodahtml5横版射击游戏《高达战争》
116⭐️植物大战僵尸:https://haiyong.site/moyu/pvz植物大战僵尸网页版
117新召唤师峡谷大冒险:https://haiyong.site/moyu/damaoxian英雄联盟简易版
118🐓 只因你太美:https://wanghao221.github.io/ji今天也是为哥哥努力的一天呢!
119萌怪大冒险:https://haiyong.site/moyu/mgdmxhtml5横版萌怪大冒险游戏
120保卫机器人:https://haiyong.site/moyu/bwjqrhtml5机器人防护益智游戏SRC
121兔子快跑:https://haiyong.site/moyu/tuzikuaipaohtml5兔子快跑大冒险游戏
122⭐️第三人称射击游戏:https://haiyong.site/moyu/SpaceHuggers你有十条命,杀死所有的敌人
123魂斗罗:https://haiyong.site/moyu/hundouluoHTML5魂斗罗之突围游戏
124召唤神龙:https://haiyong.site/moyu/zhsl召唤神龙-红宝石无敌版
125公园停车:https://haiyong.site/moyu/tingcheHTML5公园停车游戏
126密室逃生:https://haiyong.site/moyu/mstshtml5《密室逃生》微信游戏
127⭐️危险货车:https://haiyong.site/moyu/weixiandehuochehtml5物理特技游戏《危险货车》
128亡者之城:https://haiyong.site/moyu/wzzc3D版生化危机(胆小勿入)
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/feiyuehtml5横版飞行游戏《飞跃驼峰航线》
133光头强:https://haiyong.site/moyu/guangtouqiang疯狂光头强
134太空跑酷:https://haiyong.site/moyu/taikongThree.js炫彩太空跑酷VR小游戏
135⭐️弗莱迪的物理实验:https://haiyong.site/moyu/flddsyhtml5物理游戏《佛莱迪的试验》
136骑士冒险:https://haiyong.site/moyu/qishihtml5横版街机风格骑士冒险游戏
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/senlinhtml5休闲游戏《森林协奏曲》
141⭐️中国象棋:https://haiyong.site/moyu/xiangqiHTML5中国象棋游戏
142红蓝旋转:https://haiyong.site/moyu/hlxz纪念碑谷画风小游戏,红蓝小球,一同向前!
143⭐️小霸王游戏机:https://haiyong.site/moyu/xbwHTML版小霸王游戏机,一代人的回忆
144win10:https://haiyong.site/win/仿windows桌面主题特效
145维京战争:https://haiyong.site/moyu/weijing网页塔防小游戏维京战争HTML5手机游戏
146水果忍者:https://haiyong.site/moyu/shuiguorenzheHTML5版水果忍者游戏,一代人的回忆
147捕鱼达人:https://wanghao221.github.io/buyudarenHTML5版捕鱼达人,一代人的回忆
148超级玛丽:https://haiyong.site/moyu/mario小霸王里可以玩原版(见143)
149跳房子:https://haiyong.site/moyu/tiaofangzi.htmljs实现一个点击跳跃逃离房屋坍塌小游戏
150一个都不能死:https://haiyong.site/moyu/yigedoubunengsi看看你能坚持多久
151赛车:https://haiyong.site/moyu/saiche传统的赛车游戏
152石头剪刀布:https://haiyong.site/moyu/shitoujiandaobu完全靠运气(谁先赢十局谁获胜)
153⭐️过马路小游戏:https://haiyong.site/moyu/guomalu.htmlthree实现三维路上过马路避让汽车游戏代码(键盘的上下左右键也可以哦)
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咪哒!
160HTML5拉杆子过关小游戏:https://haiyong.site/moyu/laganziguoguan我不会告诉你其实还有个游戏跟这个几乎一模一样
161⭐️斗地主:https://haiyong.site/moyu/doudizhu.html勉勉强强能玩
162弹珠打砖块游戏:https://haiyong.site/moyu/danzhu.html弹珠在服务器里留下的足迹
163I-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游戏实现视觉差效果,会有不同的感觉(手机也能玩)
174CPS测速: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养成类(弱智)小游戏
1783D酷炫拼魔方: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看看你能插到多少关
187AI井字棋: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》

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4469.html
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!