History

Scott MacDonnell 5fde82a556 Add links to dependencies in with-three-js example README (#23470 ) ## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. ## Documentation / Examples - [x] Make sure the linting passes		2021-03-28 15:23:30 +00:00
..
components	Fix with-three-js example (#20897 )	2021-01-11 10:28:43 +01:00
pages	Update the react-three-js example. (#22549 )	2021-02-25 23:22:35 +00:00
public/glb	With threejs example (#10301 )	2020-02-07 10:41:19 -05:00
.gitignore	Added .gitignore to examples that are deployed to vercel (#15127 )	2020-07-16 10:52:23 -04:00
next.config.js	Update the react-three-js example. (#22549 )	2021-02-25 23:22:35 +00:00
package.json	Update the react-three-js example. (#22549 )	2021-02-25 23:22:35 +00:00
README.md	Add links to dependencies in with-three-js example README (#23470 )	2021-03-28 15:23:30 +00:00

README.md

With Three js

This example uses:

threejs: A lightweight, 3D library with a default WebGL renderer. The library also provides Canvas 2D, SVG and CSS3D renderers in the examples. react-three-fiber: A React renderer for Threejs on the web and react-native. drei: A growing collection of useful helpers and abstractions for react-three-fiber.

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-three-js with-three-js-app
# or
yarn create next-app --example with-three-js with-three-js-app

Deploy it to the cloud with Vercel (Documentation).