淘宝小程序游戏迁移Laya引擎
1. 目录结构
- bin —— 当前项目的输出文件
- laya —— 存放UI项目
- assets —— 图片,音频资源目录
- pages —— .scene 场景文件 key-value 格式
- libs —— 项目库目录
- release —— 发布目录
- src —— 源代码目录
- Main.ts —— 项目入口
- GameConfig.ts —— 引擎配置
- script —— 游戏控制脚本目录
2. 接入淘宝小程序
步骤:
- 下载LayaAir IDE
- 发布时选择“淘宝创意互动”
- 用淘宝小程序IDE打开
3. 分步分解开发流程
3.1 Laya引擎运行过程
- 项目入口Main.ts,初始化引擎
- 加载scene
- 生成节点树
- 实例化节点组件,挂载脚本
- 调用各种脚本方法
3.2 开发流程
- 配置引擎
- 新建场景
- 往场景中添加节点
- 新建控制脚本
- 节点挂载控制脚本
3.3 新建场景的方式
- 用IDE的方式
点击编辑模式 => 右键点击Scenes => 新建 => 页面/场景
- 代码方式
a:在laya/pages目录下,编写.scene文件
b:参考API文档 Laya.display.Scene,在Main.ts中加入Scene类实例
3.4 添加节点
- 用IDE的方式
进入编辑模式,直接将左侧的节点模板拖入scene中,这种方式适合添加静态节点,添加的节点会写在laya/pages目录下,你添加节点的那个scene文件里面- 代码方式
a:在控制脚本中,用addChild( )添加
Laya.stage.addChild(new Laya.Sprite());
b:在laya/page