Real-world applications are, generally, much more complex than PoC (proof of concept) demos. This is especially true with 3D applications, since 3D assets, such as models, are much more complex than simple spheres, cones, and other primitive geometric figures. Models in large 3D applications tend to have lots of vertices with complicated configurations that provide the level of detail and realism users expect. Apart from the pure geometrical representation of these models, they often come with several textures. As expected, creating geometries and textures manually with JSON files is nothing short of daunting.
Fortunately, we can use various industry proved 3D design software to create and import models into a WebGL scene. For our 3D virtual car showroom, we will use models that have been created with Blender, a widely used, open source 3D tool.
Blender is an open source 3D computer graphics software that allows you to create animations, games, and other interactive applications. Blender provides numerous features so that you can create complex models. You can check out the official Blender website for more information: https://www.blender.org.
We will use Blender to import car models into our WebGL scene. First, we will export the models to an intermediary file format called OBJ and then parse them into consumable JSON files. We will cover more on these concepts later.