Fog Hides Skybox (THREE.JS R76)
Fog Hides Skybox (THREE.JS R76)
我有一个圆柱体,相机停留在其中。我设置了雾,所以管的末端不可见——但我希望通过圆柱体的alpha贴图侧可以看到skybox。雾挡住了能见度,我想知道需要做些什么来解决这个问题。
var POS_X = 0,
POS_Y = 0,
POS_Z = 0,
FOV = 60,
WIDTH = window.innerWidth,
HEIGHT = window.innerHeight,
NEAR = 1,
FAR = 120000, //Camera Far Distance
renderer = new THREE.WebGLRenderer({antialias:true}),
function addFog(){
scene.fog = new THREE.Fog(0x000000, 100, 40000);
}
function addSkybox(){
var materialArray = [],
imgArray = ["skybox_right.jpg", "skybox_left.jpg",
"skybox_front.jpg", "skybox_back.jpg",
"skybox_top.jpg", "skybox_bottom.jpg"];
for (var i = 0; i < 6; i++){
materialArray.push( new THREE.MeshBasicMaterial({
map: loader.load( imgArray[i] ),
side: THREE.BackSide
}));
}
var skyMat = new THREE.MeshFaceMaterial( materialArray ),
skyGeo = new THREE.BoxGeometry( 100000, 100000, 100000, 1, 1, 1),
sky = new THREE.Mesh(skyGeo, skyMat);
sky.name="skybox";
scene.add(sky);
}
您只需添加fog: false
即可忽略雾效果。
for (var i = 0; i < 6; i++){
materialArray.push( new THREE.MeshBasicMaterial({
map: loader.load( imgArray[i] ),
side: THREE.BackSide,
fog: false
}));
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 使用agility.js进行页面布局和合成
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 强制模板刷新ember.js
- 如何编写HTML输入的JS内联
- Angular JS IE9 Hashbang url rewriting
- 使用JS将数组转换为json对象
- Node.js v6.2.0类扩展不是函数错误
- 当js函数's已执行
- 要求未定义JS回调参数
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 如何从Java/scala调用js美化程序
- 如何更改<svg>标记为<img>用js标记
- 如何使用 node.js 比较两个 json 数组
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- Fog Hides Skybox (THREE.JS R76)
- 更改alphaMap不透明度不会更新(THRE.JS R76)
- 音频上下文的顶点置换(THRE.JS R76)