javascript - canvas:创建类似游戏的爆炸星星效果以实现游戏化目的

标签 javascript canvas html5-canvas

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

这可以用 HTML5 Canvas 来完成吗? 我们应该使用闪光灯吗? 有什么想法如何开始吗?

最佳答案

到目前为止,Flash 可以在视觉上完成的几乎所有操作都可以通过现代浏览器上的 HTML5 Canvas 完成。

对于“星爆”视觉效果,听起来像是创建一个随机对象数组,每次 Canvas 更新时这些对象都会以随机预设方向移动。

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

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

关于javascript - canvas:创建类似游戏的爆炸星星效果以实现游戏化目的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13670654/

相关文章:

javascript - react 18 : how to force synchronous rendering?

javascript - jquery Ajax 不发送 JSON 数据

javascript - 移至顶部功能在 kineticJs 中不起作用

javascript - 获取矩形的旋转中心

javascript - 使用 Fabricjs 时如何在调整 Canvas 元素大小时防止内容缩放

javascript - 在调用重新加载之前传递参数 $state Angular

javascript - insertRow() 不适用于 FOR 循环

javascript - Svg vs Canvas 和圆形对象的渲染时间

html5 - Canvas 元素 - 多层

html - CSS Canvas 路径的交叉部分似乎颜色不正确。