视频观看地址:
laya商业级3d游戏开发
本节目标:显示3D场景+首页ui
打开LayaEdu/scnnes/Home 场景
配置导出路径,点击导出
Laya f9
Homeview 代码更改如下
onOpened(data) {
this.startImage.on(Laya.Event.CLICK, this, this.OnStartImageClick);
let sceneName = ‘Home’;
let url = ‘res3d/LayaScene_’ + sceneName + ‘/Conventional/’ + sceneName + ‘.ls’;
Laya.Scene3D.load(url, Laya.Handler.create(this, this.OnSceneLoadOk));
}
OnSceneLoadOk(scene3D: Laya.Scene3D) {
//场景添加到舞台
Laya.stage.addChild(scene3D);
}
Ui不见了
为了查找问题,打开调试辅助工具
F8
Laya渲染顺序和节点排序有关3d节点最后渲染了
所以 调整节点顺序
代码调整
OnSceneLoadOk(rs: Laya.Scene3D) {
this.scene3D = rs;
// Laya.stage.addChild(rs);
///3d场景会遮挡ui
//保证3d场景在UI节点前面
Laya.stage.addChildAt(rs, 0);
结语;
本节课学习了3d场景资源的导出和加载
3d加2D的显示
通过控制节点调整渲染顺序