返回介绍

中文

英文

Three.js 接口 - getScene()

发布于 2021-10-30 01:00:33 字数 2089 浏览 869 评论 0 收藏 0

获得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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文