HTML5网页游戏的开源项目有很多，以下是一些比较知名的开源HTML5游戏引擎和框架：

1. Phaser：Phaser是一个非常流行的开源HTML5游戏框架，它提供了丰富的API和工具，可以快速创建2D游戏。它支持WebGL，所以也可以在支持的设备上运行3D游戏。

2. Pixi.js：Pixi.js是一个专门用于2D游戏开发的库，提供了高性能的渲染和动画功能。它也可以与HTML5 Canvas和WebGL结合使用。

3. CreateJS：CreateJS是一个由Adobe开发的JavaScript库，包括几个子库，如EaselJS（2D绘图和动画）、PreloadJS（加载管理）和SoundJS（音频处理），非常适合开发HTML5游戏。

4. ImpactJS：ImpactJS是一个全功能的HTML5游戏引擎，它包含物理引擎、动画系统、音频处理等，可帮助开发者快速创建游戏。

5. GDevelop：GDevelop是一个开源的IDE，它允许用户创建2D游戏而无需编写代码。虽然不是游戏框架，但对于初学者来说，它提供了更友好的界面。

6. CocoonJS：CocoonJS是Adobe的另一款开源工具，它将HTML5游戏封装在原生应用中，提高游戏性能和用户体验。

这些开源项目都有活跃的社区和丰富的文档，可以帮助你开发和学习HTML5游戏。在使用时，请务必遵守相关许可证。

Phaser - 有趣的开源 HTML5 游戏框架

如果您需要一个快速运行的 Web 服务器，并且不想搞乱设置 Apache 或下载应用程序，那么 Python 可以提供帮助。Python 带有一个简单的内置 HTTP 服务器，它可以提供来自任何本地文件夹的文件。

Grunt是一个非常强大的安装工具，无论您是否将其用作 Web 服务器。从本质上讲，它是一个基于 JavaScript 的任务运行器，允许您自动执行繁琐耗时的任务。例如，我们在 Phaser 中使用它来构建我们的分发脚本。但它也可以使用插件Connect进行配置，以提供本地文件，充当 Web 服务器。

Canvas和WebGL游戏下载了但是打不开网页，一个有趣、免费和快速的开源H5游戏框架—Phaser

html5 网页游戏 开源

Phaser是一个有趣，免费和快速的2D游戏框架，用于制作桌面和移动web浏览器的HTML5游戏，支持Canvas和WebGL渲染。游戏可以通过第三方工具编译到iOS, Android和本地应用。可以使用JavaScript或TypeScript进行开发。

GitHub 上的优质开源游戏项目，每个都很厉害

Dark Days Ahead 是一款回合制生存游戏，背景设置在后世界末日的世界中。游戏目标是努力在一个严酷、持久、程序生成的世界中生存，战斗以击败或逃离各种强大的怪物，从僵尸到巨型昆虫，再到杀手机器人以及更奇怪和更致命的东西。

我在github上找到的游戏项目，刺激有趣！

功能介绍PlantsVsZombies 所支持的植物类型：向日葵、豌豆射手、寒冰射手、坚果、樱桃炸弹等；PlantsVsZombies 所支持的僵尸类型：普通僵尸、鞭打僵尸、锥头僵尸、水桶头僵尸、报纸僵尸等；该项目可使用 json 文件来存储关卡数据信息（例如僵尸的位置和时间，背景信息）；支持在关卡开始前选择植物卡；支持白天/夜间模式，移动卡选择水平和 Wallnut 保龄球水平；

HTML5多人在线开源游戏-Browserquest

Browserquest是Mozilla与法国Little Workshop游戏工作室共同开源的一款HTML5多人在线游戏。支持PC、智能手机、平板电脑等移动设备。游戏中，玩家扮演一位年轻的战士在一个危险的世界中不断探险并寻找宝藏。

网页游戏的开发框架

网页游戏开发通常使用不同的开发框架和技术栈，以创建各种类型的游戏，从简单的HTML5游戏到复杂的多人在线游戏（MMO）等。以下是一些常见的网页游戏开发框架和它们的特点，希望对大家有所帮助。北京木奇移动技术有限公司， 专业的软件外包开发公司，欢迎交流合作。

阿里开源HTML5小游戏开发框架Hilo实战教程

舞台是一个各种图形、精灵动画等的总载体。所有用Hilo创建的可见的对象都必须添加到舞台或其子容器后，才会被渲染和显示出来。 舞台实质上也是一个容器Container，不过它是一个顶级容器。它除开拥有普通容器的功能，它还拥有一些特殊属性和方法。

2019年7款超棒免费开源的HTML5游戏引擎

Phaser是一款2DH5游戏引擎，开发环境类似Flash。由开源开发者社区提供支持。它可以创建基于手机和桌面浏览器的游戏。有两个主要版本，即Phaser CE和Phaser 3. Phaser CE是旧版本，Phaser 3是最新的稳定版本。

陈峻 （Julian Chen），51CTO社区编辑，具有十多年的IT项目实施经验，善于对内外部资源与风险实施控，专注传播网络与信息安全知识与经验。

通过上文讨论，我们了解了什么是Puzzlescript，推箱子类游戏的基本原理，以及如何定义相关规则。同时，我们也讨论了用户该如何创建自己的游戏，如何修改他人的作品，以及如何通过论坛与其他开发者、乃至某个游戏的作者直接进行沟通与交流。鉴于该平台本身构建在开源的Github上，您何不自行设计一款小型游戏，来练习一下自己的全栈平台开发能力呢？

使用Puzzlescript编写小游戏无疑是对开发和设计技能的一项很好的测试。当您在公司的实际项目中开发和支持某些应用或工具时，您可能会注意到这样一种实践逻辑：某个工具或应用只有拥有了专业的社区和广泛的用户，才能得到蓬勃的发展与迭代。Puzzlescript同样适用这个道理。经历了十来年的发展，Puzzlescript已经拥有了成熟的论坛，以及一大批忠实的拥护者，其中不乏内容创作者、设计师、黑客、玩家、维护者、以及策展人。就连Stephen本人也在持续对该平台进行补充与开发。

当然，这也是一种参与应用程序修改的直接方式。游戏开发者完全可以将应用代码上传到GitHub处，然后要求其他开发者将其克隆到本地运行，以避免Web状态对于游戏体验带来的实际影响。从理论上说，这是一种“低摩擦”的参与方法（例如：通过添加代码行，来查看同一个页面上发生的变化）将有助于将参与者逐步通过实际代码的调试，来提高游戏编程的水平，并最终成为全栈式游戏创造者。

可见，“Winconditions”是完成一个关卡所需要满足的单一规则。值得一提的是，黑客也可以运用上述方式，去破坏现有的游戏逻辑与运行。

通过这样的快速访问方式，其他游戏开发者能够通过对现有代码的增、删、调整，来迅速构建自己的游戏。例如，您可以通过在上述规则下，添加一行代码，来修改游戏的规则，并触发游戏并从头开始构建：

右上角的窗口允许您按照当前编译的方式运行游戏。因此，如果您单击它，并按下空格键，游戏会在此窗口中进行。而我们更感兴趣的是位于左侧的源代码窗口。您可以看到“对象”标题2021游戏王卡牌盒子圣诞预告，以及下方一长串格式化的数据。它表示的是游戏将以5×5的方块的视觉效果予以呈现。而且，其基本颜色由带有数字代码所定义。

这代表了推箱子中的标准交互逻辑。程序代码可以将其解读为“将左侧的模式（玩家移动到带有固定板条箱的正方形处）替换为右侧（玩家移动到正方形，板条箱移动到下一个正方形）”。在准备解读的过程中，您需要考虑游戏引擎如何去检查那些即将发生的动作，进而重新绘制游戏。如果您是一名Z时代的益智游戏玩家的话，可以参考“Baba is You”这款热门游戏的基本逻辑。

有了前面的基础，咱们来讨论一下如何定义自己的游戏规则，设计关卡，绘制组件，以及使用Puzzlescript脚本来编写游戏代码。

让我们首先从创作者的角度来审视Puzzlescript平台：所有游戏都可以被分为不同的级别。玩家角色可以使用箭头键，或“W”、“A”、“S”和“Z”键来移动和操作。任何级别的关卡都是由像素较差的块对象所组成。这些对象的排列方式会逐渐变得复杂，并形成阻止您获胜的障碍。在原版的推箱子游戏中，可被推动的物体包括：墙壁、板条箱、以及带有圆点的地板。您只有完成一个关卡，才能进入下一个关卡。

若干年前，著名的游戏制作人Stephen Lavelle为Increpare公司开发了Puzzlescript工具。它是专门针对推箱子式游戏，来制定游戏规则的脚本和平台。当然，此类推箱子式游戏，可能对您说过于原始，我们完全可以使用其Puzzlescript库开发出属于自己的各种有趣的变体小游戏。

目前，在企业与客户（B2C）领域，无论是Web应用还是内部软件，通常可以被分为：发布、搜索、执行和对话四种类型。本文着眼于第五种类别：个人娱乐类。我将和您逐步探索一个开源式的HTML5益智游戏的开发过程和平台。