如何用Adobe Edge做一个最简单的HTML5动画

如何用Adobe Edge做一个最简单的HTML5动画,第1张

1、首先在如图位置,用鼠标右击。点击新建合成组。

2、在d出的面板中,设置下面的持续时间为三秒,点击确定。

3、然后在下面的面板中,鼠标右击,点击新建,选择固态层。

4、在d出的固态层设置中,设置宽高为200px,选择颜色为黄色,点击确定。

5、下面我们已经建了一个固态层,点击键盘上的p键,调出位置功能。

6、点击位置前面的秒表。

7、然后拖动时间轴,在拖动上面的黄色方块。

8、这样一个简单的动画就做好了,点击右上角预览控制台中的播放按钮,就可以看见一个运动的黄色方块了。

是一个警告,脚本没有错误也会出现,只是提醒开发者:html5 canvas中,时间轴编号是从0开始。而在swf中,时间轴编号是从1开始。如:你在html5 canvas中,执行this.gotoAndStop(5),实际停在时间线的第4帧上,而在swf中,则停在时间线的第5帧上。

Sublime Text

Sublime Text界面优美、功能强悍、性能优越,它并不是IDE(集成开发环境),而是一个单纯的文本编辑工具,但其代码高亮显示、语法提示、自动完成且反应快速,还有各种丰富插件的支持,使得文本编辑过程非常规范且快速高效。同时,Sublime Text支持Windows、Linux、Mac OS X等 *** 作系统。

Sublime Text更多功能介绍:https://www.h5course.com/plus/search.php?q=sublime

WebStorm

WebStorm的牛逼之处在于商家在不断的更新版本。WebStorm在JavaScript开发中,被誉为Web开发神器。

WebStorm集成了ZenCoding、HTML5、ftp、即时编辑(Chrome)、自动完成、基于Mozilla的JavaScript调试器、JSLint、Less支持、CoffeeScript支持、Node.js等特性。

Atom

Atom 是GitHub专门为程序员推出的一个跨平台文本编辑器,具有简洁和直观的图形用户界面,并有很多有趣的特点:支持HTML、CSS,JavaScript等编程语言。它还支持宏,自动完成分屏等功能,集成了文件管理器。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6126855.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存