小编Omi*_*rib的帖子

如何在three.js中导入json和渲染

大家好我编写导入json文件的代码并使用three.js渲染它我从three.js编辑器导出json文件 它不会在控制台中显示任何错误

window.onload = function(){
var 
    shapeObjectUrl = "test.json",
    scene = new THREE.Scene(),
    camera = new     THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight, 0.1, 1000),
    renderer = new THREE.WebGLRenderer(),
    loader = new THREE.JSONLoader();

renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

loader.load( shapeObjectUrl, 
    function ( geometry, materials ) {
        console.log(geometry, materials);
        var mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial() );
        scene.add( mesh );
        console.log(mesh);
        render();
});

camera.position.z = 5;

var render = function () {
    requestAnimationFrame(render);
    renderer.render(scene, camera);
};

};
Run Code Online (Sandbox Code Playgroud)

Json文件:

{
"metadata": {
    "version": 4,
    "type": "geometry",
    "generator": …
Run Code Online (Sandbox Code Playgroud)

javascript json three.js

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

json ×1

three.js ×1