01- 10. Textures

Textures

Images that cover the surface of geometries, affecting their appearance beyond just color.

Albedo Texture

The simplest texture that applies the pixels directly to the geometry.

Alpha Texture

A grayscale image where white is visible and black is not.

Height Texture

A grayscale image that moves vertices to create relief, requiring subdivision for visibility.

Normal Texture

Adds small details without moving vertices, tricking light into thinking the face is oriented differently.

Ambient Occlusion Texture

A grayscale image that fakes shadows in crevices to create contrast.

Metalness Texture

A grayscale image indicating metallic (white) and non-metallic (black) areas for reflection.

Roughness Texture

A grayscale image indicating rough (white) and smooth (black) areas, affecting light dissipation.

PBR

Physically Based Rendering principles that aim for realistic results in rendering.

Loading Textures

The process of obtaining the URL of an image file to use as a texture.

Image Instance

A JavaScript object created to load an image and listen for its load event.

Texture Class

A class in Three.js used to create a texture from an image.

Scope

A JavaScript limitation that restricts variable access outside of its defined function.

TextureLoader

A Three.js class that simplifies the process of loading textures.

LoadingManager

A class that manages multiple texture loading events and notifications.

UV Unwrapping

The process of mapping a 2D texture onto a 3D geometry.

Repeat Property

A Vector2 property that allows textures to repeat on the geometry.

WrapS and WrapT

Properties that define how textures wrap around the x and y axes, respectively.

Offset Property

A Vector2 property that shifts the UV coordinates of a texture.

Rotation Property

A property that allows the rotation of a texture around a specified pivot point.

Mipmapping

A technique that creates smaller versions of a texture for better performance and quality.

Minification Filter

A filter that determines how textures are displayed when they are smaller than the rendered pixels.

Magnification Filter

A filter that determines how textures are displayed when they are larger than the rendered pixels.

Texture Weight

The file size of a texture, affecting download speed and performance.

Texture Size

The resolution of a texture, which should be a power of 2 for optimal performance.

Transparency

The ability of a texture to support an alpha channel, typically using PNG files.

Texture Sources

Websites where textures can be found, such as poliigon.com and 3dtextures.me.

Custom Textures

Textures created using personal photos or software like Photoshop and Substance Designer.