淘宝小程序游戏迁移Laya引擎

本文详细介绍了如何将淘宝小程序游戏迁移至Laya引擎,包括项目目录结构、接入淘宝小程序的步骤、以及分步分解的开发流程,如场景创建、节点添加、控制脚本的编写和挂载等。
摘要由CSDN通过智能技术生成

淘宝小程序游戏迁移Laya引擎

1. 目录结构

  • bin —— 当前项目的输出文件
  • laya —— 存放UI项目
    • assets —— 图片,音频资源目录
    • pages —— .scene 场景文件 key-value 格式
  • libs —— 项目库目录
  • release —— 发布目录
  • src —— 源代码目录
    • Main.ts —— 项目入口
    • GameConfig.ts —— 引擎配置
    • script —— 游戏控制脚本目录

2. 接入淘宝小程序

淘宝官方文档:接入LayaAir引擎

步骤:

  1. 下载LayaAir IDE
  2. 发布时选择“淘宝创意互动”
  3. 用淘宝小程序IDE打开

3. 分步分解开发流程

官方文档

3.1 Laya引擎运行过程

  1. 项目入口Main.ts,初始化引擎
  2. 加载scene
  3. 生成节点树
  4. 实例化节点组件,挂载脚本
  5. 调用各种脚本方法

3.2 开发流程

  1. 配置引擎
  2. 新建场景
  3. 往场景中添加节点
  4. 新建控制脚本
  5. 节点挂载控制脚本

3.3 新建场景的方式

  1. 用IDE的方式
    点击编辑模式 => 右键点击Scenes => 新建 => 页面/场景
    在这里插入图片描述
  1. 代码方式
    a:在laya/pages目录下,编写.scene文件
    b:参考API文档 Laya.display.Scene,在Main.ts中加入Scene类实例

3.4 添加节点

  1. 用IDE的方式
    进入编辑模式,直接将左侧的节点模板拖入scene中,这种方式适合添加静态节点,添加的节点会写在laya/pages目录下,你添加节点的那个scene文件里面
  2. 代码方式
    a:在控制脚本中,用addChild( )添加
    Laya.stage.addChild(new Laya.Sprite());
    b:在laya/page
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值