Tag: Vector预览模式: 普通 | 列表

[Javascript][Vector类]旋转效果(二)

这个旋转效果是我在看到一个FLASH后想到用Javascript来实现下,于是便有了这个效果,通过鼠标来移动来旋转圆环,旋转的方向与鼠标移动的方向相反。相较于Flash,我这个JS版的效果与效率都大打折扣,纯粹是我想看看能否通过Vector类来完成这些东西罢了。

旋转效果(二)与旋转效果(一)相比,有好几个相同的方法,可以通过Mootools.js里Class类的extend或者implement方法来消除重复的代码编写,我这里偷懒,写成了两个独立的类。

旋转效果示例

查看更多...

Tags: Javascript Mootools Vector

分类:代码编程 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 568

[Javascript][Vector类]旋转效果(一)

Vector类和Vector3D类是我去年在看了Robert Penner的书《Flash MX编程与创意实现》之后用Javascript写了一遍。

虽然这书很旧,讲解的Flash版本也早已过时,但是书里的内容却从未过时,在Robert的著作里,他揭示了视觉效果与代码之间的联系。Robert是我非常敬佩的一位程序开发人员,他对Flash的影响也可谓是深远的,他所研究出来的缓动公式(ease)可以说影响了一大批JS和AS开发人员,目前市面上所能见到的AS/JS运动公式(Tweener),大部分都是以此为基础扩展和深入而来。Flash内置的Tweener也是基于他所开发的类而完成,虽然时至今天,已经有了不少效率更好的Tween类,但Robert对Flash的贡献是意义重大的,后来他也曾一度加入Adobe公司进行Flash软件开发。

我用Vector和Vector3D类写了几个Javascript动态效果,不过感觉用JS实现,执行效率仍然是不高,但是前两天又把原来写的东西翻了出来,整理了下,也算是一个总结。

查看更多...

Tags: Javascript Mootools Vector

分类:代码编程 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 849