Interactive soft-body jelly orca material study

Prompt

The author shared part of the prompt.

Make "Orca Jelly", No. 061 in a series of three.js material studies: an interactive soft-body orca cast in two layers of gummy jelly, lying on its belly on a table, in the blue whale's colours. Original design, English UI, a single self-contained page (three.js r170 from jsDelivr via importmap), in the series' editorial layout: italic serif masthead with a "Material Studies / No. 061 · three.js" kicker, a specimen panel on the right (colour swatches, Firmness and Internal damping sliders, Feed / Bite / Tail slap / Reset buttons, ¼ speed and Show mesh checkboxes, Pause), live readouts at the bottom left, an "Inside the experiment" notes drawer; stacked layout on phones.  Shape — a signed distance field: - A round, robust section (superellipse, power ≈ 2.1) swept along a straight spine from the tail stock to a blunt, rounded head; the belly pressed a little into the table; the chin lifted just clear of it. - A tall, upright bull-orca dorsal fin: a smooth outline in (arc length, height above the back) extruded across the body, thinning toward the tip. - Flat, notched flukes lying on the table: an outline in (arc length, distance from the midline) extruded up and down. - Broad, rounded paddle flippers in planes of their own, splayed out and down onto the table, swept slightly back. - The mouth: the head's upper half swung up about the corner of the mouth (rest gape ≈ 0.3 rad). The mouth line is a little upturned at the corner, then runs straight to just under the tip of the snout. The lower jaw ends in a rounded U a little short of the snout — no underbite. - Teeth: conical sugar teeth, a row along each jaw, upper and lower staggered to interlock, with a few more round the front of the U. Each tooth is only as long as the gap between the jaws at rest allows at its place (small at the corner of the mouth, larger toward the front), so none drive into the lips.  Colour: - The clear jelly takes the blue whale's palettes — Ocean, Arctic, Twilight — plus Classic, an orca's own near-black. - The orca's white is a second, milky jelly inside the clear one. Below a line along the body: the lower jaw and throat (stopping a little below the lip line, so its edge stays clean), a band down the belly between the flippers, and the flank patch sweeping up the side behind the fin; the underside of the tail stock stays dark. - Over each eye, an oval lens of milk just under the skin, tilted up toward the back. - A grey saddle behind the fin and a blowhole on top of the head, drawn in the shader from body coordinates carried on the jelly. - Small dark eyes, trapped bubbles. - Rendering: back-face thickness, refraction, Beer–Lambert absorption, so the white patches show through a thin skin of colour and the fin and flukes glow when backlit; a key-light shadow map, height-map contact shading, Khronos PBR Neutral tone mapping. No micro-noise bump on the skin (it ripples on the broad flippers).  Simulation — CPU XPBD on a snapped hex lattice (5 tetrahedra per cell, o

Category

Art

Stack

Three.js, Physics

Made with

Three.js

On X

202 likes · 11K views · 63 saves