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

预览
http://www.etherdream.com/funnyscript/WarIcon/WarIcon.html


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

249 个解决方案

#1

不错哦

#2

很不错哦

#3

用gif动画。。。。

#4

崇拜一下

#5

JS雷达的思路应用上去。不知道可否！

#6

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

#7

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

#8

这个效果好啊，呵呵。支持一下。有思路了求分享啊。

#9

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

#10

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

#11

效果还行

#12

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

#13

该回复于2010-08-19 10:08:22被版主删除

#14

太好了  呵呵~~

#15

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

#16

用canvas就很简单了……

#17

很不错

#18

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

#19

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

#20

这效果不错！收藏

#21

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

#22

该回复于2010-08-19 16:40:17被版主删除

#23

膜拜。

#24

膜拜。

#25

用jQuery动画试试

#26

挺好的

#27

#28

路过，学习学习

#29

想了2天 没有思路

#30

膜拜
牛

#31

很不错 学习了

#32

 崇拜 崇拜 崇拜

#33

强大哦

#34

强大，学习

#35

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

#36

854654646516516516516516161

#37

赞一个！

#38

321321321313132

#39

牛逼啊

#40

效果不错。

#41

很不错哦

#42

GIF 图片，再设定图层的半透明。。。
或者干脆不要背景，就一张做好效果的 GIF
或者flash 实现



个人觉得渲染的事情就不要交给 js 干了。。。

代码量大是一回事，问题是，页面复杂起来后，可以卡卡的。。。

#43

这个太强大了！！！！

#44

用三角函数？

#45

2个图片啊~~叠加显示啊

#46

好吧..我很无聊...晚上也跟着用FLASH折腾这个..
http://btbtd.org/topic/flash/DrawRectCircle/Main.html

写这东西其实不好控制的是时间.....
比如给你1秒..你要跑完他..
这在FLASH很不好控制.....被帧率限制住了..

#47

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

#48

不错啊

#49

good thing

#50

我擦咧~~~牛X+NEW(bi)