Question

所以我一直试图让我的网格进入我的场景，但根本无法让它工作。我一直在寻找关于如何做到这一点的教程，在过去的一个半小时内尝试各种各样的东西，但根本无法让它显示出来。

到目前为止，这是我的代码：

$(function() {
  var scene = new THREE.Scene();
  var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
  var renderer = new THREE.WebGLRenderer();

  var loader = new THREE.JSONLoader(); 
      loader.load( "stand2.js", modelLoadedCallback);


  var meshmaterial = new THREE.MeshBasicMaterial({
      wireframe: true,
      color: 0xdddddd
        });

  function modelLoadedCallback(geometry) {
     var standmesh = new THREE.Mesh( geometry, meshmaterial);
      standmesh.position.x = 0;
      standmesh.position.y = 0;
      standmesh.position.z = 0;
      standmesh.scale.set(0.5, 0.5, 0.5);
      scene.add(standmesh);
  }



  renderer.setClearColor(0x000000);
  renderer.setSize(window.innerWidth, window.innerHeight);

  var axis = new THREE.AxisHelper(10);
  scene.add(axis);

  var cubeGeometry = new THREE.BoxGeometry(20, 20, 20);
  var cubeMaterial = new THREE.MeshBasicMaterial({
    color: 0xdddddd,
    wireframe: true
  });
  var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);

  cube.position.x = 0;
  cube.position.y = 0;
  cube.position.z = 0;

  scene.add(cube);

  camera.position.x = 300;
  camera.position.y = 300;
  camera.position.z = 300;

  camera.lookAt(scene.position);

function render() {
    requestAnimationFrame( render );
    renderer.render( scene, camera );
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.02;
    cube.rotation.z +=0.01
}
render();   
  $("#webGL-container").append(renderer.domElement);

});

我有一个简单的旋转立方体，显示完美，但无法让我的网格出现。我已经尝试弄乱它的规模，因为它太大或太小但没有任何效果。使用3DSMax导出器将其导出两次，但它不会改变任何内容。没有光源，但我只是专注于暂时看到它的线框。导出的模型也位于此js文件的同一目录中，因此该目录也没有错误。

很抱歉提出这样一个基本问题，但我老老实实地在这个问题上坚持1小时30分钟并且无法得到任何东西。谢谢你的时间。

三个JS - 3D网格不显示

0 个答案: