【原】向html5进军(5)——用flash和wallaby+制作html5动画 第四章

第四章 使用wallaby

首先请确认你的fla文件是由flashProfessinal CS5或以上版本的工具制作的。

Wallaby使用方法很简单,浏览browse,然后转换convert。

(yukon12345:使用方法我在第二章已经翻译过了,不知道这本书为何又要重复写一次。)


转换完毕后会出现下列文件如图4-2

图4-2

我们在下一章会讲如何使用这些文件以便在你的网站上使用,不过现在先说说每个文件的作用。

jquery-1.4.2.js

JQuery是一个用来支持创建动画的 JavaScript库。被动画主文件引用

marquis_assets

这个文件包含了动画所需的物件。格式是SVG。

marquis.css

这个文件包含了动画用的CSS

marquis.html

这是包含了HTML标签的动画主文件。具体名字由你确定。

marquis.js

所有的动画控制js代码都在这个文件里

marquis.log

这是一个日志文件包含了转换文件时的一些提示信息。

属性 Preference

Wallaby工具还有个preference按钮,按下出现2选项。如图4-3

图4-3

选中第一项Preview in Default Browser会在转换后用你系统默认浏览器打开。

选中第二项Enable Logging将会把转化过程记录进日志文件。这非常有用。如果有转化错误,就会详细记录。如图4-4

图4-4

状态 Status

在转换的过程中,状态区域会告诉你什么时候转换开始了或结束。如果有错误,也会翻译出来。

错误和警告Errors and Warnings

转换时的错误和警告都会输出在这个区域。主要依据它告诉你的动画那些特性不被支持。如果有错误就不能被转化,如果是警告仍然能被输出。一些警告可以忽视它,但请注意检查确认你的动画有预期的效果。

比如,如果我把线条设置成阴影样式,我将会受到到一个关于特殊线条样式不被支持的警告(如图4-5)

如果这个线条样式在你的动画设计里很重要,我就必须改成能够被支持的转化效果。

图4-5

Wallaby使用很简单。如果你时时注意支持的flash动画特性,就能制作出完好的HTML5动画。

下一章我们将学习如何把动画放到你的网站上运行或与你的其他内容结合。

阅读更多
想对作者说点什么? 我来说一句

HTML5--风车动画案例

Document

qq_26870933 qq_26870933

2017-12-07 20:25:33

阅读数:240

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭