栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

ThreeJs 认识场景和雾

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

ThreeJs 认识场景和雾

一、前言

场景,可以认为是 ThreeJs 3D 世界中的一个舞台,场景允许你在什么地方、摆放什么东西来交给three.js来渲染,这是你放置物体、灯光和摄像机的地方。

场景可以接受一个雾参数来模拟场景中雾的效果,而物体的材质则通过设置 fog 属性来决定材质是否受雾的影响。添加了雾的场景,就有点类似于起了雾的山峰,或者就是类似于西游记里天庭上的那种场景。

二、认识场景和雾 1.Scene

2.Fog

scene.fog = new THREE.Fog( 0x050505, 2000, 3500 );

3.FogExp2

scene.fog = new THREE.FogExp2( 0xefd1b5, 0.0025 );

三、总结

ThreeJs 中不管是物体还是灯光,或者是相机,都要被添加到场景中来进行渲染。雾是场景的修饰器,而物体的材质可以选择是否受到雾的影响。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/244439.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号