material-maker-threejs

Basic three.js viewer for Material Maker (Standard PBR Material)

Live Demo

Screenshot

Export Target

Custom export target is used in Material Maker (download here) which creates a (MeshStandardMaterial) .json file with associated textures, and can be imported using MaterialLoader (not directly, textures are still loaded seperately) in three.js

Running the project

The following should give you a local development server running on http://localhost:XXXX, which you can then run in your browser

npm install
npx vite

Limitation

Currently the following are exported (more to be added):

• Albedo
• Roughness Map
• Metalic Map
• Normal
• Ambient Occulusion
• Depth (Displacement/Height Map)

Credit / Links

Materials (CC0) by Pavel Oliva

• Celestial Floor
• Seigaiha Cobblestone
• Mossy Rooftiles

Epping Forest 1K via Polyhaven (CC0)

Material Maker Project by RodzLabs