three.js-地面/地板上的反射
three.js - Reflection on ground / floor
我想做同样的事情:(whithout replicate spheres)
http://people.mozilla.org/~sicking/webgl/ray.html
我做到了,它有效,但反射太大:/
var groundTexture = THREE.ImageUtils.loadTexture( "files/checkerboard.jpg" );
groundTexture.wrapS = groundTexture.wrapT = THREE.RepeatWrapping;
groundTexture.repeat.set( 25, 25 );
groundTexture.anisotropy = 16;
mirrorGroundCamera = new THREE.CubeCamera( 0.1, 5000, 512 );
scene.add( mirrorGroundCamera );
var mirrorGroundMaterial = new THREE.MeshBasicMaterial( { map: groundTexture, side: THREE.DoubleSide, envMap: mirrorGroundCamera.renderTarget } );
mirrorGround = new THREE.Mesh( groundGeometry, mirrorGroundMaterial );
mirrorGround.position.y = -0.5;
mirrorGround.rotation.x = - Math.PI / 2;
mirrorGroundCamera.position = mirrorGround.position;
scene.add(mirrorGround);
three.js中的环境映射是一种近似,并假设环境"无限"遥远。
请参阅http://threejs.org/examples/webgl_mirror.html有关如何在three.js.中处理镜像反射的示例
three.js r.70
相关文章:
- 可以'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标记
- three.js-地面/地板上的反射
- Knockout.js教程中的反射
- 三js立方体相机没有像我预期的那样反射
- Three.js中的动态反射
- Node.js模块中的上下文-如何使用反射访问函数