Layabox2初学(一)javascript

Layabox2初学(一)

公司老大要我做一部分关于游戏，类似于美团免费领水果项目，工具主要使用layabox，由于当前layabox版本已经更新到layabox2版本，并且laya官网针对初学者对于图形与代码如何关联、甚至laya工具如何使用在前期使用时都存在很多弯路（本人感受），官网中提供的视频教学我听得也是一头雾水，而且教学老师讲话听得我太累太累，并且还要花钱买这个视频课程。花了大概一天时间才找到一个有用的教学视频
https://space.bilibili.com/265902856/search/dynamic?keyword=laya
下面附上本人在使用这个工具后如何快速上手分享一些步骤及经验。以减少对于初学者在前期入门阶段遇到的弯路及浪费时间。具体API的使用还需了解laya官网，本人也为初学者，如有理解不对的地方请指出，大家共同进步！

以上文中提到的美团免费领水果项目作为参考来画demo（当前demo应该会不断更新迭代）
如何完成一个基本项目，我在后面以的形式
1.第一步
2.第二步
写出来（简单粗暴点）
具体效果图如下：

安装layabbox工具

1.https://www.layabox.com/ 进入开发者中心，点击引擎下载layaAir IDE

2.下载安装成功后，进入工具，点击新建，我这边的demo为2D项目，（对工具的介绍官网地址：https://ldc2.layabox.com/doc/?nav=zh-ts-3-0-0）选示例项目的原因在于，里面有一个示例demo,有些代码在你做完自己的项目后，对比做参照。编程语言我选择javascript

进入项目后可看左侧目录，具体介绍可以查看官网
https://ldc2.layabox.com/doc/?nav=zh-ts-1-0-1 章节，有详细介绍，我这里就不做解释了。
3.创建场景及脚本

点击页面/场景，我选择场景类型为scene,这里根据自己的需求选择，具体有哪些区别和用途，自己跟查询官网或者百度，我就不过多阐述。
创建当前场景的脚本文件

我创建frame1_mgr,后缀无需填写
然后打开创建的frame1_mgr文件，会看到这个脚本文件中已经自动配置了很多代码

然后我把这个文件补全一些代码，

上述图中onAwake组件中this.owner.name获取组件实例所依附的节点，
这个节点名称为你所创建的脚本为场景所调用的场景名称
如：
按F6编译即可在控制台看到打印出的name
注意：在按F6编译报错时，可以查看当前场景的脚本文件是否已经被引入（以frame.scence和frame_mgr.js为例）一般来讲是自动配置的，如果没有需要手动配置
自动配置方法：
给当前场景将当前场景所使用到的脚本文件引入进去

给你当前所创建的场景右边的添加组件点击选择code则弹出你已创建的脚本文件即可
然后打开项目配置文件GameConfig.js可以查看到已经被自动配置进去