求教!animate cc导出的H5动画怎么能拆分成一屏一屏
lansechenji吧
全部回复
仅看楼主
level 6
孤影111 楼主
现在在animate中做了一个H5的动画文件(也就是新建文档时选了H5 canvas格式),不同画面之间只能人为在中间停止,然后通过按钮来跳转到下一个页面,实现画面切换的效果,但这样体验不太好。
怎么才能把在animate中做好的动画拆成像易企秀那样一屏一屏翻页的效果?
是要在animate做好动画导出后,在输出的js还是html文件中修改吗?
2018年04月10日 09点04分 1
level 13
不太明白你的描述
2018年04月11日 01点04分 2
level 13
是不是你说的是触摸滑屏换页面啊。
那么你AN里先写createjs.Touch.enable( stage );//开启触摸监听。
这样就开启了触摸。然后就是检测滑动的坐标。然后滑动一定距离后执行加载库中元件,同时删除上个元件。这样实现手机上来换画面的做法。
2018年04月11日 01点04分 3
您说的滑动一定距离后加载库中元件,同时删除上一个元件,这个动画是要自己写代码吗?animate已经做好的动画用不了吗?
2018年04月20日 07点04分
level 13
关于触摸你可以看下下边的文章和API。因为测试不方便,所以我这边没做这个
createjs.com/docs/easeljs/classes/Touch.html
createjs.com/docs/easeljs/classes/MouseEvent.html
lucentminds.com/archives/easeljs-touch-mouse-events.html
2018年04月11日 02点04分 4
level 13
是的是要写代码,AN是开发工具,不是傻瓜式操作工具,虽然任何人会软件操作都可以做出点什么,但是不管动画还是交互都需要强大的知识储备和懂流程才能做的好。
2018年04月20日 13点04分 5
只会动画和一点html代码(不是H5)要补哪些知识,才能做出来呢,求指点!
2018年04月23日 09点04分
@孤影111 不需要补什么,上边给你的网址的api看一下就好了,其实就是EaselJS的几行代码。EaselJS是JS的库,按JS方法写就成了。
2018年04月24日 00点04分
an canvas导出太慢或者就发不出来 怎么破?
2018年07月17日 10点07分
@梦支雅 超出限制体积或代码不规范造成堆栈.减小体积和使用标准的语言.一般会有英文提示导出过慢是停止还是继续选继续就可以导出,还一个方法就是命令里添加忽略限制代码,但是那样会导致文件出错也不会提示所以除非H5,JS和EJS非常好的人不推荐使用命令.
2018年10月19日 05点10分
level 2
麻烦问一下楼主,这个问题解决了吗?目前也在头疼。
2018年10月18日 06点10分 6
在ANimate吧也回你了.不过没写代码,这里我给你写下代码吧
2018年10月18日 08点10分
level 6
孤影111 楼主
对我来说太难了,我放弃了[黑线]
2018年10月18日 07点10分 7
level 13
试一试这个,舞台上建立2个影片剪辑,wt,wtl
this.stop()
createjs.Touch.enable(stage);
stage.mouseMoveOutside = true;
wtl = this.wtl
wt = this.wt
var ye=exportRoot.currentFrame
wt.on("pressmove", function(evt)
{
evt.currentTarget.y = evt.stageY / stage.scaleY
stage.update();
});
wt.on("pressup", function(evt)
{if(wt.y<300){exportRoot.gotoAndStop(ye-1);}
if(wt.y>400){exportRoot.gotoAndStop(ye+1);}
wt.y=wtl.y
});
2018年10月18日 09点10分 8
level 2
今天才看到,麻烦你了,虽然改了方案,但我还是一会去试试,
另外现在又遇到了一个新的问题,我做好的H5,部署在本地服务器上,用iphone打开,是黑屏,素材包整体大小是2MB,里面最大的PNG是240KB,请问导致黑屏的可能是什么原因呢?
2018年10月19日 03点10分 10
体积大是一方面,但是具体是载入时间长还是无法播放,要是本地播放,你需要下载JS文件放HTML一起,记事本打开HTML,找到MIN点js的地址给单独下载下,然后AN里全局里添加这个JS,这样就可以本地播放了
2018年10月19日 05点10分
对了还有,google和苹果的是有限制的,不能使用嵌入JS和JQ,在发布设置里看下是否选了HTML中嵌入JS的命令把这个取消.还一个所有文本形式要动态文本,就算单独的文字也不要用静态文本
2018年10月19日 05点10分
不过建议使用EaselJS的PreloadJS进行先预加载,全加载完后再播放.PreloadJS的资料在http://www.createjs.cc/src/docs/preloadjs/modules/PreloadJS.html
2018年10月19日 05点10分
具体的问题已经解决了,实际导致的原因是AN这个软件对全局适配的BUG 我手动更改了适配代码,一切正常,完美运行。
2018年10月19日 10点10分
1