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

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等编程语言。它还支持宏，自动完成分屏等功能，集成了文件管理器。

---