pjkarlik / r3f-instances

Instance geometry component and simplex waves you can play with using React Three Fiber - experiments and testing!

Home Page:http://r3f-instances.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

travis ci build

React Three Fiber / Instance Demo

simplex noise

voxel noise

Paul J Karlik

version webpack WebGL

Just starting to get the basics down of react-three-fiber. This demo creates a r3f component that makes a 30x30 grid, then calculates its placement (as there are 9 on the screen) so the math works where ever it's placed. It's a total of 8100 blocks moving around.. just pretty and fun!

  • Babel7
  • React Three Fiber
  • ThreeJS

Run the example

Requires Node v12.13.1 or greater

$ yarn
$ yarn start

open http://localhost:2020

About

Instance geometry component and simplex waves you can play with using React Three Fiber - experiments and testing!

http://r3f-instances.surge.sh/


Languages

Language:JavaScript 98.3%Language:HTML 1.1%Language:CSS 0.5%