/ThreeCharacterExamples

Three.js Character Animation Example and Tools.3D Character is using ManuelBastioniLAB

Primary LanguageJavaScript

Three.js Character Animation Example And Tools

Sadly my native language is not English.So READ THE CODE if you need. I'm no plan to send pull request because of hard to explain what I made so far. Feel free to use code via License.

Recently I'm porting from my GWT(Google Web Toolkit) Projects to Three.js style Javascript.

Code Style

As possible as can,Use similar three.js grammer,not using ES6 style.UI is Use from Three.js Editor source code.

VRM Examples

VRM Test video

VRM - Vrm 3d Character Example

Not VRM Examples

Ammo - Basic Simple Ammo Example for understand Character Animation Bone - Three.js Skeleton Bone System Examples

MBL3D - ManuelBastioniLAB 3D Examples

CDDIk - CDD Ik Examples

Misc - Misc Examples

If Example not Working

My exaple complexly depends on each other and I did not use any Test tools,That Why some time example broken because of other changing. So In this case see history and use old code what you want example.

Model Format

Using Gltf Format has 2 problem.First problem I didnt solve Morph target problem.I'm using gltf-pipeline to compress file,but this is not support morph target.Second Problem is indices weight,some how gltf exported from Blender model's skinning result is not good at some vertex.I have no time to solve problem.

That Why Most of case I'm using FBX Format;perfect skinning,soso goood data compression. ###Bones I converted bone matrix inside for easy limit-bone-angles,that why export animation not compatible original bone - character. see BoneUtils.convertToZeroRotatedBoneMesh()

Usefull Links

https://threejs.org/examples/

https://threejs.org/editor/

ManuelBastioniLAB - Example use this character (but project is shutdown so far)

https://github.com/animate1978/MB-Lab (commynity edition of ManuelBastioniLAB 3D)