2016-03-20 36 views
0

çalışmıyor. Ama JSONLoader bir js dosyası yüklemeye çalıştığımda hiçbir şey olmuyor.kopyala/Threejs.org yapıştırılan JsonLoader Böylece bir küp yaratma sorunum yok çünkü JSONLoader</p> <p>Three.js'ye threejs.org kesin çalışıyor işe almak çalışıyorum

<html> 
    <head> 
     <title>My first Three.js app</title> 
     <style> 
      body { margin: 0; } 
      canvas { width: 100%; height: 100% } 
     </style> 
    </head> 
    <body> 
     <script src="three.js"></script> 
     <script> 
      var scene = new THREE.Scene(); 
      var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 

      var renderer = new THREE.WebGLRenderer({ alpha: true }); 
      renderer.setSize(window.innerWidth, window.innerHeight); 
      document.body.appendChild(renderer.domElement); 

      // instantiate a loader 
      var loader = new THREE.JSONLoader(); 

      // load a resource 
      loader.load(
       // resource URL 
       'logo.js', 
       // Function when resource is loaded 
       function (geometry, materials) { 
        var material = new THREE.MultiMaterial(materials); 
        var object = new THREE.Mesh(geometry, material); 
        scene.add(object); 
       } 
      ); 

      camera.position.z = 5; 

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

      render(); 
     </script> 
    </body> 
</html> 

Başlıkta belirtildiği gibi kod, üçjs kendi web sitesinden yapıştırılmış kopyadır ve çalışmalıdır.

Birisi neyin yanlış gittiğini anlamama yardımcı olabilir mi? Burada

https://jsfiddle.net/380z6096/

nesne ben xampp ve krom kullanıyorum 3ds Max JSExporter

ile 3ds max ihraç edilmiş logo.js filminin senaryosu ile keman olduğunu.

+0

(1) Oluşturma döngüsünün dışındaki temiz rengi ayarlayın. (2) 'alfa: true '' yı sadece sahneniz için şeffaf bir arka plan istiyorsanız ayarlayın. – WestLangley

+0

Üzgünüz, bir şey değişmedi. ve arka planın şeffaf olmasını istiyorum – Nulle

cevap

0

Fotoğraf makineniz geometri içerisindedir.

Sen geometri yüzden

geometry.computeBoundingSphere(); 
console.log(geometry.boundingSphere); 

veya

geometry.computeBoundingBox(); 
console.log(geometry.boundingBox); 

Ölçeği gibi

object.scale.multiplyScalar(0.01); 

senin geometri boyutlarını belirlemek Ya geri kamera taşıyabilirsiniz.

three.js r.75

+0

Yeni başlayanlar için başka bir norm alabilir misin? Şimdi kamerayı nereye koymalıyım? – Nulle

+1

(1) Kamera geometri dışında olmalıdır. (2) Kuş modeliniz iyidir. (3) Modelden yüklenen malzeme sahne ışıkları gerektiren 'MeshLambertMaterial''dır. Hiçbiriniz yok, bu yüzden model siyah bir arka plan üzerinde siyah işleniyor. – WestLangley

+0

Evet, işe yaramıyor ve bu konudan vazgeçtim. – Nulle