0.3.0 • Published 4 years ago

cra-template-r3f v0.3.0

Weekly downloads
13
License
-
Repository
-
Last release
4 years ago
create-react-app my3dapp --template=r3f

Why

Included libs

Misc

  • 🌟 create-react-app 4 alpha with fast refresh
  • 🌟 recommendend vsc extensions for working with glsl (How do I make glsl-lint work?)
  • 🌟 babel-glsl macro to compile glsl without touching the create-react-app config - 🐛 currently doesn't work in codesandbox -
  • draco binaries in public/draco-gltf/ (the default directory used by useGLTFLoader in drei)
  • example shader material to start playing
  • Scene setup with OrbitControls and React-PostProcessing

Dev stuff

  • eslint + prettier with husky & pretty-quick

How to use

Or just fork this repository 🤷‍♂️

GLSL Linter

You need to download and setup the glsl linter to make linting work in the shader files.

  • Download GLSL lang
  • extract the archive
  • navigate to /bin/
  • copy the glslangValidator executable to your preferred location eg. mv glslangValidator /usr/local/bin/glslangValidator