小编aal*_*dim的帖子

Three.js - 缩小时事物消失了

在我的three.js项目中,我使用高z位置拍摄相机.当z位置太高时,我的场景变黑.所以,当我缩小它时会变黑.但我不希望这种情况发生.

这就是它的用途 camera.position.z = 3000; http://qs.lc/uui7g

当我缩小时,只需一个缩放,就像这样: 在此输入图像描述

对于我使用OrbitControls的控件,我的相机就像:

var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 3000);
camera.position.z = 3000;
Run Code Online (Sandbox Code Playgroud)

这里是行星和一些行星轨道的代码:

var scene = new THREE.Scene();

var material = new THREE.MeshLambertMaterial({
    map: THREE.ImageUtils.loadTexture("assets/img/sun.jpg")
});

var sun = new THREE.Mesh(new THREE.SphereGeometry(200, 50, 50), material);
scene.add(sun);

var orbitLine = function(radius,y)
{
    var segments = 64,
        line_material = new THREE.LineBasicMaterial( { color: 0xffffff } ),
        geometry = new THREE.CircleGeometry( radius, segments );

    geometry.vertices.shift();

    var orbit = new THREE.Line( geometry, line_material );
    if(y)
        orbit.position.y=y; …
Run Code Online (Sandbox Code Playgroud)

html javascript three.js

7
推荐指数
1
解决办法
2005
查看次数

标签 统计

html ×1

javascript ×1

three.js ×1