To animate 3D human model with this kinda Json data

Questions
1

Hello, Hope you are doing good!
I have motion capture data identifying joints on a human body.
I want to animate the model based on this json data using dots and lines to represent it.

{
					"joints": {
						"left_ankle": {
							"x": 7.83,
							"y": -2.83,
							"z": 0.14
						},
						"left_big_toe": {
							"x": 7.83,
							"y": -2.64,
							"z": 0.05
						},
						"left_ear": {
							"x": 8.06,
							"y": -2.78,
							"z": 1.99
						},
						"left_elbow": {
							"x": 7.84,
							"y": -2.87,
							"z": 1.4
						},
						"left_eye": {
							"x": 8.15,
							"y": -2.69,
							"z": 1.99
						},
						"left_heel": {
							"x": 7.83,
							"y": -2.88,
							"z": 0.07
						},
						"left_hip": {
							"x": 8.01,
							"y": -2.88,
							"z": 1.08
						},
						"left_knee": {
							"x": 7.94,
							"y": -2.81,
							"z": 0.65
						},
						"left_pinky": {
							"x": 7.83,
							"y": -2.76,
							"z": 0.99
						},
						"left_shoulder": {
							"x": 7.96,
							"y": -2.8,
							"z": 1.75
						},
						"left_small_toe": {
							"x": 7.76,
							"y": -2.68,
							"z": 0.05
						},
						"left_thumb": {
							"x": 7.91,
							"y": -2.74,
							"z": 1.04
						},
						"left_wrist": {
							"x": 7.85,
							"y": -2.77,
							"z": 1.11
						},
						"mid_hip": {
							"x": 8.09,
							"y": -2.95,
							"z": 1.1
						},
						"neck": {
							"x": 8.14,
							"y": -2.82,
							"z": 1.79
						},
						"nose": {
							"x": 8.18,
							"y": -2.66,
							"z": 1.94
						},
						"right_ankle": {
							"x": 8.18,
							"y": -3.06,
							"z": 0.14
						},
						"right_big_toe": {
							"x": 8.23,
							"y": -2.87,
							"z": 0.05
						},
						"right_ear": {
							"x": 8.24,
							"y": -2.82,
							"z": 1.98
						},
						"right_elbow": {
							"x": 8.36,
							"y": -3.03,
							"z": 1.39
						},
						"right_eye": {
							"x": 8.21,
							"y": -2.71,
							"z": 1.98
						},
						"right_heel": {
							"x": 8.16,
							"y": -3.1,
							"z": 0.07
						},
						"right_hip": {
							"x": 8.19,
							"y": -2.99,
							"z": 1.09
						},
						"right_knee": {
							"x": 8.19,
							"y": -2.97,
							"z": 0.65
						},
						"right_pinky": {
							"x": 8.44,
							"y": -3.08,
							"z": 0.97
						},
						"right_shoulder": {
							"x": 8.32,
							"y": -2.91,
							"z": 1.74
						},
						"right_small_toe": {
							"x": 8.28,
							"y": -2.93,
							"z": 0.05
						},
						"right_thumb": {
							"x": 8.41,
							"y": -3.0,
							"z": 1.0
						},
						"right_wrist": {
							"x": 8.43,
							"y": -3.04,
							"z": 1.08
						}
					},
					"player_id": "cc834b28-2371-40e2-a29e-68e58259ed63"
				},

Any solutions or samples would be great! Thanks.

2

Depends on the structure of the model - there’s a big chance you’ll need some kind of inverse kinematics if the data doesn’t cover all the joints and bones within your model.

3

Thanks @mjurczyk But I am new to three.js animation system.
If I have a model with only this joint, how can I animate it?
Is it possible to animate a human model with only these x,y,z coordinates of each frames in three.js?

4

But there isn’t one, besides keyframe animations mixer - three is a rendering library, if you’d like to apply animations based on custom JSON data - you’d need to code how that JSON would be mapped onto bones or just mesh transforms directly.

5

Thanks again!
I figured I could just reposition the original animation every frame as json data (guess if the model has the same joints as the JSON) and animate the model.
I think I’m wrong now. Could you please explain how to code more details?