Introducing pmndrs/viverse and react-three/viverse 🎉

A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Creation of a WebGL render using @threejs.org and React (R3F). The goal here was to play with lights, post-processing, and particules in attempt to create a nice atmosphere. I added some mouse interactions to move the model.

#threejs #webgl #code #codeart #react #javascript #3d #websdesign #r3f

Experimenting with an interactive scroll-based animation using #threejs and Drei’s ScrollControls.

I added a bit of fake physics for smoother motion and some snow particles for atmosphere.

This kind of effect can be great for a powerful landing page.

#javascript #3d #webdesign #creativdev