Babylonjs学习笔记 设置skybox(天空盒)

阅读: 评论:0

Babylonjs学习笔记 设置skybox(天空盒)

Babylonjs学习笔记 设置skybox(天空盒)

代码:

const skybox = MeshBuilder.CreateBox("skybox", {size: 1000.0}, scene); //创建了一个巨大的box,能囊括相机的运动范围const skyboxmat = new StandardMaterial("skybox", scene); //创建材质skyboxmat.backFaceCulling = false; //关闭背面剔除flectionTexture = new CubeTexture("./skybox/sb", scene); //材质使用立方体贴图dinatesMode = Texture.SKYBOX_MODE; //设置坐标模型,不过为什么要设置?暂时还不知道skyboxmat.diffuseColor = new Color3(0, 0, 0); //漫反射颜色skyboxmat.specularColor = new Color3(0, 0, 0); //镜面反射颜色skybox.material = skyboxmat; //将材质赋予box

用其他天空盒只要修改路径就行了,默认初始路径为public文件夹。路径指向包含六张JPG(PNG不行)格式的图片。官方文档Skyboxes | Babylon.js Documentation (babylonjs)。

ps. 推荐一个网站,可以将全景图片转换为立方体贴图🥰,注意选JPG格式:tech🥰brood/tool🥰?p=cube🥰map

本文发布于:2024-01-27 18:29:03,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/17063513451895.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:学习笔记   天空   Babylonjs   skybox
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23