Official React library for @three-material-editor


Keywords
three, editor, react, glsl, material, shader
License
MIT
Install
npm install @three-material-editor/react@0.4.0

Documentation

Three Material Editor Monorepo

  • @three-material-editor/core - The shader material editor
  • @three-material-editor/react - React middleware
  • @three-material-editor/vanilla - Vanilla middleware

Development workflow

In one terminal, run tsdx watch in parallel:

yarn start

This builds each package to <packages>/<package>/dist and runs the project in watch mode so any edits you save inside <packages>/<package>/src cause a rebuild to <packages>/<package>/dist. The results will stream to to the terminal.

Development example preview

yarn start:app

This will start the example/playground on localhost:1234. If you have lerna running watch in parallel mode in one terminal, and then you run parcel, your playground will hot reload when you make changes to any imported module whose source is inside of packages/*/src/*. Note that to accomplish this, each package's start command passes TDSX the --noClean flag. This prevents Parcel from exploding between rebuilds because of File Not Found errors.