Play with a simulated pottery wheel directly in the browser for fun or creative exploration.
Study how the project simulates clay as a stack of deforming rings.
Learn how the hand rolled 2D canvas rendering technique projects and depth sorts shapes without WebGL.
| tol-is/keramos | aerdelan/housand-domaintoolmatrix | affaan-m/opencode | |
|---|---|---|---|
| Stars | 22 | 22 | 22 |
| Language | TypeScript | TypeScript | TypeScript |
| Last pushed | — | — | 2026-02-09 |
| Maintenance | — | — | Maintained |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Source is view-only, no license is granted to actually use, copy, or modify the code.
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.
Keramos is a browser based interactive pottery wheel where you shape a simulated spinning lump of clay by dragging your mouse against it.
Mainly TypeScript. The stack also includes React, TypeScript, Vite.
All rights reserved. You can read the source code, but you are not granted permission to use, copy, modify, or distribute it.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
double-check against the repo, no cap.