Progressively enhanced WebGL and Lens Refraction

2023-10-15

Progressively Enhanced WebGL Lens Refraction

Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber. By David Lindkvist @ 14islands.

Article on Codrops

Installation

pnpm i
pnpm start

Credits

react-three-fiber
three.js
React
Image credits: Maxim Berg
Lens refraction based on Lens Refraction by Paul Henschel

GitHub