当前位置:Gxlcms >
html代码 >
这个canvas做出来的交互效果具体是怎么实现的?有什么工具有助于做这类开发吗?
这个canvas做出来的交互效果具体是怎么实现的?有什么工具有助于做这类开发吗?
时间:2021-07-01 10:21:17
帮助过:11人阅读
九步之遥
回复内容:
一开始怀疑是拿adobe的工具做的再到处,就从xml加载资源这种作风就很有actionscript的范。
不过从源码的蛛丝马迹来看,更像是自主开发的工具,我是不相信adobe的工具能导出用requirejs组织的代码的。
很可能是一枚在广告行业摸爬滚打多年的actionscript程序员转战html5,于是把不少以前用到过的工具做了移植。
从网络加载来看,帧动画都是一张张的jpg,可能是用AfterEffects做好导出的。
steps9是主模块,依赖于render_engine, mat4, vec2,这些。用来做一些视图以及向量的绘制和管理(也是google了才知道)。
很容易八卦到制作方是这家 W 上海_企业_数字媒体及职业招聘社交平台 看他们的其他作品基本也是同样的技术架构(比如最近很火的 我们之间就一个字)。做一套框架和工具集可以用来持续产出创意作品还是很值的。
Try Adobe Edge Animate
其实可以尝试用cocos2d尝试做一个小游戏,无所谓html5还是oc还是java,都可以帮助你很好的理解各种layer,scene,director,sprite等,那样,你就会更好的理解canvas的开发。
以点带面吧。
canvas有非常多的as3.0移植库,做这东西lufylegends.js就可以。1.4版本也才2000行代码的样子。还可以用Flash To canvas的转换工具,印象中前面淘宝双十一有实践。