javascript - Canvas :为游戏化目的创建类似游戏的爆炸星效果

Question

从 Web 开发的 Backbone 方面出发，我们正在努力寻找一种解决方案，以解决向我们的任务管理 Web 应用程序添加视觉和声音效果的请求。对于初学者 - 我们正在寻找一种方法来创建您在游戏中看到的爆炸星光效果。

这可以用 HTML5 canvas 完成吗？我们应该使用闪光灯吗？有什么想法可以开始吗？

Answer 1

现在，几乎所有 Flash 可以在视觉上做的事情都可以通过现代浏览器上的 HTML5 Canvas 来完成。

对于“星爆”视觉效果，创建随机对象阵列听起来很简单，每次 Canvas 更新时这些对象都会沿随机预设方向移动。

示例:http://jsfiddle.net/amDAW/ (点击 Canvas 创建星爆)

至于声音，这不是在 Canvas 中处理的，而是在 Audio 标签或相当新的 WebAudio API 中处理的。如果您选择前者(更多浏览器支持)，您最关心的是资源预加载，但有一些帮助程序库可以将其抽象化(无耻广告:https://github.com/jsweeneydev/ResourceLoader)。