wtf is keramos?

Keramos is an interactive pottery wheel that runs in a web browser. A lump of clay spins on screen, drawn as white wireframe rings against a black background, and you shape it by pressing and dragging against its outline. Pushing from the outside narrows the wall of the pot, working from the inside pushes it outward, dragging upward stretches the wall thinner and taller, and dragging downward gathers the clay back into a thicker, shorter shape. Push too hard and the clay tears apart. The wheel keeps spinning the whole time, which continuously smooths the wall back into a true, even shape as you work it. Under the surface, the clay is simulated as a stack of horizontal slices, each one made up of a ring of points that can move slightly inward or outward. When you drag on the clay, that motion becomes a mark on one of these points, and because the whole shape spins with the wheel, the mark rotates along with it. A smoothing process constantly pulls the material back toward an even, trued surface, and each slice keeps its own volume steady, so making a band thinner naturally makes the pot taller in that spot. The picture on screen is drawn by hand with a simple 2D canvas technique that sorts the slices by depth and draws them as solid, shaded rings, without using any 3D graphics library. A live demo is hosted online, and the project can also be run locally after installing its dependencies, with separate commands for starting a development server and building a production version. It is built with React, TypeScript, and Vite. The source code is available to read, but the author has not granted any license to use, copy, modify, or distribute it, so this project is really meant for looking at and learning from rather than reusing.