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 678
有时候手机用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 3045
在阅读laya.webgl.js中的源代码的时候，先来重温下webgl编程方面的知识。 以下内容均为我个人对学习的一个总结，不能完全正确，只是我对于知识的一个理解，如果哪天我发现我理解错了，我会尽快回来修改。 什么是WebGL 在我来看WebGL是对于canvas的一次升级，它们两者都是一个绘图指令集，但是WebGL功能更加强大，并且生来就是为了更好的支持3D在Web上而开发的，因为存在...
抖音华为等曝出数据晒出新玩法，头部平台与研发商在全球小游戏论坛聊得火热...
最新发布
Layabox
07-04 1012
6月30日，LayaAir迎来了八周岁生日。蓝亚盒子（Layabox）邀请到了抖音集团、腾讯、阿里巴巴、华为、vivo、小米、MiniGame、Amazon、Ton基金会、CrazyGames等国内外知名游戏平台，以及掌趣科技、四三九九、三七游戏、米娅、火花幻境、51游戏等顶尖开发商，共聚海南陵水为LayaAir引擎庆生，同时也借此机会，与陵水蓝亚及陵水数字文化产业云一起联合举办了《全球小游戏论坛...
LayaBox引擎3D源码阅读（一、从继承链开始学习）
分享即学习
10-03 2278
-前言- 习惯2D开发的同学，在转到3D游戏开发的时候，始终会有所不适，首先最难让人不习惯的就是，空间的转换没办法那么快的就转换过来。另一个始终是分不清纹理，材质，网格，贴图这些名词之间到底什么关系。 -正文- 不管3D游戏还是2D游戏，对于游戏引擎来说都是把显示对象绘制到屏幕上。我们首先来了解Laya3D有哪些显示对象（3D精灵） Sprite3D作为3D显示对象基类，有三个子类，分...
【LayaAir2.0】LayaAir2.0新手入门指南（目录）
ladymorgana的博客
09-20 1364
5.1 下载与安装5.2 创建项目5.3 语言的支持与选择5.4 IDE通用模块5.5 编码模式5.6 设计模式5.7 其它IDE集成的模块。
LayaBox引擎源码阅读笔记（五、从图集加载到纹理的使用理解）
分享即学习
09-21 1325
-前言- 在H5游戏上实现的纹理图像数据源都是Image对象。我们在正常游戏开发的时候，是无需关系图集的打包过程及Laya是如何解析图集的。只有闲得慌才会去看吧~ -正文- 图集打包过程 Laya是按照文件夹进行图集打包的，每次我们在发布资源的时候就会打包图集。我们只需要按照使用情况分类好文件夹即可。 图集加载过程 在Laya中所有加载都通过统一接口进行加载。 Laya.loade...
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 1065
laya文件夹下存放的是项目在开发运行中的一些配置信息，如图所示。compile.js文件介绍compile.js是gulp自定义编译流程的脚本文件，如果开发者对gulp比较熟悉的可以修改，否则不要动这里。文件介绍文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。不要轻易去改动，改错后会影响项目的调试。publish.js文件介绍publish.js是gulp针对项目发布的脚本文件，开发者不要动这里。
Laya学习笔记
yffgamestart的博客
11-22 605
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的人来说，这是一个宝贵的资源。通过深入研究和分析，...
LayaBox写的飞机大战小例子
04-12
LayaBox as3写的飞机大战小例子,只写了部分，剩余部分自己扩展。
飞机大战（是仿照例子写的）
05-07
这个例子简单明了，是个很好的例子，相信你会受益颇多。
layabox飞机大战源码
02-05
基于layabox官方教程的飞机大战源码, 包含游戏素材
LayaAir 位图添加遮罩与滤镜
蚩尤后裔-汪茂雄
12-12 5607
目录 mask 遮罩 滤镜 ColorFilter 颜色滤镜 GlowFilter 发光滤镜 BlurFilter 模糊滤镜 内存优化 mask 遮罩 laya.display.Sprite mask 属性如下： mask : Sprite 遮罩，可以设置一个对象(支持位图和矢量图)，根据对象形状进行遮罩显示。 【注意】遮罩对象坐标系是相对遮罩对象本身的，和Flash机制...
LayaBox踩坑总结
ForTheKingdom的博客
03-26 2885
开发环境: LayaIDE 2.01 1.图片的渲染类型为mask时无法通过getChildAt或getChildByName取到该节点,获取所有子节点时也不会包括该节点. 2.TypeScript的any类型,值为0时使用if判断返回值为false: var a : any = 0; if (a) print("a is not empty"); else print ("a is emp...
面试题汇总
qq_45369284的博客
07-05 406
笔试题 常用表单元素 form、label、input、textarea、button、select、option、password、radio、checkbox、submit、reset、file 限制input输入框输入长度 maxlength属性maxlength="10" position各个属性的作用以及相对定位和绝对定位的区别 static：默认位置，设置为 static 的元素，它始终会处于页面流给予的位置 absolute：元素会脱离文档流，并不为元素预留空间，通过指定元素相对于最近
Laya 3D屏幕截图
cl_001的专栏
10-19 763
/** * 获取屏幕截图 */ public static getScreenTexture():Laya.Texture|Laya.Texture2D{ try { let _texture:any = null; //http://ask.layabox.com/question/47246 let gl:any = (Laya.WebGLContext as an...
LayaBox -- 加载Json数据
阳仔博客
03-14 9478
其实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、付费专栏及课程。

余额充值