Laya 入坑学习(unity web版 加载真的坑,没办法只能换)

新手学习教程:

https://ke.qq.com/course/391284?taid=3286667889080436#term_id=100466700

技术文档:

https://ldc2.layabox.com/doc/?nav=zh-js-8-0-2

LayaAir3D由U3D导入模型及注意事项:

https://blog.csdn.net/Tel17610887670/article/details/93975705

https://blog.csdn.net/weixin_33894640/article/details/86007635

//加载unity导入的3d场景    
onAwake():void{
   Laya.Scene3D.load('LayaScene_laya1/Conventional/laya1.ls'
	, Laya.Handler.create(this, this.onComplete));
}

/** 加载完成*/
private onComplete(scene: Laya.Scene3D): void {
	// 将场景加到舞台上
	Laya.stage.addChild(scene);
    //为了在场景前加上UI界面,不然会挡住ui
	Laya.stage.setChildIndex(scene,0);
}

 

使用的是TypeScript

如何抗锯齿:

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第1张图片

        let cam=this.cameraAni.owner;

        cam.enableHDR=false;//3d抗锯齿

开启视网膜画布模式

init()之前:

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第2张图片

Config.useretinalcanvas=true;

init()之后

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第3张图片

Laya.Srage.useRetinalcanvas=true;

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第4张图片

3D抗锯齿失效的原因

由于3D抗锯齿默认是开启的,但有的开发者发现锯齿感还是很明显,那就需要检查是否使用了HDR和后期处理。webGL 1.0不支持renderTarget有抗锯齿,使用相机HDR和后期处理管线的BloomEffect泛光效果就会引起抗锯齿无效。

解决办法就是不要使用这两块功能,后期处理一般来说,开发者用的不多。HDR是要特别注意的,在Unity里导出资源时,不要勾选HDR相关选项。如果不小心勾了,不想重新导出的。也可以在项目代码里强制HDR效果。示例代码如下:

 
  1. this.camera = new Laya.Camera(0, 0.1, 100);

  2. this.camera.enableHDR = false; //关闭HDR

关闭HDR后,抗锯齿生效对比效果如图9-2所示。

(图10-2)

 

Scene、View、Dialog的继承关系 

Scene就是普通场景

View,继承自Scene,增加了widget组件,可以进行适配

Dialog,继承自View,除了适配,还增加了打开和关闭动画

Laya.Scene.open(scene)时,场景容器是stage上的一个Sprite。

因为游戏Main.ts入口里,如果没有往stage里addChild其他玩意儿,第一个被打开的就是场景,所以默认可以认为scene的容器在stage最底层的一个Sprite。

Laya.Dialog.open(dialog),dialog的容器是DialogManager,这个容器是stage的zOrder=1000的位置。

意思是dialog的容器是stage的zOrder=1000位置上的一个Sprite。

LayaNative的帧频

1、默认60 FPS/S

2、设置Laya.stage.frameRate = “mouse”,在设置后,引擎默认会以30帧运行,只有鼠标活动后才会自动提速到60帧,这样既能保证鼠标操作的流畅性,又能减少不操作的性能消耗;

3、设置Laya.stage.frameRate = “slow”,默认以30帧运行,来降低性能消耗,30帧的帧率已经能保证大多数游戏友好的体验;

Laya引擎获取IDE上面的ui组件的方法

原文链接:https://blog.csdn.net/qq_40529176/article/details/106825634

第一种:直接拖入组件上:前提是要写一段代码(这种方法不建议使用)

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第5张图片

第二种:使用var值,在IDE面板上对组件中的var值进行更改:(这种方法是使用了runtime脚本)

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第6张图片


第三种:通过获取节点名字getChildByName

如果是runtime脚本,使用this.getChildByName
Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第7张图片Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第8张图片

如果是Scripts脚本,使用 this.owner.getChildByName

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第9张图片

获取自定义脚本

var  game3d=this.getComponent(GameScript3D);

var play=this.owner.getComponent(GameScript3D) ;

 

鼠标监听事件

1、
    this.play.on(Laya.Event.CLICK,this,function() {
            LogUtil.Debug("openGameScene");
    });

2、
    // 侦听自定义的事件
    onAwake():void{
        this.sp.on(Interaction_CustomEvent.ROTATE, this, this.onRotate);    
        this.sp.on(Event.CLICK, this, this.onSpriteClick);
    }
        private onSpriteClick(e: Event): void {
            var randomAngle: number = Math.random() * 180;
            //发送自定义事件
            this.sp.event(Interaction_CustomEvent.ROTATE, [randomAngle]);
        }

        // 触发自定义的rotate事件
        private onRotate(newAngle: number): void {
            Tween.to(this.sp, { "rotation": newAngle }, 1000, Ease.elasticOut);
        }
3、
    onAwake():void{

         //添加键盘按下事件,一直按着某按键则会不断触发
         Laya.stage.on(Event.KEY_DOWN, this, this.onKeyDown);
         //添加键盘抬起事件
         Laya.stage.on(Event.KEY_UP, this, this.onKeyUp);
    }
        /**键盘按下处理*/
        private onKeyDown(e: Event): void {
            var keyCode: number = e["keyCode"];
            this.keyDownList[keyCode] = true;
        }

        /**键盘抬起处理*/
        private onKeyUp(e: Event): void {
            delete this.keyDownList[e["keyCode"]];
        }

4、
this.play.clickHandler = Laya.Handler.create(this,this.openGameScene,null,false);

 

Laya的动画制作,整图动画,序列图动画,时间轴动画,龙骨动画

https://www.cnblogs.com/gamedaybyday/p/11503104.html

关闭场景

//如果没有设置autoDestroyAtRemoved=true,则资源可能不能被回收,需要自己手动回收        
this.close();

//从父容器删除自己       
this.removeSelf();

//删除子节点        
Laya.stage.removeChild(this);

/*销毁此对象。destroy对象默认会把自己从父节点移除,并且清理自身引用关系,等待js自动垃圾回收机制回收。
destroy后不能再使用。 destroy时会移除自身的事情监听,自身的timer监听,移除子对象及从父节点移除自己。*/       
this.destroy();

性能优化

https://blog.csdn.net/u010785091/article/details/101538571?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-11.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-11.nonecase

https://blog.csdn.net/wangmx1993328/article/details/86355109#cacheAs%20%E4%B8%8E%20visible

Laya.Vector3 赋值(Vector3并非值类型)

let from = this.model.transform.position;//指向是同一块修改一个两个都修改

let from = this.model.transform.position.clone();//指向不同

Laya index.html和ts交互 (与外部js调用)

参考链接:

https://blog.csdn.net/m0_37583098/article/details/105508625?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159401954519195264509581%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=159401954519195264509581&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v3~pc_rank_v3-20-105508625.pc_ecpm_v3_pc_rank_v3&utm_term=laya+%E8%B0%83%E7%94%A8html

index.html

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第10张图片

.ts里面

测试结果:

设置场景层级(索引位置)

2d场景:this.actionScene.zOrder=0;

3d场景: Laya.stage.addChildAt(scene,0);

Laya.stage.setChildIndex(scene, 0);

点击穿透问题

https://ke.qq.com/webcourse/index.html#cid=391284&term_id=100466700&taid=3649876093433972&type=1024&vid=5285890791500278607

射线检测

示例

https://layaair.ldc.layabox.com/demo2/?language=ch&category=3d&group=Physics3D&name=PhysicsWorld_RayShapeCast

参数:

https://ldc2.layabox.com/doc/?nav=zh-ts-4-16-9

面闪烁问题(运动过程中场景面一会可见一会不可见)

1、拉长镜头视距离  

2、不能同时使用两个材质

Laya 入坑学习(unity web版 加载真的坑,没办法只能换)_第11张图片

你可能感兴趣的:(Laya)