Learn Three.js - Third Edition

Reusing models from the SEA3D project

SEA3D is an open source project that can be used to create games, make models, add animations, and much more. For now, we'll just show you how you can use the models from this project and visualize them in Three.js. The approach is a little bit different than we've seen so far, but not by much:

var sceneContainer = new THREE.Scene();var loader = new THREE.SEA3D({  container: sceneContainer});loader.load('../../assets/models/mascot/mascot.sea');loader.onComplete = function( e ) {  var skinnedMesh = sceneContainer.children[0];  skinnedMesh.scale.set(0.1, 0.1, 0.1);  skinnedMesh.translateX(-40);  skinnedMesh.translateY(-20);  skinnedMesh.rotateY(-0.2*Math.PI);  scene.add(skinnedMesh); // and set up the animation ...