【HTML教程】制作HTML网页游戏（附带多个游戏源码）

我们现在常说的HTML其实已经是HTML5了，属于HTML标记语言的第五代也是最新的版本。新版本的HTML让网页科技实现多种不同的可能，其中包括支持接入各种JavaScript的代码，从而诞生了各类的网络应用和游戏。

现代的HTML网页制作往往离不开HTML、CSS和JavaScript三件套。结合这些功能不一的计算机语言，无论是手机或是电脑上的浏览器都能适配不同种类的应用。

HTML网页制作需要哪些工具？

HTML网页制作其实需要的工具或者素材很简单，大致上包括：

• 支持HTML/CSS/JavaScript的文本编辑器（例如：Lightly、VSCode、微软自带的记事本等等）
• 游戏所需的背景、物体、人物等素材（Itch.io上可以找到各种不同的免费优质素材）

精选HTML网页游戏

这里精选了一系列由HTML和JavaScript制作而成的网页游戏，这些游戏不仅容量占用小，风格也独特有趣。只需要从把GitHub网址复制粘贴到Lightly中，就可以运行游戏或者修改游戏代码进行优化。

1. 但丁 Dante 路西法：“真是的，地狱的传送服务又挂了 …… 恶灵们全都掉到了还在施工的地方。但丁，你去把他们回收到第八圈吧！” 玩家通过上帝视角或第一视角扮演但丁，回收所有恶灵让他们承受应有的惩罚。 GitHub网址：https://github.com/SalvatorePreviti/js13k-2022.git

2. 即死梦城 Dying Dreams “你反复做着同样的梦 …… 所有人都得死去 ……” 即死梦城是一个有趣的解谜游戏。你必须杀死画面中的所有人偶，但每个人偶都会同时移动！ 这个小游戏共有13个关卡，除了后面的几关以外，其实都不太难。 GitHub网址：https://github.com/jani-nykanen/dying-dreams.git

3. 巫师诺曼 Norman the Necromancer 你是诺曼，但你在村头里的风评并不是那么好。大家都想把你除掉，保护好你自己吧！ GitHub网址：https://github.com/danprince/js13k-2022.git

4. 跳跳魂 Soul Jumper 蹦蹦跳跳通关10个关卡，踩着你的灵魂来越过尖刺、空隙和掉下来的方块！没死对？那就重新再来过，直到魂魄对齐为止。 GitHub网址：https://github.com/tyler6699/js13k2022.git

5. 划一 The Neatness 让骷髅头与墓碑连在一起，先不要觉得这个游戏太简单。言尽于此。 GitHub网址：https://github.com/mvasilkov/neatness2022.git