/en/tags/uv-mapping/Recent content in Uv-Mapping on Feynman's BlogHugoen-USThu, 23 Jul 2026 12:00:00 +0800/en/posts/threejs-textures/Thu, 23 Jul 2026 12:00:00 +0800/en/posts/threejs-textures/<blockquote class="blockquote-regular"> <p>Textures are how you &ldquo;dress up&rdquo; 3D objects. Understanding UV coordinates, learning to load and control textures, and mastering environment map reflections will transform your scene from &ldquo;bare models&rdquo; to a &ldquo;world with质感&rdquo;.</p> </blockquote> <p><img src="/images/2026-07-07_series_threejs-creation-diary/06_textures/demo.png" alt="Demo: Textures and Mapping"></p> <h2 id="01-learning-objectives">01 Learning Objectives</h2> <p>This lesson focuses on Three.js texture and mapping system:</p> <ul> <li>Master TextureLoader for loading image textures</li> <li>Understand UV coordinates and texture mapping</li> <li>Learn to control texture repeat, offset, and wrap</li> <li>Master CubeTextureLoader for skybox loading</li> <li>Master environment maps (envMap) and reflections</li> <li>Understand RGBELoader for HDRI environment maps</li> </ul> <h2 id="02-texture-basics">02 Texture Basics</h2> <h3 id="what-is-a-texture">What is a Texture</h3> <p>A texture is the process of &ldquo;sticking&rdquo; a 2D image onto a 3D object&rsquo;s surface. Three.js maps image pixels to each vertex of the geometry using UV coordinates.</p>