Web component · Preview
A fluid field in your page.
This example runs the published npm preview
(fluid-wallpaper@0.1.0-next.0) from the CDN. Drag to stir,
or use the controls.
This artwork needs a browser with WebGL2 and floating-point render targets.
Latest event:
Use the same component
npm install fluid-wallpaper@next
import { defineFluidInk } from 'fluid-wallpaper/element';
defineFluidInk();
<fluid-ink quality="eco" style="height:360px"></fluid-ink>
<!-- No bundler: -->
<script type="module"
src="https://cdn.jsdelivr.net/npm/fluid-wallpaper@0.1.0-next.0/element-auto.js">
</script>Experimental two-liquid scene
This solver is expensive and has not met physical convergence or mobile acceptance. This example creates a paused composition. Use the experimental studio to explore its controls.