History

Luis Alvarez D e28fd50441 Include utm_source on example links to vercel.com (#21305 )		2021-01-19 07:28:54 +00:00
..
components	Fix with-three-js example (#20897 )	2021-01-11 10:28:43 +01:00
pages	Fix with-three-js example (#20897 )	2021-01-11 10:28:43 +01: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	Fix with-three-js example (#20897 )	2021-01-11 10:28:43 +01:00
package.json	Fix with-three-js example (#20897 )	2021-01-11 10:28:43 +01:00
README.md	Include utm_source on example links to vercel.com (#21305 )	2021-01-19 07:28:54 +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).