Как я заставил жидкость растекаться на three.js для рекламы тонального крема

Spreading Liquid with Three.js

В 2021 году японский косметический бренд заказал симуляцию текстуры тонального крема. Я месяц трогал крем, чтобы понять, как он движется, и в итоге построил эффект на симуляции жидкости. Толщина хранится в height map и переносится по карте скоростей с обратной трассировкой, следы сохраняются в alpha map, а нормали для бликов считаются прямо во фрагментном шейдере. Это не физически точная модель, но выглядит убедительно.