- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 无光照渲染shader-二次元
{{// 颜色// 贴图// 渐变// 镜面// 边缘}{// 基础色// 高光颜色// 阴影色// 主贴图// 渐变阈值// 渐变平滑度// 渐变阶数// 镜面平滑度// 光滑度// 边缘颜色// 边缘阈值// 边缘光滑度{};// 线性阶跃{}{
2022-11-01 17:53:59
476
1
原创 Laya中使用Protobuf
参考：Laya-ProtoBuf 生成器环境搭建由Docker自动完成.网络和格式--ProtocolBuffer【咸鱼教程】protobuf在websocket通讯中的使用egret官网提供工具codeing源码：https://gamedaybyday.coding.net/p/LayaProtoBuf在Laya的论坛社区和官方教程中没有找到便利的方法。有个水友github发了个Docker自动生成的，但是没有Egret的好用。没有指定版本的话，应该prot...
2020-07-10 10:27:32
711
原创 Laya中第三方库的使用
Laya版本：2.5.0这里用puremvc作为第三方库来做例子一 加入Puremvc第三方库文件现有puremvc库文件将puremvc.min.js放入项目目录bin/libs下将puremvc.d.ts放入项目目录libs下Laya的UI编辑器下，F9，勾选puremvc.min.js这样代码中可以使用puremvc框架了...
2020-07-10 10:26:58
1221
1
原创 Laya的骨骼换装
参考：骨骼动画-换装骨骼动画进阶分享：Dragonbones/Spine的换肤操作Laya 2.5.0一从DragonBones骨骼动画转成Laya可用骨骼动画打开DragonBones软件，打开示例项目剑客-骨骼嵌套。 （DragonBones登录失败的话，因为服务器迁移，这个登录没有部署。需要去下载5.6.3版本，这个版本无需登录）导出数据类型json，数据版本5.0。Laya只支持这个。打开Laya的UI编辑器，选择右上角...
2020-07-10 10:26:27
620
原创 Laya的粒子效果
参考：UI页面、粒子、动画、脚本新建面板详解Laya版本：2.5.0一创建一个粒子效果在UI编辑界面右键-> 新建 -> 粒子粒子有重力模式和半径模式重力模式：粒子是一个角度向另一个方向呈发射式的粒子效果半径模式：围绕中心点为半径的旋转式粒子效果两个模式除了初始参数不同，没有什么区别。你可以创建一个重力模式粒子，然后通过调整参数，实现半径模式的效果。新建的粒子文件是Scenes/particle/TestParti...
2020-07-10 10:25:43
1775
原创 Laya的预设Prefab (预制件)
参考：Laya预设的使用版本：Laya2.5.0一预设组件是什么预设组件相当于自定义组件，比如你自定义一个图片轮播组件，然后可以拖动这个轮播组件到多个页面去重复使用。和页面嵌套(scene、view等)做的自定义组件区别就是预设可以单独修改。比如你的图片轮播有上一页和下一页按钮，5个预设可以设置每个按钮不用颜色。而页面嵌套则是修改了一个，所有用到这个页面的地方都会修改。二如何创建预设我在HomeScene.scene下拼凑了一个轮播图片组件，选择它的容器...
2020-07-10 10:24:57
2508
原创 Laya的Scene、View、Dialog区别 (Laya.Scene.opne, Laya.Dialog.open区别)
版本：Laya2.2.0新建场景时，会有3个类型，分别是Scene、View、DialogScene、View、Dialog的继承关系Scene就是普通场景View，继承自Scene，增加了widget组件，可以进行适配Dialog，继承自View，除了适配，还增加了打开和关闭动画Laya.Scene.open(scene)时，场景容器是stage上的一个Sprite。因为游戏Main.ts入口里，如果没...
2020-07-10 10:24:20
1019
原创 Laya组件ViewStack+Tab
版本：Laya2.2.0参考：https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-16ViewStack+Tab常被用于游戏中 创建ViewStack创建ViewStack的页面，我这里用Scene创建了Page1.scene、Page2.scene、Page3.scene。将3个页面拖动到ViewStack下设置ViewStack的selectIndex为0，表示默认选...
2020-07-10 10:23:41
564
1
原创 Laya的Clip组件
版本：Laya2.2.0参考：https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-3Clip是个切片组件。可以用来制作逐帧动画。创建一个Clip组件将一个逐帧动画图片拖动Clip的skin上设置ClipX为3，ClipY为2，表示2行3列的动画将这个Clip组件命名var为clip，在代码里播放这个切片动画Event.Complete事件，只有在所有循环播放完毕后触发。如果pl...
2020-07-10 10:22:49
432
原创 Laya的List组件+滚动条
版本：2.2.0官网教程：https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-7下面以《绯雨骑士团》的服务器选择列表为例子。一创建List首先创建一个List组件，我命名为serverList。 （不用像laya教程里那样，还要转换类型什么的，太麻烦）设置list的renderType属性为render，不设置没法滚动。二创建Item然后创建List的Item组件。我这里item是一个scene自定义...
2020-07-10 10:22:08
1761
4
原创 Laya改变文档结构后GameConfig自动生成错误问题
原来的WeaponPanel，ItemPanel，PetPanel改变了路径，然后GameConfig还是一直生成旧的路径，因为旧路径已经不存在，所以提示报错，编译不过去。需要把编辑模式下的改路径相关组件中runtime都改了，ctrl+F12后问题才能解决。如此一来，一旦改变了文档结构，那手动修改的地方很多啊...没发现怎么自动改动的方法。...
2020-07-09 15:53:53
404
原创 Laya的Tween缓动没有初始化repeat导致的Bug
当你使用一个Tween给一个图标做旋转动画，循环播放。(repeat是播放次数， repeat=0无限循环，repeat=1播放一次) 1 Laya.Tween.to(this.light,{rotation:360},2000).repeat = 0; 然后你打开一个Dialog，很有可能这个Dialog会无限播放打开动画.... 1 Laya.Dialog.open(game/TestDialog.scene); .
2020-07-09 15:53:12
332
原创 Laya页面嵌套和Scene.destory导致的Bug
Laya2.1.1.1参考：预设使用Laya给出了相同模块，逻辑代码也相同情况下，使用页面嵌+runtime的使用方案。但是该方案和Laya.Scene.open，Laya.Scene.destroy等有冲突，会导致bug。当参考使用Laya的教程，拖入一个scene到另一个scene中使用。假设当前页面是主页HomeScene.scene， 主页里嵌套了10个其他的UI也是TestUI.scene的页面。在使用Laya.Scene.open(HomeS...
2020-07-09 15:52:33
256
原创 Laya的滚动容器Panel+HBox
版本：Laya 2.2.0参考：https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-18一 拖动一个panel和hbox到舞台，并且在hbox里放图片二 设置panel滚动条如果不设置panel的滚动条skin，这个panel是不会滚动的拖动assets/comp/hscroll.png到属性面板hScrollBarSkin上hbox的布局效果，只有在运行时才能看见三 最终效果...
2020-07-09 15:51:36
1396
原创 Laya自定义组件
laya2.1.1.1参考：预设使用一 没有自定义组件教程翻了几遍，没有自定义组件，论坛搜了下，说是不能使用。二 预置件做自定义组件预置件无法右键创建。又去翻教程。终于知道预置件怎么创建了。就是选中一个组件，然后右上角有个按钮，设置为预置件。选择了分离模式导出，但是预置件代码不能像scene一样生成在layaMaxUI.ts中，然后去继承。仿照laya的demo中dropbox预置件的写法。现在创建关卡图标预制体LevelF...
2020-07-09 15:50:16
637
原创 Laya中地图拼接的缝隙问题
拼图的空隙。 Egret也有拼图的空隙。比如制作飞机游戏，背景拼接轮换着下移，有明显的缝隙。用TextureMerger可以解决。看了下Laya。可以设置repeat。编辑模式，图片上右键，设置默认属性，图片类型...
2020-07-09 15:49:44
381
原创 Laya微信小游戏开放域
版本2.1.1.1现在Laya的开放域比较好用了。新建开放域项目，里面直接有个排行榜的示例。直接发布得到较少的文件，复制这些文件，粘贴到主项目bin/openDataContext下。 (openDataContext文件夹需要自己创建)并将开放域项目下libs/laya.opendata.js也复制到主项目bin/openDataContext/libs下 (libs文件夹需要自己创建)复制开放域项目下的laya/as...
2020-07-09 15:48:44
393
原创 Laya微信小游戏的动态资源
版本2.1.1.由于有4m包限制，所以一般小游戏项目分成主包+远程资源。现在我新建一个remote目录，该目录下资源不发布到微信小游戏目录下，而是服务器远程加载。发布时，勾线是否提取本地包远程资源目录remote不需要勾选这是发布出的项目有两个文件夹，其中wxgame是常规项目，wxgame_pack是不含remote文件夹的项目那么我们微信提交时，只需要提交主包wxgame_pack就行了。将remote资源放...
2020-07-09 15:47:06
763
原创 Laya发布微信小游戏项目
版本2.1.1.1创建项目时，勾选微信/百度小游戏bin目录快速调试发布项目时，选择发布平台为微信小游戏用微信开发者工具打开release/wxgame，这就是微信小游戏项目了，很方便...
2020-07-09 15:44:35
326
原创 Laya的资源加载
白鹭中的资源加载，可以单个去加载。但是更多是通过资源组加载的。比如进入登录界面，则加载登录资源组的资源。销毁登录界面，则卸载登录模资源。 1 2 3 4 //加载登录模块资源组 RES.loadGroup("login"); //卸载登录模块资源组 RES.destroyRes("login"); 那么Laya是怎么加载资源组呢？Laya.loader加载资源Laya加载单个资源 .
2020-07-07 20:58:58
1833
原创 Laya的场景以及场景的加载
参考：Laya项目发布详解Laya2.0 内嵌模式、加载模式、分离模式、文件模式的场景加载创建和场景打开关闭版本2.1.1.1白鹭中的场景是exml制作，发布后exml代码都会打包到default.thm.json中，在项目运行时，在Main文件中加载。Laya中的场景则提供了多种方式。Laya编辑模式下F9。查看场景设置。发布模式有文件模式，内嵌模式，加载模式，分离模式。 默认是文件模式。这些模式的区别就是我的场景UI数据究竟放哪里。我...
2020-07-07 20:58:24
1609
原创 Laya的图文混排
参考：Laya图文混排Laya的图文混排教程编辑模式F9，增加laya.html.js库在层级窗口右键，添加一个HtmlDivElement组件大致的原理：1. 例如输入框的字符串是 "大家好！很高兴认识大家！@1@"， "@1@"为一个表情的代号。下图直接使用str当成输入框文字。2. 操作str字符串，全局搜索"@1@"，将该表情代号换成表情图片<img>的标签。3. 将str字符串赋值给HTMLDivElemen...
2020-07-07 20:57:51
474
原创 Laya和白鹭的高亮文字 (textFlow)
版本2.1.1.1游戏中用的高亮文字，例如下图 "使用 2钻石 可获得金币"，2钻石是不同颜色高亮的。白鹭的高亮文字有文本样式 1 2 3 4 5 6 txt.textFlow = <Array<egret.ITextElement>>[ {text:"花费", style: {"textColor": 0x0000}} , {text:"100"...
2020-07-07 20:57:11
405
原创 Laya微信小游戏本地缓存
测试版本2.1.1.1查看bin/libs/laya.wxmini.js。发现只会缓存png,jpg。 声音和atlas，json不会缓存。对比白鹭，白鹭是将png，jpg，atlas，json都进行了缓存。且可以设置哪些需要缓存，哪些不需要。这一点方便多了。微信图片加载流程MiniAdpter.init初始化时，使用MiniImage.loadImage覆盖Laya.loader.loadImageMiniImage.loadImage在加载...
2020-07-07 20:56:33
646
原创 Laya的屏幕适配，UI组件适配
参考：屏幕适配API概述版本2.1.1.1目录一 适配模式二 UI组件适配一 适配模式基本和白鹭的适配模式一样。Laya官方也推荐了竖屏使用fiexedwidth，横屏使用fixedheight。这也是我自己常用的适配模式。修改适配模式在项目GameConfig.ts下fixedWidth，屏幕过长时，下方会出现黑框fixedWidth，屏幕过短时，会裁剪下方UI （下方两个红色方块不见了）f...
2020-07-07 20:56:03
1042
原创 Laya调试，调试面板，断点调试
性能统计面板介绍版本2.1.1.1调试面板Laya有两个调试选项，编辑模式F9.第一个调试模式，除了调试面板，还有一个查看当前舞台对象的面板。类似白鹭的Egret Inspector。平时用白鹭，也不会经常使用Egret Inspector。第2个帧率统计面板。就只有右上角的调试面板了。FPS 帧速/每帧渲染消耗时间Sprite 渲染节点数量(显示对象数量，包含容器)RenderBathes canvas图像...
2020-07-07 20:55:27
1342
原创 Laya动画，整图动画，序列图动画，时间轴动画，龙骨动画
Laya动画基础Egret帧动画工具类版本：2.1.1.1序列图动画白鹭的序列图动画，使用TexureMerger合图，然后使用MovieClip类播放。Laya的话，使用图集打包工具合图，然后使用Animation类播放。一个泡泡爆炸的序列图laya右上角选择工具，图集打包。选择动画的父文件夹，后缀选择atlas，点击确定。例如图片路径是laya\anim\pao0\pao0.png，图片文件夹路径则是laya\anim\pao0，则应该选...
2020-07-07 20:54:37
1802
1
原创 Laya的位图/文字
参考：Laya文本测试版本：Laya 2.1.1.1大部分游戏都会用到位图文字，例如dnf的伤害数字。白鹭的位图文字是美术提供0-9十张单张图片，由TextureMerger导出fnt+json，然后在exml里用BitmapLabel组件使用。Laya的位图文字是美术提供0-9一张图片，直接使用FontClip组件。对比起来Laya的位图文字美术出图容易，程序使用简单。Laya在编辑模式，层级窗口中右键，选择创建组件UI，选择FontClip...
2020-07-07 20:53:43
371
原创 环境搭建 HelloWorld（ts版本问题解决方案）
一、下载layabox官网https://www.layabox.com/首页上有两个，一个Engine，一个IDEEngine我下载的TS版本，解压后，就是一个库IDE则是绿色版的，下载无需安装即可使用。我下载的当前最新版本1.7.19.1 beta对于使用TS开发人员，只需下载IDE即可。二、新建一个项目任意新建一个UI示例项目，提示版本不匹配。由于之前安装vscode导致，查看论坛解答cmd命令行输入tsc -v打印查...
2020-07-07 20:52:29
582
原创 改变模型锚点的4种方法
项目经常会遇到调用不同锚点进行位移、旋转等需求，这时候需要我们对模型的锚点进行单独的控制。模型软件中模型-模型层次-轴调整改变到想要的位置，然后输出想要的模型格式unity创建空物体作为父物体，坐标(0，0，0)，新建cube作为子物体（0.5,0.5,0.5），那么轴心如图示，就可以整体调用了。代码设置/// <summary>/// 重...
2019-06-10 14:06:56
5543
1
LayaAirUnityPlugin.unitypackage
2020-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人