我想在项目中使用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使用旧的库时。
我不明白我想念的是什么?任何的想法 ?谢谢。
答案 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;