O'Reilly logo

WebGL Game Development by Sumeet Arora

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Loading a rigged JSON model

We will first understand how the bone DOFs and skinning information is encoded in the three.js JSON file format (Version 3.1). Then we will modify our code to load the data. The JSON file is exported from Blender. We will learn how to export the JSON file in the Exporting models from 3D software in JSON section.

Understanding JSON file encoding

The JSON file contains bone DOF values and their corresponding skinning information. Open model/obj/mrgreen.json in your favorite text editor. The file has now four new arrays: bones, skinIndices, skinWeights, and animation. We will discuss the animation array in the Animating a rigged JSON model section.

The bones array contains the DOF information. It holds the binding matrix ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required