Laya 实操二：原始宽高+反转+九宫格+Handler

最新推荐文章于 2021-11-03 19:58:18 发布
最新推荐文章于 2021-11-03 19:58:18 发布
阅读量1k 收藏
点赞数
分类专栏： laya
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NCZ9_/article/details/107082058
版权

原始宽高

将精灵的宽高清除，即设为auto（自动），则显示图片原始宽高。

反转

将精灵scale设为负，可以实现反转/镜像。

九宫格

选择资源图片，双击/右击+设置默认属性，打开资源属性设置。

选择“设置九宫”，打开九宫格设置。

左侧预览，右侧设置。

 

Handler

 

 

JPF29
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
LayaAir飞机大战小游戏详细代码+图片声音资源
07-26
2. **游戏循环**：通过`Laya.stage.render()`函数实现，负责每一帧的渲染和更新，包括物体移动、碰撞检测、分数计算等。 3. **事件处理**：监听用户的输入，如键盘控制飞机移动、射击等。 4. **对象管理**：创建、...
Laya+matter 微信小游戏物理颠球
06-11
【Laya+Matter 微信小游戏物理颠球】是一个基于Laya开发的微信小游戏，其核心亮点在于利用了Matter.js作为物理引擎，为游戏提供了真实的物理效果。本项目展示了如何将HTML5技术和微信小游戏平台相结合，创建出具有...
微信小游戏开发
qq_37321098的博客
11-21 1236
目录 知识收集：           1.资源文件导入           2.this.addChild(circle2)           3.层级关系           4.多次添加显示对象到显示列表           5.删除操作的注意点           6.容器深度相关 1) 容器现容纳个数： 2) 插队： 3) 消除 4）交换深度 5）设置深度（自带容...
unity程序员转Laya入门(6) UI屏幕适配（类似九宫格）
常城的专栏
02-20 563
UI适配，看了半天官网文档，挨个实验，效果也不好，直到搜到这篇文章： https://www.cnblogs.com/gamedaybyday/p/11523432.html 里面的办法实验后，感觉很好用！这里我再总结一下： 1，页面设置，必须为 view 2，这个view页面，上下左右全设置为0 3，UI元素，也设置好，对应上下左右的相对位置 例如，底部居中的按钮 ...
【游戏客户端】实现卡牌翻转效果
Lampard的博客
11-03 2644
【游戏客户端】实现卡牌翻转效果 之前的博客中，我和大家分享了如何做： 商业化的充值活动 ：【商业化充值活动博客】 抽卡系统：【抽奖，抽卡系统博客】 装备系统：【装备系统博客】 红点系统：【红点系统博客】 商店&拍卖系统：【商店&拍卖系统】 UI环绕特效：【UI环绕特效】 实现刮刮乐效果：【实现刮刮乐效果】 最近在玩三国志战略版的时候，抽武将看到了其“卡牌翻转”的效果，感觉很神奇，于是乎研究了一下如何...
Laya编辑器二次开发（二）预览界面中添加图片尺寸信息展示
lanuo的专栏
04-07 555
Laya提供的预览界面可以展示选择目录下的资源文件。图片类型资源提供图片的的缩略图显示。在 这里我们想要让列表中的元素展示更多的信息，比如图片的尺寸信息。 接下来就来实现第一个二次开发的功能，预览界面列表元素信息扩展。 首先在layabuilder.max.js文件中搜索“预览”关键字，匹配项只有5个。通过简单的文字修改 测试，定位到预览界面关联的类为ResViewerPanel。 简单浏览一下该类，发现预览内容的容器为list组件，这样我们只要找到list的render类，就..
Laya学习笔记
weixin_45777589的博客
06-02 740
Laya学习笔记 文章目录Laya学习笔记1.节点2.调用其他组件实例的方法3.编辑器绑定4.组件代码中找节点5.用代码添加一个文本到owner节点下**一个节点如果已经加入场景树，就不能再重复添加了**6.获取当前的场景的方法任何一个节点都可以找他所在的场景节点：节点.scene7.物体要添加到当前场景的子节点中，不然不会显示在场景中8.Sprite9.Image九宫格模式10.Handler对象事件1.物体跟随鼠标按下后移动而移动 1.节点 this->当前的组件实例 owner是是一个Laya.
laya中ui编辑器中使用progressbar，skin的设置问题
认真写bug的传奇
03-12 2259
问题： 在layaIDE中编辑ui时，使用到progressBar时，发现进度条需要使用两张图片，但是ui中只有一个skin可以设置，只是拖入一张图片，发现设置value值进度条的位置没有变化。但是官网中讲解又很模糊，没有针对性的讲ui中怎么设置。 解决办法： 1、正常从资源面板中拖拽一个进度条到编辑器中； 2、资源处理：两张图片，注意命名规则！ 进度条的背景图片命名：name.png...
laya2.0+wechat-friend-rank.zip
06-19
《laya2.0结合微信好友排行榜数据技术详解》 在现代的游戏开发中，互动性和社交元素已经成为不可或缺的一部分。Laya2.0作为一款强大的2D/3D游戏引擎，以其高效、易用的特点深受开发者喜爱。而将Laya2.0与微信好友...
FairyGUI-layabox:LayaAir的灵活UI框架
04-24
2.1这两个版本layair1.x 用于LayaAir1.x版本目录结构source fairygui的源码demo 例子工程,可用Laya IDE直接打开UIProject UI 工程,可以FairyGUI编辑器打开获取fairygui库如果你只是想添加或者更新fairygui库到你的...
转盘和九宫格抽奖
04-08
转盘抽奖，九宫格抽奖和九宫格抽奖变化背景、
create-laya-app:创建layabox应用程序cli
05-03
create-laya-appcreate layabox app cliUsagenpx create-laya-app my-app-namecd my-app-name && npm i && npm startTODO自动修改package.json中的项目名称，自动安装package里的依赖包。但是我懒。
Laya 笔记-LayaAir基础篇
许集贤
06-04 1884
屏幕适配 获取浏览器DPR(Device Pixel Ratio)设备像素比：Laya.Browser.pixelRatio 逻辑宽高(逻辑分辨率的宽高)：Laya.Browser.clientWidth、Laya.Browser.clientHeight 物理宽高(物理分辨率):Laya.Browser.width、Laya.Browser.height 设计宽高：在LayaAir引擎里，初始化引擎的init(宽，高)值对应的就是设计宽高。如Laya.init(750, 1334); 引..
Laya中显示图片的几种方式
qq_19240563的博客
11-26 6719
一、Sprite： 先加载资源：let url = [ { url: “res/atlas/image.atlas”, type: Laya.Loader.ATLAS }, ]; Laya.loader.load(url, Laya.Handler.create(this, this.init)); 在init方法中写下面代码： 1、直接使用Sprite，给Sprite添加贴图 var t = L...
Laya 开发性能经验总结
wangwen_22的博客
05-15 7118
canvas 和webgl区别 canvas：翻译成中文就是 画布，可以理解是一张白纸，可以用来画画。canvas 2d 可以理解为内置的2d图形接口，可以理解为一个画笔，可以画点，直线，矩形，圆弧，贝塞尔曲线。 //html网页 <html> <head> <script> //获得画布 var canvas = document.getElementById('canvas'); if (canvas.getContext) {
LayaAir UI组件 # Tab 选项卡按钮组
蚩尤后裔-汪茂雄
12-29 3211
目录 Tab 组件 编码示例 默认资源 自定义资源 Tab 组件 Tab 组件用于定义选项卡按钮组，例如多页面切换显示。 Tab 组件的皮肤是以 tab 或以 tab_ 为前缀进行命名，在皮肤设计规范方面，是竖向等分的两态图或三态图。 Tab 组件的皮肤无法使用九宫格属性，所以要在资源设计的时候就确定好实际应用时的大小 Package laya.ui 类 publ...
laya如何使用sprite图
u010785091的博客
03-06 3602
laya如果需要使用它这样的图怎么办呢？这样先引入图片，把容器状态改成切片clip,就能轻松解决。
LayaBox -- List组件的使用
热门推荐
阳仔博客
03-27 1万+
本节我们使用LayaBox 自带List组件实现了一个排行榜界面，由于List组件限制很多，我们下篇自己实现一个类似Unity ScrollView的效果。list滑动效果如下： 排行榜里面的数据，头像等都是随便写上去的，而且分数也没有实现从高到低的排序，我们现在只是做出上图的效果。 一、UI效果制作 a. 创建一个View类型的UI页面，RankList.ui。 b. 制作返回按钮和上面...
Laya 实操三：鼠标事件响应+键盘事件响应
JPF29
07-02 2268
鼠标事件响应 onMouseDown(e){ console.log("按下"); } onMouseMove(e){ console.log("移动"); } onMouseOut(e){ console.log("移出"); } onMouseOver(e){ console.log("进入"); } onMouseUp(e){ console..
Laya分包教程：小米快游戏无积分分包步骤
"这篇教程介绍了如何使用Laya引擎进行分包操作，特别是针对小米快游戏平台，以解决包体大小超过限制的问题。" 在开发基于Laya引擎的游戏或应用时，有时会遇到包体大小超出平台限制的问题。本文提供了一个简单易懂的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值