Three.js 接口 - getScene()
获得three.js中scene对象的引用,通过这个引用,可以添加自定义的three.js对象(使用场景举例:为3D地球添加一个自定义的宇宙背景)。查看 Three.js文档了解更多有关Scene的信息。
使用示例:(通过scene对象添加背景)
controller.addData( inputData );
controller.init();
// 在controller初始化以后获取scene对象
var scene = controller.getScene();
// 创建宇宙背景,这个背景本质上是一个three.js对象
var universe = createUniverse();
// 通过scene对象将创建的背景添加到场景中
scene.add(universe);
// 这个方法创建宇宙背景
function createUniverse() {
var universeMesh = new THREE.Mesh();
universeMesh.geometry = new THREE.SphereGeometry(500, 128,
128);
universeMesh.material = new THREE.MeshBasicMaterial({
map: new
THREE.TextureLoader().load(
'images/galaxy.png'
),
side:
THREE.BackSide
});
return universeMesh;
}
Gio.js添加了宇宙背景之后的效果:
普通Gio.js,无宇宙背景的效果:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论