我正在使用Three.JS并导入一个对象,该对象从 clara.io 导出为 JSON 。我的问题是该对象在 Canvas 中不可见,我得到的只是一个黑色方 block ,其大小与我在变量中设置的大小(400 和 300 像素)相同。
这是我的代码:
var WIDTH = 400,
HEIGHT = 300;
// set some camera attributes
var VIEW_ANGLE = 45,
ASPECT = WIDTH / HEIGHT,
NEAR = 1,
FAR = 100000;
var $container = $('#wrapper');
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
var camera =
new THREE.PerspectiveCamera(
VIEW_ANGLE,
ASPECT,
NEAR,
FAR);
scene = new THREE.Scene();
scene.fog = new THREE.FogExp2(0xcccccc, 0.002);
camera.position.z = 300;
scene.add(camera);
camera.z = 100;
renderer.setSize(WIDTH, HEIGHT);
$container.append(renderer.domElement);
var ambientLight = new THREE.AmbientLight(0x111111);
scene.add(ambientLight);
var loader = new THREE.ObjectLoader();
loader.load("js/suzanne-blender.json", function (obj) {
scene.add(obj)
});
renderer.render(scene, camera);
我期望看到的是带有我从 clari.io 导出的 Material 的模型。谢谢。
最佳答案
我刚刚尝试将 JSON 加载到 ThreeJS 编辑器中:http://threejs.org/editor/ (只需拖放它即可。)然后我添加了一个灯光并将灯光拖动到不完全位于中心的位置。我可以在编辑器中很好地看到 Suzanne 模型。这意味着问题必须出在您用于可视化模型的代码中。也许您只需要添加一个位于一侧的点光源即可正确照亮物体?
最诚挚的问候,
本·休斯顿
关于javascript - Clara.io 导出的对象在 Three.JS Canvas 中不可见 - 仅黑色方 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24785425/