HTML5:Flash2x介绍、安装教程

一、介绍

1.什么是Flash2x

将动画效果直接转换出来,给其他一些视觉的项目中使用,最常见的转换,变成H5页面,它是Flash制作成Html5的最好用的工具,没有之一,是Flash动画制作软件的“扩展插件”。比如:营销类H5、轻量小游戏(重度游戏另论)等等,相当有效率,资源加载,打包发布等都很方便

2.Flash2x特点

  1. Flash2x需要配合anniejs
  2. 国内唯一一款主打H5交互式引擎的Flash插件,支持JS,TS双语言开发
  3. 与Adobe Flash 软件高度融合,支持Flash cs6 及以上版本
  4. 支持Ant,gulp两种构建工具,一键打包压缩资源和源文件,简单高效
  5. 引擎源码库不到70k,包罗全部交互用到的核心功能,短小精悍
  6. 动画效果制作简单炫酷,随时预览,运行流畅
  7. 成熟的CSS+Div组件直接结合使用,不需要再重新开发
  8. 学习门槛低,只要会基础的js或者ts,很快就能上手

二、Flash2x安装

1.http://web.flash2x.org/官网,下载安装包

HTML5:Flash2x介绍、安装教程

2.进行安装,我这边用的Animate cc2018,我们选择win版本、mac是苹果版本

HTML5:Flash2x介绍、安装教程

3.弹出这个界面的话,是因为你IE浏览器不能上网,要在IE能上网的前提下进行安装

HTML5:Flash2x介绍、安装教程

4.选择安装目录

HTML5:Flash2x介绍、安装教程

HTML5:Flash2x介绍、安装教程

5.在An cc或Flash软件中打开,可以看到扩展的

HTML5:Flash2x介绍、安装教程

6.打开,注册

HTML5:Flash2x介绍、安装教程

7.注册后点击确定,登录成功

HTML5:Flash2x介绍、安装教程

8.随便制作一个东西,在webstom中发布

HTML5:Flash2x介绍、安装教程

如果有报错,就是你安装的路径有问题,不是在C盘

HTML5:Flash2x介绍、安装教程

9.成功发布后是这样的

没有报错,并且有你的动画内容

HTML5:Flash2x介绍、安装教程

HTML5:Flash2x介绍、安装教程

这样就成功完成安装了!