|
@@ -42,7 +42,7 @@
|
|
Vector3,
|
|
Vector3,
|
|
Uint16BufferAttribute,
|
|
Uint16BufferAttribute,
|
|
WebGLRenderer
|
|
WebGLRenderer
|
|
- } from "../../build/three.module.js";
|
|
|
|
|
|
+ } from '../../build/three.module.js';
|
|
|
|
|
|
import { GUI } from '../../examples/jsm/libs/lil-gui.module.min.js';
|
|
import { GUI } from '../../examples/jsm/libs/lil-gui.module.min.js';
|
|
import { OrbitControls } from '../../examples/jsm/controls/OrbitControls.js';
|
|
import { OrbitControls } from '../../examples/jsm/controls/OrbitControls.js';
|
|
@@ -52,6 +52,7 @@
|
|
const state = {
|
|
const state = {
|
|
animateBones: false
|
|
animateBones: false
|
|
};
|
|
};
|
|
|
|
+
|
|
|
|
|
|
function initScene() {
|
|
function initScene() {
|
|
|
|
|
|
@@ -186,13 +187,13 @@
|
|
|
|
|
|
function setupDatGui() {
|
|
function setupDatGui() {
|
|
|
|
|
|
- let folder = gui.addFolder( "General Options" );
|
|
|
|
|
|
+ let folder = gui.addFolder( 'General Options' );
|
|
|
|
|
|
- folder.add( state, "animateBones" );
|
|
|
|
- folder.controllers[ 0 ].name( "Animate Bones" );
|
|
|
|
|
|
+ folder.add( state, 'animateBones' );
|
|
|
|
+ folder.controllers[ 0 ].name( 'Animate Bones' );
|
|
|
|
|
|
- folder.add( mesh, "pose" );
|
|
|
|
- folder.controllers[ 1 ].name( ".pose()" );
|
|
|
|
|
|
+ folder.add( mesh, 'pose' );
|
|
|
|
+ folder.controllers[ 1 ].name( '.pose()' );
|
|
|
|
|
|
const bones = mesh.skeleton.bones;
|
|
const bones = mesh.skeleton.bones;
|
|
|
|
|
|
@@ -200,7 +201,7 @@
|
|
|
|
|
|
const bone = bones[ i ];
|
|
const bone = bones[ i ];
|
|
|
|
|
|
- folder = gui.addFolder( "Bone " + i );
|
|
|
|
|
|
+ folder = gui.addFolder( 'Bone ' + i );
|
|
|
|
|
|
folder.add( bone.position, 'x', - 10 + bone.position.x, 10 + bone.position.x );
|
|
folder.add( bone.position, 'x', - 10 + bone.position.x, 10 + bone.position.x );
|
|
folder.add( bone.position, 'y', - 10 + bone.position.y, 10 + bone.position.y );
|
|
folder.add( bone.position, 'y', - 10 + bone.position.y, 10 + bone.position.y );
|
|
@@ -214,17 +215,17 @@
|
|
folder.add( bone.scale, 'y', 0, 2 );
|
|
folder.add( bone.scale, 'y', 0, 2 );
|
|
folder.add( bone.scale, 'z', 0, 2 );
|
|
folder.add( bone.scale, 'z', 0, 2 );
|
|
|
|
|
|
- folder.controllers[ 0 ].name( "position.x" );
|
|
|
|
- folder.controllers[ 1 ].name( "position.y" );
|
|
|
|
- folder.controllers[ 2 ].name( "position.z" );
|
|
|
|
|
|
+ folder.controllers[ 0 ].name( 'position.x' );
|
|
|
|
+ folder.controllers[ 1 ].name( 'position.y' );
|
|
|
|
+ folder.controllers[ 2 ].name( 'position.z' );
|
|
|
|
|
|
- folder.controllers[ 3 ].name( "rotation.x" );
|
|
|
|
- folder.controllers[ 4 ].name( "rotation.y" );
|
|
|
|
- folder.controllers[ 5 ].name( "rotation.z" );
|
|
|
|
|
|
+ folder.controllers[ 3 ].name( 'rotation.x' );
|
|
|
|
+ folder.controllers[ 4 ].name( 'rotation.y' );
|
|
|
|
+ folder.controllers[ 5 ].name( 'rotation.z' );
|
|
|
|
|
|
- folder.controllers[ 6 ].name( "scale.x" );
|
|
|
|
- folder.controllers[ 7 ].name( "scale.y" );
|
|
|
|
- folder.controllers[ 8 ].name( "scale.z" );
|
|
|
|
|
|
+ folder.controllers[ 6 ].name( 'scale.x' );
|
|
|
|
+ folder.controllers[ 7 ].name( 'scale.y' );
|
|
|
|
+ folder.controllers[ 8 ].name( 'scale.z' );
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|