canvas:为游戏化目的创造类似游戏的爆炸星形效果

时间:2012-12-02 15:23:44

标签: javascript canvas html5-canvas

来自Web开发的主干方面,我们正在尝试为我们的任务管理Web应用程序添加视觉和声音效果的请求找到解决方案。 对于初学者 - 我们正在寻找一种方法来创建像你在游戏中看到的爆炸式星星效果。

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

1 个答案:

答案 0 :(得分:5)

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

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

示例:http://jsfiddle.net/amDAW/(单击画布创建星暴)

对于声音,这不是在画布中处理,而是Audio标记或相当新的WebAudio API。如果你选择前者(更多的浏览器支持),你最关心的是资源预加载,但有一些帮助库可以抽象出来(无耻的广告:https://github.com/jsweeneydev/ResourceLoader)。