Babylonjs学习笔记(五)——创建PBR材质

最新推荐文章于 2025-04-25 22:51:11 发布

原创最新推荐文章于 2025-04-25 22:51:11 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #3d

本文介绍了如何在Three.js中使用PBR材质（PhysicallyBasedRendering）为3D球体赋予逼真的外观，并配合创建天空盒（skybox）来增强场景环境。首先创建预过滤的环境贴图，然后应用到球体模型上。

书接上回，这里讨论PBR材质！！！

 // 创建天空盒/*  */
 const createSkyBox = (scene:Scene):void=>{
   const envTex = CubeTexture.CreateFromPrefilteredData('./env/environment.env',scene)
   scene.environmentTexture = envTex;
   scene.createDefaultSkybox(envTex,true)
 }




  createSkyBox(scene);

  const ball = MeshBuilder.CreateSphere('ball',{diameter:1},scene)
  ball.position = new Vector3(0,1,0)
  // 创建PRB材质
  const ballMat = new PBRMaterial('pbr',scene)
  // 赋值
  ball.material = ballMat;