Three.js网格物体不会出现在库的构建版本中,但在使用旧库时会出现吗?

时间:2017-05-18 08:31:30

标签: three.js

我想在项目中使用three.js(https://threejs.org/build/three.js)的构建版本。

我使用的是旧版本的库,一切都很好,我的网格(从.json文件加载)正常显示。

这是我的代码:

    var renderer, scene, camera, mesh, material;

    initMesh();

    function initMesh() {

        var controls;

        camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.position.set(0,500,700);
        camera.up = new THREE.Vector3(0,0,0);
        camera.lookAt(new THREE.Vector3(0,0,0));

        scene = new THREE.Scene();
        scene.add(camera);

        renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement );

        var loader = new THREE.JSONLoader();
        loader.load('test.json', function(geometry) {

            material = new THREE.MeshBasicMaterial({ color: 0x00ff84, wireframe: true, wireframeLinewidth: 3 });
            mesh = new THREE.Mesh(geometry, material);
            scene.add(mesh);

            render();

        });
    }

    var render = function () {
        requestAnimationFrame( render );

        renderer.render(scene, camera);
    };

Here is what I got使用旧的库时。

我不明白我想念的是什么?任何的想法 ?谢谢。

1 个答案:

答案 0 :(得分:1)

我尝试了你的例子 删除此行可解决问题: const years = []; for(let i = currentYear - 100; i < currentYear - 15; i++) { years.push( <MenuItem value={i} key={i} primaryText={i} ); } return( <div> <p>Date Of Birth</p> <DropDownMenu value={this.state.year} onChange={(e, i, value) => this.handleChange('year', value)}> {years} </DropDownMenu> </div> ) } } export default DateOfBirth;