使用 CreateJS 和 Canvas Boilerplate 创建 HTML5 游戏

Posted 2023-03-05

【中文标题】使用 CreateJS 和 Canvas Boilerplate 创建 HTML5 游戏

【英文标题】：Create HTML5 game using CreateJS and Canvas Boilerplate

【发布时间】：2013-09-14 21:27:38

【问题描述】：

我几乎已经下定决心使用CreateJS 来创建一个html5 游戏，但我也遇到了H5CGB，这是一个专门为创建HTML5 画布游戏而创建的样板。它看起来非常彻底，我相信开发人员说这样可以节省我编写代码的大量时间，而我无论如何都必须编写代码。

但是，查看 CreateJS 和 H5CGB 的教程，它们似乎有很大的冲突，至少在这些特定教程如何实现各自的工具方面：

http://hub.tutsplus.com/tutorials/learn-createjs-by-building-an-html5-pong-game--active-11845 http://icecreamyou.github.io/HTML5-Canvas-Game-Boilerplate/docs/#!/guide/walkthrough

我基本上只是想了解如何集成这两个系统。例如，两者都带有自己的预加载器实用程序，所以我不确定使用哪个以及它们是否会导致问题，或者它是否只是冗余导致不必要地延长加载时间。

有没有人有过同时使用这两种工具的经验？

【参考方案1】：

我相信你应该只坚持使用 createJS，因为这两个框架确实有很多重叠的功能。两者都用是没有意义的。

我认为您还应该查看其他特定于游戏的框架，例如 Crafty.js，并可能观看 Google I/O Canvas 以了解您的全部选择范围！

狡猾 http://craftyjs.com/

谷歌 I/O http://blog.sethladd.com/2011/05/source-code-slides-and-video-for-html5.html

希望这会有所帮助，祝您学习画布好运！ 沙洛姆

【讨论】：

听起来很合理。附带问题；使用 jQuery 是不是有点矫枉过正，还是使用原生 javascript 会提高性能？我只是更习惯于使用 jQuery。

这取决于，如果您在网站的其余部分使用 jQuery，比如说用于 ajaxing 的东西，动画 DOM 元素我会说肯定保留它。习惯原生 JavaScript 是很有用的，但我认为对于小型应用程序来说性能不应该是值得担心的事情。

【参考方案2】：

我创建了 H5CGB。 （今天刚通过新发布的 Github 流量统计发现了这个问题。）

使用 H5CGB 的最大两个原因是：

您无需学习任何新的 API 即可开始开发。 H5CGB 提供了一堆脚手架，您可以使用这些脚手架来跳过无聊的东西，但如果您想实现任何部分，您也不会遇到麻烦您自己的应用程序，您可能只需编辑 main.js 就可以立即开始，甚至无需阅读文档。 代码库旨在成为样板，因此您可以使用 H5CGB 提供的所有实用程序和脚手架作为起点，如果您希望以不同的方式工作，可以对其进行编辑。

这与大多数其他画布库形成鲜明对比，后者往往是单一的黑盒子，没有接触，API 文档很少。