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可以查看到已经被自动配置进去

Layabox2初学(一)javascript相关推荐

基于JavaWeb的影视创作论坛的设计与实现/影视系统
目录 1 引言 1 1.1 课题背景 1 1.2 课题意义 1 1.3 主要内容 2 2 系统开发环境 2 2.1 Java技术介绍 2 2.2 MySQL简介 3 2.3 SSM结构模式 ...
关于腾讯云服务器的域名备案流程（尽力图文并茂）
关于腾讯云服务器的域名备案流程(尽力图文并茂) 首先你需要有一个域名点这里进入购买域名界面输入你想要的域名,查询购买就行了, 在别的平台买也行,但是相同平台方便点第一步,打开你的服务器控制台轻 ...
2021较全腾讯云服务器安装宝塔面板建网站全过程（图文教程）
2021最全腾讯云服务器安装宝塔面板建网站全过程(图文教程) 1. 购买首先,咱们在安装宝塔面板之前,我们需要先有一个服务器可以访问这里,专业的公司,或者不差钱的推荐点腾讯云主页这是云服务器C ...
仿制CSDN首页（html+css+js）+ 个性化登录注册页
前言:为了强化基本功,不使用任何框架和样式预处理器制作一个包含csdn官网全部动画的小项目,但是为了避免过于死板,自己制作了一个 logo 和一个很有个性的登录页面(包含有趣的小熊图案和动画). 技术 ...
powerdesigner反向工程MySQL
利用PowerDesigner连接Mysql数据库并逆向所有表关系图[两种方式] 2019-07-07 17:18 来源: 凯哥java </div> 原标题:利用PowerDesigne ...
初学ArcGIS API for JavaScript
初学ArcGIS API for JavaScript 对于初学者来说,关于esri提供的一些样式和dojo自带的一些样式还是需要有一定的了解,这块在<WebGIS开发从基础到实践>讲解的 ...
JavaScript初学笔记总汇
初学JavaScript之--JavaScript变量作用域初学JavaScript之--JavaScript数组初学JavaScript之数组练习笔记初学JavaScript之函数和闭包笔记 ...
JavaScript初学——实现功能：单击按钮，视频暂停，按钮图标变换
JavaScript初学--实现功能:单击按钮,视频暂停,按钮图标变换最近才开始学习JavaScript,正好又在练习几个网页端页面项目,然后遇到了一些问题,正好学了一点JavaScript,就想应 ...
JavaWeb之初学JavaScript
JavaWeb之初学JavaScript 一.JavaScript概述二.JavaScript和HTML结合的方式 2.1 内嵌式 2.2 外联式 2.3 行内事件驱动式三.基本语法 3.1 注释 ...
JavaScript初学有感
JavaScript初学感悟: JavaScript认知: 本周所学: 我的感悟: JavaScript认知: JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web, ...

Layabox2初学(一)javascript

Layabox2初学(一)

安装layabbox工具

Layabox2初学(一)javascript相关推荐

最新文章

热门文章