Wie ein Entwickler flüssiges Make-up mit three.js zum Fließen brachte
Spreading Liquid with Three.js
Für eine japanische Kosmetikmarke simulierte Misaki Nakano 2021 flüssige Foundation im Browser. Statt Geometrie zu verformen, speichert eine Height Map die Dicke der Flüssigkeit, eine separate Alpha Map bewahrt die Spuren des Verstreichens, und Normalen aus der Height Map erzeugen Glanzlichter per Matcap. Das Ergebnis ist keine physikalisch korrekte Fluidsimulation, sondern eine bewusst auf Optik getrimmte Näherung – inklusive eines überraschenden Effekts von 8-Bit-Texturen.
Ich fand es interessant, dass die Grenzen der 8-Bit-Präzision, die ich sonst mit Farbverläufen verbinde, hier als sichtbare Stufen in der Beleuchtung auftauchten.