Fluid Glass

This is liquid fluid glass.

Key ingredients:

• Reaction Diffusion Equation
• Navier-Stokes Equation
• Glass Shader

WebGL Framework: https://github.com/oframe/ogl

Example Customization URL

Cosmos Black:

https://chiuhans111.github.io/fluidglass?color=ffffff&color1=32374A&color2=F77E2D&color3=F5F5F5&bgcolor=000000&shadow=0.05&bright=0.05&feed=0.054&kill=0.0616&iteration=10

Sticky Pink:

https://chiuhans111.github.io/fluidglass/?color=ffeeee&color1=ff3007&color2=ffffff&color3=77bbcc&bgcolor=ffeeff&shadow=0.1&bright=0.1&feed=0.1&kill=0.054&iteration=15

Cozzy Blue:

https://chiuhans111.github.io/fluidglass/?color=dceaec&color1=ffaa07&color2=ffffff&color3=77bbcc&bgcolor=edefef&shadow=0.05&bright=0.1&feed=0.05&kill=0.06&iteration=15

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build