Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Three.js 三个JS-3D网格不显示_Three.js - Fatal编程技术网

Three.js 三个JS-3D网格不显示

Three.js 三个JS-3D网格不显示,three.js,Three.js,所以我一直在尝试让我的网格进入我的场景,但根本无法让它工作。我一直在寻找如何做的教程,在过去的一个半小时里尝试了各种各样的东西,但根本无法让它出现 以下是我目前的代码: $(function() { var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); var renderer = n

所以我一直在尝试让我的网格进入我的场景,但根本无法让它工作。我一直在寻找如何做的教程,在过去的一个半小时里尝试了各种各样的东西,但根本无法让它出现

以下是我目前的代码:

$(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文件的同一目录中,因此该目录也没有错

很抱歉问了这么一个基本的问题,但老实说,我已经在这个问题上做了一个坚实的1h30m+测试,无法得到任何结果。
谢谢您的时间。

您的代码运行正常~我很好,您确定html是正确的吗?(“#webGL容器”确实存在并且没有输入错误,等等)也许我遗漏了什么?我不知道,但是从我看到的情况来看,我的html也应该可以。你能分享你的HTML吗?你的代码对我来说很好,你确定HTML是正确的吗?(“#webGL容器”确实存在并且没有输入错误,等等)也许我遗漏了什么?我不知道,但是从我看到的情况来看,我的html也应该可以。你能分享你的HTML吗?