Comment charger correctement un fichier Json dans Threejs

Question

J'ai fait quelques projets sur Blender et j'ai décidé d'en afficher un en utilisant troisjs, mais l'objet ne s'affiche pas. Quelle serait la bonne façon de charger un fichier JSON avec une animation par image clé?

Here is the specific JSON file that I want to load

et l'extrait du code que j'utilise:

var mesh; 
function initMesh() { 
var loader = new THREE.JSONLoader(); 
loader.load('./ocean.json', function(geometry, materials) { 
    mesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials)); 
    mesh.scale.x = 0.75; 
    mesh.scale.y = 1; 
    mesh.scale.z = 0.75; 
    scene.add(mesh); 
}, undefined, function (e) {console.log('ERROR: ',e)}); 

Answer 1

je recommande de commencer par leur rédacteur en chef: https://threejs.org/editor/

Ici vous avez l'interface graphique où vous pouvez import .json, .obj, etc. C'est un moyen rapide de voir ce que vous avez fait, vous pouvez ajouter des lumières, jouer avec des matériaux, ajouter des scripts personnalisés, etc. Pour e Par exemple, vous pouvez charger un exemple, supprimer des objets par défaut, importer votre modèle, appuyez sur Lecture et si vous aimez ce que vous voyez, cliquez sur Publier. Il va télécharger le projet entier que vous pouvez télécharger sur votre serveur et qui peut être la base pour le travail futur.

Pour un démarrage rapide, il est parfait car il fonctionne et vous motivera à étudier et apprendre davantage. Je sais que ce n'est pas une réponse directe à la question, mais j'ai été là et il est frustrant de voir que tous ces chargeurs ne fonctionnent pas parce que vous n'avez pas sélectionné toutes les bonnes cases lors de l'exportation depuis Blender ou autre (il pourrait y en avoir beaucoup).

Essayez d'abord l'éditeur, comprendre comment cela fonctionne et aller de l'avant. Juste un conseil