layabox学习记录

最新推荐文章于 2024-07-04 18:11:08 发布
最新推荐文章于 2024-07-04 18:11:08 发布
阅读量3.8k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40184652/article/details/81333442
版权
本文记录了使用layabox进行游戏开发的经验，重点介绍了如何管理显示对象的层级，通过loadImage和drawTexture方法切换及加载图片，并详细讲解了实现简单遮罩效果的步骤。内容涵盖舞台、显示列表、图片加载与切换以及遮罩效果的创建。
摘要由CSDN通过智能技术生成

先定一个小目标：用JS开发一个小游戏

以下是一点要注意的地方：

不支持int

派发监听

sprite继承

目录结构

显示对象后添加在显示列表的，在最上层显示

用loadImage切换图片

//初始化舞台
Laya.init(1334, 750);
//需要切换的图片资源路径
this.monkey1 = "res/img/monkey1.png";
this.monkey2 = "res/img/monkey2.png";
//切换状态
this.flag = false;
//设置舞台背景色
Laya.stage.bgColor = "#ffffff";
this.img =
最低0.47元/天 解锁文章
橘子泡泡
关注
LayaBox手机扫码调试查看Log输出
小智队长
11-04 676
有时候手机用laya手机扫码测试的时候无法看到log输出很不方便，其实在手机网页上查看log输出其实很简单。 方法：在bin下边的index.html 如下图 添加上 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script>var VConsole = new VConsole();</script> 然后编译运行时候你会发现多
LayaBox引擎源码阅读笔记（三、WebGL学习(1)）
分享即学习
06-25 3042
在阅读laya.webgl.js中的源代码的时候，先来重温下webgl编程方面的知识。 以下内容均为我个人对学习的一个总结，不能完全正确，只是我对于知识的一个理解，如果哪天我发现我理解错了，我会尽快回来修改。 什么是WebGL 在我来看WebGL是对于canvas的一次升级，它们两者都是一个绘图指令集，但是WebGL功能更加强大，并且生来就是为了更好的支持3D在Web上而开发的，因为存在...
抖音华为等曝出数据晒出新玩法，头部平台与研发商在全球小游戏论坛聊得火热...
最新发布
Layabox
07-04 995
6月30日，LayaAir迎来了八周岁生日。蓝亚盒子（Layabox）邀请到了抖音集团、腾讯、阿里巴巴、华为、vivo、小米、MiniGame、Amazon、Ton基金会、CrazyGames等国内外知名游戏平台，以及掌趣科技、四三九九、三七游戏、米娅、火花幻境、51游戏等顶尖开发商，共聚海南陵水为LayaAir引擎庆生，同时也借此机会，与陵水蓝亚及陵水数字文化产业云一起联合举办了《全球小游戏论坛...
LayaBox引擎3D源码阅读（一、从继承链开始学习）
分享即学习
10-03 2277
-前言- 习惯2D开发的同学，在转到3D游戏开发的时候，始终会有所不适，首先最难让人不习惯的就是，空间的转换没办法那么快的就转换过来。另一个始终是分不清纹理，材质，网格，贴图这些名词之间到底什么关系。 -正文- 不管3D游戏还是2D游戏，对于游戏引擎来说都是把显示对象绘制到屏幕上。我们首先来了解Laya3D有哪些显示对象（3D精灵） Sprite3D作为3D显示对象基类，有三个子类，分...
【LayaAir2.0】LayaAir2.0新手入门指南（目录）
ladymorgana的博客
09-20 1361
5.1 下载与安装5.2 创建项目5.3 语言的支持与选择5.4 IDE通用模块5.5 编码模式5.6 设计模式5.7 其它IDE集成的模块。
LayaAir 位图添加遮罩与滤镜
蚩尤后裔-汪茂雄
12-12 5603
目录 mask 遮罩 滤镜 ColorFilter 颜色滤镜 GlowFilter 发光滤镜 BlurFilter 模糊滤镜 内存优化 mask 遮罩 laya.display.Sprite mask 属性如下： mask : Sprite 遮罩，可以设置一个对象(支持位图和矢量图)，根据对象形状进行遮罩显示。 【注意】遮罩对象坐标系是相对遮罩对象本身的，和Flash机制...
layabox 学习笔记
Eric_gg的博客
09-25 1149
初次接触laya，随手写了点个人笔记。 this.owner //相当于 cc this.node as 类型断言，很多时候laya的编译报错，就需要类型断言，比如一个图片，绑定一个脚本，在脚本内写上 this.owner.x = 100; 这样的就可能编译不通过，所以需要这么写 (this.owner as Laya.Sprite).x = 100; 同理，如果你确定有某个属性，但是编译又通不过，也可以 as any。 Laya.stage//舞台对象的引用。。 Vs...
laya文档学习笔记（1）
xuxiaodon的博客
09-05 1062
laya文件夹下存放的是项目在开发运行中的一些配置信息，如图所示。compile.js文件介绍compile.js是gulp自定义编译流程的脚本文件，如果开发者对gulp比较熟悉的可以修改，否则不要动这里。文件介绍文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。不要轻易去改动，改错后会影响项目的调试。publish.js文件介绍publish.js是gulp针对项目发布的脚本文件，开发者不要动这里。
Laya学习笔记
yffgamestart的博客
11-22 604
laya学习笔记： 1:获取系统时间常用api，这里可以用于做连续七天签到 2:laya本地化存储和获取数据：可以用于存储关卡或者关卡的完成度，最高分，当前分等一系列数据 清除本地所有数据： 3:调试的时候debug显示 4:关于关键词作用域的问题： 5:laya发布平台时，找不到libs/bin目录下的js文件，这个时候导入一下类库就可以了 6:内存泄漏的时候，laya中全局搜索这个，...
消消乐游戏laya版本.zip_difference74w_laya_neste77_thisb9a_消消乐游戏laya版本
09-20
总之，这个压缩包提供了使用LayaBox引擎开发的消消乐游戏实例，包括源代码和可能的版本差异记录，对于想要学习HTML5游戏开发，尤其是使用TypeScript和LayaBox的人来说，这是一个宝贵的资源。通过深入研究和分析，...
Node.js-基于TypescriptReactMobx实现的移动端浏览器控制台开发教程
08-10
基于 Typescript React Mobx 实现的移动端浏览器控制台开发教程
LayaAir 开发的抽奖程序 完整源代码
02-06
LayaAir 开发抽奖程序 演示地址 http://42.56.70.252:9090/video/prize/ 这个抽奖程序的主要功能就是 1. 打开欢迎页面 单击进入抽奖程序 2. 规则是 被抽中的人员将无法继续参加抽奖 希望这个例子能够帮助大家研究LayaAir 游戏框架
Laya Wechat Demo
09-26
Laya Wechat Demo，封装了完整的微信laya接口，可以直接应用到你自己的项目里。
Laya仿贪吃蛇大战源码
09-02
仿照 贪吃蛇大作战 的练手项目，前端时间接触了一下layabox，发现其性能表现确实很强劲，就做了这个贪吃蛇小作战学习使用一下。 layabox性能还不错，示例在手机上通过运行器或打包之后，基本维持在59~60帧（Nexus5, Android 4.4.2）
《laya 源码分析》Timer 详解
weixin_41640571的博客
12-11 1166
挖坑挖坑。后续埋
《laya 源码分析》layaAir引擎渲染主循环
weixin_41640571的博客
12-11 1603
2020/12/8 首先是laya入口函数 /** * 初始化引擎。使用引擎需要先初始化引擎，否则可能会报错。 * @param width 初始化的游戏窗口宽度，又称设计宽度。 * @param height 初始化的游戏窗口高度，又称设计高度。 * @param plugins 插件列表，比如 WebGL（使用WebGL方式渲染）。 * @return 返回原生canvas引用，方便对canvas属性进行修改 */ static init(width: number, h
Layabox2初学(一)javascript
weixin_39475925的博客
09-29 2053
Layabox2初学(一) 公司老大要我做一部分关于游戏，类似于美团免费领水果项目，工具主要使用layabox，由于当前layabox版本已经更新到layabox2版本，并且laya官网针对初学者对于图形与代码如何关联、甚至laya工具如何使用在前期使用时都存在很多弯路（本人感受），官网中提供的视频教学我听得也是一头雾水，而且教学老师讲话听得我太累太累，并且还要花钱买这个视频课程。花了大概一天时间才找到一个有用的教学视频 https://space.bilibili.com/265902856/search
LayaBox -- 加载Json数据
阳仔博客
03-14 9473
其实LayaBox加载Json还是蛮简单的，但是作为新手来说，其实也不容易，下面放出解决方法，在类比一下就知道有多容易了。 新建laya.json文件放入到bin目录下 // laya.json { "name": "deng", "age": 17, "sex": "male", "phone:": "12345678" }
LayaBox 分包
07-27
LayaBox 是一个用于 HTML5 游戏开发的引擎，它提供了分包功能来优化游戏的加载和运行效率。分包可以将游戏资源按照一定的规则划分为多个包，然后按需加载这些包，减少首次加载的时间和网络传输的数据量。 在 LayaBox 中实现分包功能，可以按照以下步骤进行操作： 1. 配置分包规则：在项目的配置文件中（一般是 `laya.config.js` 或 `laya.project.json`），添加分包的相关配置。可以指定资源文件夹、文件后缀等规则，将资源文件划分到不同的包中。 2. 打包资源：使用 LayaBox 提供的打包工具将游戏资源进行打包，生成对应的分包文件。可以使用命令行工具或集成到开发环境中进行操作。 3. 加载分包：在游戏运行时，根据需要加载对应的分包。可以使用 LayaBox 提供的加载函数或者自定义的加载逻辑来实现。 通过合理划分和加载分包，可以提高游戏的加载速度，并且根据游戏的具体情况进行优化，例如预加载常用资源、延迟加载不常用资源等，以达到更好的用户体验。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值