Spaces:
Running
Running
File size: 3,024 Bytes
04cab88 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
import * as THREE from 'three';
import * as TWEEN from '@tweenjs/tween.js';
const scene = new THREE.Scene();
scene.background = new THREE.Color(
// 0xcccccc
'white'
);
const clock = new THREE.Clock();
const camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10_000);
camera.position.set(0, 20, 50);
camera.lookAt(0, 3, 0);
new (<any>THREE).OrbitControls(camera);
const ambientLight = new THREE.AmbientLight(0xffffff, 1);
scene.add(ambientLight);
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
const stats = new Stats();
document.body.appendChild(stats.dom);
/// Anim mixer
const mixers: THREE.AnimationMixer[] = [];
class Assets {
static loadDogDae(): Promise<{
animations: THREE.AnimationClip[];
scene: THREE.Group;
}> {
/// In Dae/Collada: did not manage to get
/// either the anims or the texture.
return new Promise((resolve, reject) => {
const loader: THREE.AnyLoader = new (<any>THREE).ColladaLoader();
loader.load(
`models/dog_project_v2.dae`,
(collada) => {
resolve(collada);
}
);
});
}
static loadDogFbx(): Promise<THREE.Group> {
return new Promise((resolve, reject) => {
const loader: THREE.AnyLoader = new (<any>THREE).FBXLoader();
loader.load(
`models/dog-embedded_media.fbx`,
(fbx) => {
resolve(fbx);
}
);
});
}
}
class TUtils {
static boundingBox(o: THREE.Object3D): THREE.Box3 {
const bbox = new THREE.Box3().setFromObject(o);
return bbox;
}
static flushYZero(o: THREE.Object3D) {
o.position.y = -(this.boundingBox(o)).min.y;
}
static perform(tween: TWEEN.Tween): Promise<void> {
return new Promise(resolve => {
tween.onComplete(resolve).start();
});
}
}
(async () => {
/**
* scene construction
*/
const gridHelper = new THREE.GridHelper(100, 100);
scene.add(gridHelper);
const axesHelper = new THREE.AxesHelper(50);
scene.add(axesHelper);
{
////// dog_fbx from Amine -> conversion Maya -> fbx
const dog = await Assets.loadDogFbx();
c.log(dog);
c.log(TUtils.boundingBox(dog));
const container = new THREE.Group();
container.add(dog);
container.scale.setScalar(0.3); /// <- scale a container, not the dog itself or it'll fuck the anims.
scene.add(container);
const box = new THREE.BoxHelper(container, new THREE.Color('green'));
scene.add(box);
}
})();
/**
* MAIN()
*/
window.addEventListener('resize', onWindowResize, false);
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
}
function render() {
const delta = clock.getDelta();
for (const mixer of mixers) {
mixer.update(delta);
}
renderer.render(scene, camera);
}
function animate() {
requestAnimationFrame(animate);
TWEEN.update();
render();
stats.update();
}
animate();
|