Otano Studio

Fresnel-Shader-Material. Fresnel shader for threejs & react-three-fiber. Fresnel is a rim lighting effect that creates an inner glow around the mesh. You can control the intensity, the power, and the basis for the ultimate control over your rim lighting.

Hologram-Material. glsl shader for threejs that turns a model or mesh into a hologram using fresnel rim lighting with a repeating pattern and diffuse lighting using view direction.

Lando-Demo. https://landonorris.com/ demo made in r3f without the mouse trail as a proof of concept

r3f-barrier. r3f barrier experiment using depth for the barrier intersection

R3F-KitchenSink-Framwork. R3F framework that includes a lot of unity/unreal nodes a include functions to rapidly prototype and create 3D websites using react three fiber.

pixelDissolveMaterial. Pixel dissolve material for three.js. Shader will dissolve the mesh using a particle transition that looks like pixilation.

Matcap-Material. My matcap material for use as a r3f component material

Burn-Dissolve. Directional burn shader

energy-tower. GLSL

stylized-orb. stylized orb vfx using threejs and some shaders

Fresnel-Noise-Material. Experiments with fresnel clipped with noise

stylized-tornado. Web based tornado using custom shaders

r3f-Parallax-Map. parallax mapping example using R3F and KitchenSink Framework

Mesh-Noisy-Fresnel-Material. React Three Fiber(R3F) fresnel material that allows you to cut out noise from your fresnel and includes brightness for the fresnel. You can select the blend between the noise and fresnel based on the fresnel amount. Simplex noise and Perlin noise included.

rpg. a platform for rpg/gamification for a website.

gradient-map. Porting uv methods to glsl

uv-distortion-flame. Flame made by distorting the uv coordinates with a noise

glsl-blur-tests. Glsl blur algorithm tests

MathUtils. GLSL Math port of common functions into javascript

ParticlesOnMeshVertices. Three.js Particles on a plane mesh's vertices

glsl-pixel-teleport. Pixel teleport effect for webgl & glsl

Highlight-Material. Highlight shine effect

sakuraparticlesvideo. JavaScript

sparkle-material-r3f. sparkle material using r3f for threejs

3d-hdr-car. JavaScript

threejs-starter. Webgl magic scene

energy-beam. JavaScript

stylized-waterfall. stylized waterfall example using everything kitchen sink framework