ju__ju的博客

用laya写了一个项目部署到的根目录,后来又写了一个后台管理平台,部署到根目录下的managers目录,结果发现第一次进入managers路径是正常显示,结果一刷新就变成下图所示通过调试器发现有很多文件没找到,而这些文件在后台管理项目中根本就不存在,所以找不到原因nginx部署时有问题.每次刷新后台管理项目时都跳转到了根目录(部署的laya项目),所以显示有问题....

Laya项目中有时候需要用到html元素比如此处,使用了ICE的UI组件库,代码中原本是直接定位上去的,但是当窗口发生变化时,Laya元素会自动缩小适配,而html元素的定位出现偏移等问题.于是就考虑,在原位置创建一个Laya元素,然后将html元素定位在Laya元素里面,从而达到html跟随窗口大小而变化的需求.//1.创建Laya中的元素并设置宽高,并添加到Laya对应的块中let spr = new Laya.Box()spr.width = 100spr.height = 1

如图,ComboBox组件下拉框展开时关闭dialog,结果ComboBox的下拉框没有随父级dialog的关闭而关闭.几次尝试后发现,ComboBox添加到Laya.stage中时,能点击任何地方去触发下拉的框的收起,于是考虑是否是dialog中加了对鼠标按下事件的监听的影响.找了半天才发现是加了一句e.stopPropagation();阻止事件冒泡,去掉此代码后便可以随父级的元素的关闭或者点击而关闭下拉框了....

FullScreenImg.on(Laya.Event.CLICK, this, ()=>{ if (this.width != Laya.stage.width && this.height != Laya.stage.height) { this.width = Laya.stage.width this.height = Laya.stage.height this.pivotX = this.width/2 ...

项目中的图片是1920*1080尺寸,遍历渲染时,需要渲染成80*80正方形,例如如果直接设置Image的尺寸为80*80,那么图片便会变形,所以就需要自动裁剪这个图片,由1920*1080得图片比例约为142:80,所以裁剪时,设置固定尺寸为142*80,然后裁剪中间一部分就可以了let device = new Laya.Sprite();device.size(80,80);let deviceImage = new Laya.Sprite();deviceImage.l...

Laya.TextInput是Laya中的输入框组件,可以设置背景色,背景框颜色,还有输入文字的颜色等,项目中有需要输入框的地方通常使用这种组件,有时候会有禁止输入的场景,也就是只能看,无法输入的场景例如:首先查看改组件属性,发现其有disabled的属性,也就是当disabled为true时,该输入框确实无法输入,而且会变灰,然而也无法改变背景框,文字,背景色等颜色了(只能改成#fff或者纯黑,其他颜色一概显示有问题)然后否决了这个方法,采取了mouseEnabled 这个属性...

Laya项目中有个选择颜色的需求,最开始是让用户自己填色值,但是非常不智能,于是要求使用颜色板选择,即下图所示:这里是直接使用了vanilla-picker插件使用方法:1.laya项目bin目录下html文件中加入<script type="text/javascript" src="plugins/vanilla-picker.js"></script>2.libs文件夹下创建window.d.ts文件,并且插入下列代码(即把Picker挂载到win..

可以看到官网实例上的post请求是 application/x-www-form-urlencoded 格式,传递的类型是Form Data实际上调试接口发现,项目中的接口数据只能接收下图的application/json 格式和Request Payload类型于是简单封装了一下Laya中的post请求// 部分代码post(params: { url: string, data: string | any[] | object}) { this._http = new .

效果如图,需求:弹窗出现后,字幕逐字显示,全部显示完后出现下一步按钮private dialog: Laya.Dialog;private index:number = 0;private fun (){ //创建一下基础的弹窗,text,button啥的添加到弹窗中,然后调用下面的计时器 this.dialog = new Laya.Dialog() let text = new Laya.Text() this.dialog.addChild(text); let button .

let dialog = new Laya.Dialog();//此处创建了一个dialog实例,但是发现这个地方并不需要插入Laya.stage中,就算手动加入Laya.stage.addchild()也会发现不起作用,自动添加到下图的DialogManger层中,但是这一层又没有命名,使用Laya.stage.getChildByName()方法也无法获取这个 Dialog 层通过查找API发现,可以通过下图的两个方法获取dialog的组名获取 let dialog = new Laya

最近有个Laya+unity的项目,发现unity中制作的动画,导入到unity中,镜头乱飞,而且拖尾也有问题.例如:下图(unity中效果)导入到Laya中显示如下,拖尾显示不出来.还有镜头乱飞的问题,unity中显示正常,但是Laya中可能算法有问题,如果偏移角度从正到负,或者从负到正,例如,-1到1,算法可能是算了个一周,从-1算到-360然后再算到1,同理从1到-1也是如此,多次实验发现角度如果有正负差别,镜头会旋转一周,体验不好, 于是只能采用,恒定曲线做这样可以瞬间切镜头,就避免

目的,点猴子的时候,按住鼠标左键不松,右侧会出现一个指定区域,拖动猴子到指定区域附近,抬起鼠标左键,猴子会自动吸附到区域内,同时移除该区域的边框引导.下面是部分代码private image: Laya.Image = new Laya.Image("comp/image.png"); //创建左侧的猴子private posX: number = 0.0; //记录鼠标按下时的X轴坐标private posY: number = 0.0; //记录鼠标按下时的Y轴坐标.