Demo for the tutorial on how to create interactive, droplet-like metaballs using Three.js and GLSL.

Article on Codrops

Demo

1. Clone this repository:

   git clone https://github.com/koji014/interactive-droplets.git your-project-name
   cd your-project-name

2. Install the dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Create the build:

   npm run build

• Inigo Quilez :: computer graphics, mathematics, shaders, fractals, demoscene and more

• wgld.org | GLSL: オブジェクト同士を補間して結合する
• Inigo Quilez :: computer graphics, mathematics, shaders, fractals, demoscene and more

• The Book of Shaders: Random
• The Book of Shaders: Noise
• Inigo Quilez :: computer graphics, mathematics, shaders, fractals, demoscene and more

Follow Yuki Kojima: Twitter, GitHub

Follow Codrops: Bluesky, Facebook, GitHub, Instagram, X

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.