登峰造极境

  • WIN
    • CSharp
    • JAVA
    • OAM
    • DirectX
    • Emgucv
  • UNIX
    • FFmpeg
    • QT
    • Python
    • Opencv
    • Openwrt
    • Twisted
    • Design Patterns
    • Mysql
    • Mycat
    • MariaDB
    • Make
    • OAM
    • Supervisor
    • Nginx
    • KVM
    • Docker
    • OpenStack
  • WEB
    • ASP
    • Node.js
    • PHP
    • Directadmin
    • Openssl
    • Regex
  • APP
    • Android
  • AI
    • Algorithm
    • Deep Learning
    • Machine Learning
  • IOT
    • Device
    • MSP430
  • DIY
    • Algorithm
    • Design Patterns
    • MATH
    • X98 AIR 3G
    • Tucao
    • fun
  • LIFE
    • 美食
    • 关于我
  • LINKS
  • ME
Claves
长风破浪会有时,直挂云帆济沧海
  1. 首页
  2. Programming
  3. babylon.js
  4. 正文

babylon.js skybox、SkyMaterial和HDR Environment对比

2022-11-15

已知babylon.js实现天空盒的方法有两种:

  1. Skybox:https://doc.babylonjs.com/features/featuresDeepDive/environment/skybox
  2. Skymaterial:https://doc.babylonjs.com/toolsAndResources/assetLibraries/materialsLibrary/skyMat
  3. HDR Environment:https://doc.babylonjs.com/features/featuresDeepDive/materials/using/HDREnvironment

基本对比:

  1. skybox仅支持设置图片x6;
  2. skybox没有镜面反光效果,但hdr有此效果;
  3. skybox实现更加容易,但图片素材不好找;反之hdr的图片素材则非常多;
  4. skymaterial可以配置光照、太阳位置等等参数,且支持白天黑夜、但不支持云朵;

一、skybox

二、skyMaterial

1.黑夜模式白天模式

经过测试通过调节太阳方位角、亮度、形态都可以实现白天模式至黑夜模式的切换;

下面是我随意调节的两种效果;

https://playground.babylonjs.com/#4R1H1U#63

白天模式

    box.material.inclination = 0;
    box.material.luminance=1;
     box.material.turbidity= 1;
     box.material.rayleigh = 2;

黑夜模式

    box.material = new BABYLON.SkyMaterial('sky', scene);
    box.material.inclination = 0;
    box.material.luminance=1;
     box.material.turbidity= 1;
     box.material.rayleigh = 0.3;
标签: 暂无
最后更新:2022-11-15

代号山岳

知之为知之 不知为不知

点赞
< 上一篇
下一篇 >

COPYRIGHT © 2099 登峰造极境. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

蜀ICP备14031139号-5

川公网安备51012202000587号