前端开发,技术培训,动效研究,求职信息

逐帧动画在FLASH中是很好实现的。但在HTML世界中，并没有一个很正统的方法。前两天看scrollmagic的示例文件，意外发现他用tweenMax实现的一个逐帧动画，把代码提炼出来做了以下这个DEMO：

 http://blog.258754.cn/2015/test_frame/

知道了这个思路，那么就可以用其它的方法，比如setinterval等函数来实现了。

用timelineMax之类的强大工具，更可以实现各种播放控制，比如正反放、快进等。还可以用来做那种“拖动控制轴来转动物体”等控制动画。

---总之，只要能实现“时间线与图像”的结合，接下来如何控制时间线，就是tween类框架的强项了。

谢谢谢佳浩同学用css的方式实现了这个效果，使逐帧的方式更加丰富，主要代码如下。

点评：js优势是可以自由控制时间线，比如各种播放控制、事件响应等。css方式优点是渲染快，简便，css定义方便。

原来要在手机上测试刚做好的页面，都是丢到服务器上去，然后用网址访问。改一次就要传一次，效率低下。

 今天跟牛人学了一小手，直接把本地电脑定义为服务器，使用node.js。总之结果就是，操作很傻瓜（几分钟搞定），要访问的网页想定在哪个目录都可以。具体操作方法见下文：http://www.cnblogs.com/wangfupeng1988/p/4143996.html

Node.js下载地址：https://nodejs.org/#download

-------------------------------------------

然后手机接入局域网wifi，用浏览器，用IP地址访问电脑IP地址即可，比如：http://172.16.6.218:8081/demo.html