请选择 进入手机版 | 继续访问电脑版
查看: 3864|回复: 12

[基础教程] LayaFlash方案用Flash builder开发Html5游戏——入门篇

[复制链接]
最佳答案
0 
麋鹿了 发表于 2015-6-3 16:48:31 | 显示全部楼层 |阅读模式
本帖最后由 麋鹿了 于 2015-6-8 11:00 编辑

一、环境安装
1 安装layaflash.exe

下载地址:
http://www.layabox.com/

默认安装路径是:C:\Program Files\LayaBox\LayaFlash
Laya.swc路径:C:\Program Files\LayaBox\LayaFlash\Laya\swcs\Laya.swc
1.png

2 配置浏览器调试环境


下载并安装谷歌(chrome)浏览器 http://61.240.129.43/softdl.360t ... le_43.0.2357.65.exe


二、Flash builder 快速编译H5配置


把运行快捷方式加入到工具栏,会极大地方便操作,这需要配置外部工具,如下图所示:
2.png
16.png
步骤说明:
第一步:选中程序,新建配置
第二步:输入配置名称Laya-PublishH5
第三步:输入C:\Program Files\LayaBox\LayaFlash\Laya\laya.js.exe
其中C:\Program Files\LayaBox\LayaFlash需要替换为LayaFlash的安装路径。
第四步:输入自变量
"${project_loc}\.actionScriptProperties"
第五步:点击“应用”按钮。
4.png
5.png
6.png

完成上述配置后,只需选中项目在工具栏上点击“laya-PublishH5”,即可调用转换工具执行转换操作。

三、新建项目并编译H5



1.打开Flash builder新建ActionScript 项目HelloLayaFlash


新建ActionScript项目HelloLayaFlash,并将Laya.swc加入库里。
7.png

HelloLayaFlash.as代码如下:
  1. package
  2. {
  3.     import flash.display.Sprite;
  4.     import flash.events.Event;
  5.     import flash.text.TextField;
  6.     import flash.text.TextFormat;
  7.    
  8.     [SWF(width='600',height='600',frameRate='60',backgroundColor='#ffffff')]
  9.     public class HelloLayaFlash extends Sprite
  10.     {      
  11.         public function HelloLayaFlash ()
  12.         {
  13.             IFlash.setSize(600,600);// 设置舞台宽高
  14.             IFlash.setBgcolor("#ffffff");   //设置舞台背景颜色,默认 #000000
  15.             IFlash.setOrientationEx(1);//设置手机横竖屏显示,默认横屏 @param value 0 竖屏 1 横屏
  16.             IFlash.showInfo(true);//设置是否显示FPS信息,默认true 显示   
  17.            
  18.             if (stage) init();
  19.             else addEventListener(Event.ADDED_TO_STAGE, init);
  20.         }      
  21.         private function init(e:Event = null):void
  22.         {
  23.             removeEventListener(Event.ADDED_TO_STAGE, init);   
  24.             var textFormat:TextFormat = new TextFormat();
  25.             textFormat.color = 0xFF0000;
  26.             textFormat.size = 80;
  27.             textFormat.font = "Arial";
  28.             var textField:TextField = new TextField();
  29.             textField.defaultTextFormat = textFormat;
  30.             textField.text = "Hello LayaFlash";
  31.             textField.width = textField.textWidth;
  32.             textField.height = textField.textHeight;
  33.             textField.x = (stage.stageWidth - textField.width)/2;
  34.             textField.y = (stage.stageHeight - textField.height)/2;
  35.             this.addChild(textField);         
  36.             trace("Hello LayaFlash");         
  37.         }      
  38.     }  
  39. }
复制代码
2.用Flash builder调试项目查看效果

25.png

3.编译H5


选中项目在工具栏上点击“Laya-PublishH5”

9.png

执行此操作后会在 项目输出目录/h5 文件下生成文件hellolayaflash.max.html、hellolayaflash.max.js


4.用Chrome调试查看效果

用Chrome打开生成的h5文件:hellolayaflash.max.html 效果如下图所示:

10.png

Demo下载地址:
http://www.layabox.com/download/demos/FlashBuilder.rar



官网地址:www.layabox.com
微信公众号:layaBox
Layabox开发者群:330223972
最佳答案
0 
yin19851213 发表于 2016-10-21 19:57:31 | 显示全部楼层
很好 很不错呢 谢谢大神
最佳答案
0 
凉薄少年 发表于 2016-11-4 23:14:04 | 显示全部楼层
好好好好好好好好好好 好好好好好好好h
最佳答案
0 
qkhhxkj102 发表于 2016-11-5 10:19:26 | 显示全部楼层
看上去很不错的样子 留个位子谢谢了
最佳答案
0 
sinck 发表于 2016-11-5 18:59:13 | 显示全部楼层
666666666666666666666666666
最佳答案
0 
keke00 发表于 2016-12-22 23:15:03 | 显示全部楼层
打击我快下课IE8洗涤is就到哪对吧相机
最佳答案
0 
keke00 发表于 2016-12-22 23:15:16 | 显示全部楼层
羡慕我开心第二相机诶死裤袜i死惊喜就打击Wii打击手机点击打击丝袜
最佳答案
0 
keke00 发表于 2016-12-22 23:15:41 | 显示全部楼层
范加尔句小姐诶,i爹叫撒经济手机手机点击额
最佳答案
0 
1213739745 发表于 2016-12-29 21:35:03 | 显示全部楼层
不错咔咔咔看
最佳答案
0 
shamardf 发表于 2017-2-2 18:09:55 | 显示全部楼层
3333333333333333333331111
您需要登录后才可以回帖 登录 | 注册

本版积分规则

推荐阅读 More>

© 2001-2015 9秒社团

合作伙伴

公司简介 | 联系方式
COPYRIGHT©2015 ZHONGQINGLONGTU NETWORK CO.LTD ALL RIGHTS RESERVED.ICP备11023195号-4
北京中清龙图网络技术有限公司
返回顶部 返回列表