The following are some topics I have planned for writing articles about, covering my experience producing 3D content in Blender, often for use in Three.js.
Overview of how Blender can be used to create 3D models for web applications using Three.js. This topic covers the basic concepts of modeling, texturing, and how Blender integrates with Three.js to create interactive 3D experiences on the web.
How to prepare Blender for exporting models to formats compatible with Three.js. This includes the necessary export settings, dealing with model scaling issues, and optimizing exports for performance. The use of glTF, FBX, and OBJ formats is discussed, along with their benefits and drawbacks.
The importance of low-poly modeling for web-based applications is explored, with a focus on performance. This topic covers how to create a simple low-poly model in Blender and optimize it for use in Three.js, including techniques like simplifying geometry and reducing polygon counts.
Details the process of UV mapping and its role in applying textures to 3D models. This topic explains how to create and apply textures in Blender, how to export them, and how to optimize textures for Three.js, considering file size and format.
An introduction to Physically Based Rendering (PBR) and how to create realistic PBR materials in Blender for use in Three.js. The topic covers the creation and export of materials with properties like metalness, roughness, and normal maps.
Covers the process of making models interactive in Three.js, such as adding clickable or hoverable elements. It includes steps on how to export specific parts of a model from Blender and interact with them in Three.js.
Focuses on exporting animated models from Blender and how to trigger and control these animations in Three.js.
Solutions to common problems encountered when exporting models from Blender to Three.js, such as incorrect scaling, missing textures, or animation issues. This topic provides troubleshooting tips and suggestions to overcome these challenges.