用CSS3来画魔方_网站前端开发_前端开发者

网站前端开发_前端开发者css

https://www.rokub.com

html 代码

用到的技术
1.基本3d变换
终于熟悉了3d旋转方向规则,左手定则!

2.动画
keyframe是样式规则。
如果里面有变量怎么办呢?
js动态生成样式的问题。

3.魔方知识
实现原理,正如那篇文章里说的那样。其实元素并没有动,只是换了颜色。

4.认识到了前端动画技术有待发展啊
谁做谁知道啊,太局限了。
比如,animation熟悉设置forwards可以保持动画最终效果,但是并没有提供新的位置信息。

5.代码风格稍微简单一些
用了策略模式和模板,没怎么封装,只是为了实现效果去的。

6.有待完善的地方
没有搞事件队列、
代码有待优化、肯定有优化的算法,
当时只想实现3阶魔方来的。

貌似终于可以好好睡觉了,
最近72小时里,只睡了12小时,实在睡不着。我已经入魔,大脑不转时就拿手比划。
期间除了吃饭和重温一下《阿凡达》之外,其余都在研究这个东西,5%的时间写代码,各种调试。艾玛~~
其实有时一些事情,你做完之后,会觉得这么简单的方式,怎么没有一开始咋就没想到呢!
个人觉得魔方这个东西可以作为你的一个小练习。

我现在在想,能把这个东西做成教学视频那就好了。
最后来句,
纸上得来终觉浅,绝知此事要躬行。

本文完。

网站前端开发_前端开发者css

https://www.rokub.com

» 本文来自:前端开发者 » 《用CSS3来画魔方_网站前端开发_前端开发者》
» 本文链接地址:https://www.rokub.com/2491.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!