画布：为游戏化目的创建类似游戏的爆炸星星效果答案

【问题标题】：canvas: create a game-like exploding stars effect for gamification purposes画布：为游戏化目的创建类似游戏的爆炸星星效果
【发布时间】：2012-12-03 00:03:55
【问题描述】：

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

这可以用 HTML5 画布完成吗？我们应该使用闪光灯吗？任何想法如何开始？

【问题讨论】：

标签： javascript canvas html5-canvas

【解决方案1】：

到目前为止，Flash 可以在视觉上做的任何事情都可以通过现代浏览器上的 HTML5 画布来完成。

对于“星爆”视觉效果，这听起来很简单，只需创建一个随机对象数组，每次画布更新时，这些对象都会沿随机预设方向移动。

示例：http://jsfiddle.net/amDAW/（点击画布创建星爆）

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

【讨论】：

将click 事件更改为mousemove。这很棒！ jsfiddle.net/amDAW/1
@JeffreySweeney 哦，哇，谢谢，这正是我想要的效果。