【分享】魔兽技能冷却效果（希望能有更好的思路）

Question

预览
http://www.etherdream.com/funnyscript/WarIcon/WarIcon.html
效果很简单，但是用JS很难做。这里采用的是线条逐行扫描的方法，虽然可以实现效果，但是代码量不少。大家发挥想象力，相信肯定有更好的实现方法！

Answer 1

lS有JS雷达效果的例子吗。或者是类似扇形的也可以参考下。

Answer 2

不好意思，JS雷达效果我见过IE下用VML画的，不过那个方法只适合IE。其他浏览器不行！

Answer 3

http://www.etherdream.com/funnyscript/WarIcon/WarIcon.html
可以打开？

Answer 4

我认为把CD的阴影做个半透明的GIF最方便了 = =.

Answer 5

楼主的效果还不错。
做成GIF动画效果也还蛮方便的，不过GIF不支持半透明。

Answer 6

刚开始看svg，不知道用svg可行否，看svg example都很无敌， 不知道在那个冰环图标上再罩一层svg行不
http://raphaeljs.com/index.html

Answer 7

看代码确实挺多300多行
如楼上试试gif图片

Answer 8

用GIF肯定是行不通的，因为需要非常多的帧，否则会不流畅。
用矢量图形倒是可以考虑的，不过最好能够浏览器兼容

Answer 9

用gif不好扩展，如果想加快或减慢cd速度呢？

Answer 10

运行太卡..
其实最简单应该是用 FLASH 做一个一百帧的动画...

Answer 11

GIF 图片，再设定图层的半透明
或者干脆不要背景，就一张做好效果的 GIF
或者flash 实现个人觉得渲染的事情就不要交给 js 干了代码量大是一回事，问题是，页面复杂起来后，可以卡卡的

Answer 12

好吧..我很无聊...晚上也跟着用FLASH折腾这个..
http://btbtd.org/topic/flash/DrawRectCircle/Main.html写这东西其实不好控制的是时间.....
比如给你1秒..你要跑完他..
这在FLASH很不好控制.....被帧率限制住了..

Answer 13

js+css版本
http://topic.csdn.net/u/20100823/03/4207e7e4-f3d5-4512-84bd-b1f6fbfc3897.html?60490

Answer 14

我觉得这种东西用FLASH做可能会更方便点

Answer 15

用gif作为click，或者keyup输出的图片，但是纯用css占的内存少，但是对于浏览器是一个考研