StringTune-3D/Docs

Rendering

Textures

How texture maps, flipY, color space, and model texture remapping are resolved from CSS and attributes.

Type
Rendering feature
Status
Advanced
Scope
Element-level
Activation
CSS custom properties on [string-3d]

Textures

Textures are declared through CSS, not through per-object imperative material code.

Public Surface

Texture variables

  • --texture-map
  • --texture-normal
  • --texture-roughness
  • --texture-metalness
  • --texture-ao
  • --texture-flip-y
  • --texture-color-space

Value shape

Texture URLs are typically supplied as url(...).

CSS
[string-id='hero-model'] {
  --texture-map: url('/textures/albedo.jpg');
  --texture-normal: url('/textures/normal.jpg');
  --texture-color-space: srgb;
}

Detailed Behavior

  • The scene runtime parses URL-style values into plain paths.
  • flipY and color space are applied after texture load.
  • Model texture remapping is handled separately through string-3d-model-texture-base and string-3d-model-textures.