我可以在 threejs 中获得纯色的 clearColor,但是有没有办法实现渐变的 clearColor。或者一些类似的方法来在我的天空中获得更多的深度,也许用灯光?
这是我的相关代码:
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setClearColor( 0x3dc800 );
var light = new THREE.HemisphereLight( 0xffffff, 0xeeeeee, 0.75 );
light.position.set( 0.5, 1, 0.75 );
scene.add( light );
scene.fog = new THREE.Fog( 0x4ff904, 0, 750 );
最佳答案
我遇到了这个代码笔:
http://codepen.io/billimarie/pen/mJLeBY
我不相信,但它完美地回答了这个问题。
相关的 block 是:
renderer = new THREE.CanvasRenderer( { alpha: true }); // gradient
使用CSS:
body {
background-color: #1A8FCF;
margin: 0px;
overflow: hidden;
background-image: -webkit-gradient(#1A8FCF,#D1236A,#1A8FCF);
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image: -webkit-linear-gradient(#1A8FCF,#D1236A,#1A8FCF);
/* Firefox 3.6 - 15 */
background-image: -moz-linear-gradient(#1A8FCF,#D1236A,#1A8FCF);
/* Opera 11.1 - 12 */
background-image: -o-linear-gradient(#1A8FCF,#D1236A,#1A8FCF);
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image: linear-gradient(#1A8FCF,#D1236A,#1A8FCF);
}
**注意,我自己的颜色...
关于javascript - threejs中的渐变clearColor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28130317/