flash 转换成html5,文档 - FlashReturn.com，转换flash到支持html5的网页上 - 闪归

开发入门

您可以直接使用 Flash 内置的 AS3 语言进行开发，还可以使用 TS/JS 语言开发：

使用 AS3 语言，您仅需要 FlashCS / FlashCC / AnimateCC 并安装我们提供的插件即可完成全部的开发工作。

使用 TS/JS 语言进行开发，则您可以使用 Flash 创建HTML5中使用的各种资源，并在 TS/JS 编辑器中直接调用。

使用AS3开发

Hello World !

一、安装 FlashCS / FlashCC / AnimateCC

三、运行 FlashCS / FlashCC / AnimateCC 并选择菜单 "文件 > 新建 > Actionscript 3.0"

四、选中工具栏的 文本工具：

五、在舞台上画出一个文本框：

六、在属性栏中将其名称设置为 "mytf" 其它设置如图：

七、按快捷键 "F9" 或点击菜单 "窗口 > 动作" 打开动作面板，编写如下AS3代码：

import flash.text.TextField;

var mytf:TextField = this.mytf;

mytf.text="Hello World！";

八、按快捷键 "Ctrl + Enter" 或点击菜单 "控制 > 测试" 预览效果

九、输出为 HTML5 版本：

如果您使用的是 FlashCS 系列请选择菜单： "窗口>其它面板>闪归Flash转HTML5" 打开操作面板，并点击"启动转换"按钮。

如果您使用的是 FlashCC / Animate CC 系列 请选择菜单： "窗口>扩展>闪归Flash转HTML5" 打开操作面板，并点击"启动转换"按钮。

十、查看并下载 HTML5 版本：

输出完成后会自动打开您的浏览器进入到结果页面，您可以在此页面的下方点击按钮 "提交评价并下载转换结果" 获取转换后的 HTML5 文件。

事实上使用 AS3 这种方式的开发过程和您开发普通的 Flash 是完全一样的。唯一的区别就是多了一步打开 "闪归Flash转HTML5 操作面板"，并点击"启动转换"按钮。

使用 Typescript/Javascript 开发

除 AS3 之外，您还可以使用 Typescript 或 Javascript 进行开发。推荐您使用 Typescript ，

因为它提供了强类型及代码提示功能，同时我们也提供有类库的 d.ts 文件，方便您开发。

下面的示例均使用 Typescript 。

纯代码的 Hello World !

一、安装一个 TS 编辑器(如 Visual Studio Code)，并新建一个名为 test.ts 的 TS 文件。

三、在 test.ts 中编写如下代码并保存，此 test.ts 文件将会产生一个同名的js文件：

///

_$ES.start(550/*宽*/,400/*高*/,30/*帧频*/,"rgba(255,255,255,1)"/*背景颜色*/,

//准备好后会执行这个函数

function(appInfo:_$ES.AppInfo){

//创建一个TextField实例

var tf:_$AS.flash.text.TextField = new _$AS.flash.text.TextField();

//设置默认的格式为 宋体、64字号、红色

tf.defaultTextFormat = new _$AS.flash.text.TextFormat("宋体",64,0xff0000);

tf.x = 60;

tf.y = 120;

tf.width=450;

tf.height=75;

tf.text="Hello World!";

//获取当前的舞台引用

var stage:_$AS.flash.display.Stage = appInfo.player.stage;

//添加到舞台上

stage.addChild(tf);

});

请您注意：所有的原 AS3 类库都在 _$AS 包下。如 flash.display.Sprite 在 _$AS.flash.display.Sprite 下。

四、在 test.ts 的同目录下创建一个 test.html 文件，并编写如下内容：