diff --git a/docs/examples/en/animations/CCDIKSolver.html b/docs/examples/en/animations/CCDIKSolver.html index db4f6f34e79e68..7025708e0d6cb1 100644 --- a/docs/examples/en/animations/CCDIKSolver.html +++ b/docs/examples/en/animations/CCDIKSolver.html @@ -105,6 +105,7 @@

Code Example

Examples

+ [example:webgl_animation_skinning_ik]
[example:webgl_loader_mmd]
[example:webgl_loader_mmd_pose]
[example:webgl_loader_mmd_audio] diff --git a/examples/files.json b/examples/files.json index 6da099d02f57c7..3d7d167ca65f33 100644 --- a/examples/files.json +++ b/examples/files.json @@ -3,6 +3,7 @@ "webgl_animation_keyframes", "webgl_animation_skinning_blending", "webgl_animation_skinning_additive_blending", + "webgl_animation_skinning_ik", "webgl_animation_skinning_morph", "webgl_animation_multiple", "webgl_camera", diff --git a/examples/jsm/animation/CCDIKSolver.js b/examples/jsm/animation/CCDIKSolver.js index 7282c767fa8b23..9ca5b042d32db6 100644 --- a/examples/jsm/animation/CCDIKSolver.js +++ b/examples/jsm/animation/CCDIKSolver.js @@ -283,7 +283,7 @@ function setPositionOfBoneToAttributeArray( array, index, bone, matrixWorldInv ) */ class CCDIKHelper extends Object3D { - constructor( mesh, iks = [] ) { + constructor( mesh, iks = [], sphereSize = 0.25 ) { super(); @@ -293,7 +293,7 @@ class CCDIKHelper extends Object3D { this.matrix.copy( mesh.matrixWorld ); this.matrixAutoUpdate = false; - this.sphereGeometry = new SphereGeometry( 0.25, 16, 8 ); + this.sphereGeometry = new SphereGeometry( sphereSize, 16, 8 ); this.targetSphereMaterial = new MeshBasicMaterial( { color: new Color( 0xff8888 ), diff --git a/examples/models/gltf/kira.glb b/examples/models/gltf/kira.glb new file mode 100644 index 00000000000000..5867284da8a52f Binary files /dev/null and b/examples/models/gltf/kira.glb differ diff --git a/examples/screenshots/webgl_animation_skinning_ik.jpg b/examples/screenshots/webgl_animation_skinning_ik.jpg new file mode 100644 index 00000000000000..32a72a34c120ad Binary files /dev/null and b/examples/screenshots/webgl_animation_skinning_ik.jpg differ diff --git a/examples/webgl_animation_skinning_ik.html b/examples/webgl_animation_skinning_ik.html new file mode 100644 index 00000000000000..1aa0e1741f5e66 --- /dev/null +++ b/examples/webgl_animation_skinning_ik.html @@ -0,0 +1,220 @@ + + + + three.js webgl - animation - skinning - ik + + + + + + + +

+ three.js webgl - Kira's "hand with Reflecting Sphere"
+ (see full-experiment) +
+ + + + + + + + + +