Liquid Droplet
A Lennard-Jones liquid pooling under gravity. Tune temperature, attraction strength and gravity; grab molecules with tweezers and watch kinetic vs potential energy.
- 16.2 KB .bexode
- 10 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// sci-liquid-droplet.bexode goes in /public (download it below)
export function SciLiquidDroplet() {
return (
<ExodeUICanvas
src="/sci-liquid-droplet.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | Liquid Droplet | — |
temp | Number | 70 | 20 – 300 |
attract | Number | 1 | 0.2 – 2 |
gravity | Number | 0.12 | 0 – 0.6 |
count | Number | 220 | 60 – 400 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #5ee0ff | hex colour |
accent2 | Text | #ffb454 | hex colour |
bg | Text | #06080b | hex colour |
text | Text | #e6edf3 | hex colour |