ColladaLoader Three.js ne restitue rien sur la toile

Question

Je travaille actuellement sur un projet, je peux voir que tout se charge comme il se doit et j'ai continuellement lu la documentation de Three.js pour voir ce qui ne va pas mais rien J'ai essayé a travaillé.

De la vérification de la console, je peux voir que le fichier Collada s'est bien chargé, et la progression montre "100% Loaded".

Je peux voir que la toile elle-même a chargé et la couleur de la toile aussi.

Je peux aussi voir l'animation de toile travaille d'ajouter dans un console.log()

S'il vous plaît voir le code ci-dessous, et nous espérons que vous les gars peuvent faire la lumière sur ma situation sombre.

jQuery(window).load(function($){ 
var w = jQuery('.topSection .design').width(); 
var h = jQuery('.topSection .design').height(); 
var scene = new THREE.Scene(); 
var camera = new THREE.PerspectiveCamera(45, w/h, 1, 1000); 
var renderer = new THREE.WebGLRenderer(); 
var loader = new THREE.ColladaLoader(); 
var box; 

function init() { 
    loader.load('definition3D.dae', function (result) { 
      scene.add(result.scene); 
      camera.lookAt(scene.position); 
     }, function (xhr) { 
      console.log(Math.ceil(xhr.loaded/xhr.total * 100) + '% loaded'); 
     } 
    ); 

    renderer.setClearColor(0xdddddd); 
    renderer.setSize(w, h); 

    jQuery('.topSection .design').append(renderer.domElement); 
    console.log(loader); 
} 

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

});

Merci d'avance

Answer 1

Si vous ne spécifiez pas la position de la caméra et votre modèle ont un centre de 0,0,0 vous avez les deux éléments dans la même position et si le matériel Collada ne vous vous double face peut ne rien voir.

d'abord essayer de déplacer la caméra loin du modèle seconde, vous pouvez utiliser l'assistant BoundingBoxHelper pour voir la position réelle du maillage (ou l'échelle).

var bbox = new THREE.BoundingBoxHelper(result.scene, 0xff0000); 
    bbox.update(); 
scene.add(bbox); 

Vous pouvez ainsi voir si votre modèle a un mauvais centre ou une très petite taille.