Three Plus
  • πŸ‘‹Welcome
  • πŸ› οΈCOMPONENTS
    • 🎁Assets
      • ⚫Cube Map
      • ⚫Cube Maps
      • ⚫Environment Maps
      • ⚫Icon Images
    • πŸŽ₯Cameras
      • ⚫Camera Orthographic
      • ⚫Camera Perspective
      • ⚫Camera Animate
    • πŸ“–Doc
      • ⚫Reference Objects
      • ⚫Reference View
      • ⚫Ref PBR Base
      • ⚫Ref PBR Finishes
      • ⚫Ref PBR Opacity
      • ⚫Ref PBR Surface
      • ⚫Ref PBR Volumetrics
    • βž•Helpers
      • ⚫Axes
      • ⚫Grid
      • ⚫Display Normals
      • ⚫Display Tangents
      • ⚫Display Boundary
      • ⚫Display Lights
      • ⚫Add Model Data
      • ⚫Add Model Link
    • πŸ’‘Lights
      • ⚫Ambient Light
      • ⚫Directional Light
      • ⚫Hemisphere Light
      • ⚫Point Light
      • ⚫Spot Light
      • ⚫Add Shadows
    • βšͺMaterials
      • 🧱Material Shaders
        • ⚫Basic Material
        • ⚫Lambert Material
        • ⚫Phong Material
        • ⚫Shadow Material
        • ⚫Toon Material
        • ⚫Physical Material
        • ⚫Standard Material
        • ⚫Depth Material
        • ⚫Normal Material
      • πŸ—ΊοΈMaterial Maps
        • ⚫Flat Shading
        • ⚫Show Edges
        • ⚫Wireframe
        • ⚫Bump Map
        • ⚫Clearcoat Map
        • ⚫Displacement Map
        • ⚫Emissive Map
        • ⚫Metalness Map
        • ⚫Normal Map
        • ⚫Opacity Map
        • ⚫Roughness Map
        • ⚫Sheen Map
        • ⚫Texture Map
        • ⚫Volumetric Map
      • ✏️Material Graphics
        • ⚫Graphics
        • ⚫Point Cloud
    • 🎬Scene
      • ⚫Scene
      • ⚫Ambient Occlusion
      • ⚫Atmosphere
      • ⚫Environment
      • ⚫Ground
      • ⚫Outline
      • ⚫Sky
    • πŸ’ΎOutput
      • ⚫Save HTML
      • ⚫ToHtml
      • ⚫Save Json
      • ⚫ToJson
      • ⚫DeSerialize Bitmap
      • ⚫Serialize Bitmap
    • πŸ’ŽShapes
      • ⚫Box Geometry
      • ⚫Circle Geometry
      • ⚫Cone Geometry
      • ⚫Cylinder Geometry
      • ⚫Dodecahedron Geometry
      • ⚫Icosahedron Geometry
      • ⚫Octahedron Geometry
      • ⚫Plane Geometry
      • ⚫Sphere Geometry
      • ⚫Tetrahedron Geometry
      • ⚫Torus Geometry
      • ⚫Torus Knot Geometry
  • πŸ”—Dependencies
Powered by GitBook
On this page
  • Description
  • Usage
  1. COMPONENTS
  2. Materials
  3. Material Maps

Displacement Map

Apply a Displacement Map

PreviousClearcoat MapNextEmissive Map

Last updated 3 years ago

Description

Apply a Displacement Map to a material

Name | Displacement Map

Nickname | Displacement

Tab | ThreeJs

Panel | Materials

Division | 5

M | Model Element (T+ Model) | A Three Plus Model, Mesh, or Brep

Dm | Displacement Map (Bitmap) | The displacement map affects the position of the mesh's vertices. Unlike other maps which only affect the light and shade of the material the displaced vertices can cast shadows, block other objects, and otherwise act as real geometry. The displacement texture is an image where the value of each pixel (white being the highest) is mapped against, and repositions, the vertices of the mesh. (A System Drawing Bitmap or full file path to an image.)

S | Scale (Number) | How much the displacement map affects the mesh (where black is no displacement, and white is maximum displacement). Without a displacement map set, this value is not applied 0-1.

M | Model Element (T+ Model) | The updated Three Plus Model Element

none

Usage

πŸ› οΈ
βšͺ
πŸ—ΊοΈ
⚫