Welcome to the concengine

This handbook is a teaching artifact. You are holding, on your screen, a soft-plastic instruction panel salvaged from an alternate 1978 — a timeline where consumer electronics were pillow-shaped, painted in bubblegum, and annotated by whoever owned them last.

The concept you are about to study is called the concengine — a portmanteau of concentric and engine. It describes any mechanism whose behavior arises from engines nested inside engines, turning at different speeds, phases, and radii.

To your right, the demonstration panel shows the fundamental blob — the primitive from which all concengines are built. Let it breathe for a moment.

A blob is defined by 8 anchor points distributed around a rough circle. Each anchor drifts along its own sinusoidal path, and a smooth cubic bezier curve threads them together into a single closed shape.

x(t) = cx + r · cos(θ + sin(t·sx) · ax)
y(t) = cy + r · sin(θ + cos(t·sy) · ay)

The two amplitudes ax and ay determine how "nervous" the blob is. The two speeds sx and sy decide its tempo. That is the entire alphabet.

Place a smaller blob inside a larger one. Rotate them at different speeds. This is the smallest possible concengine, and it is already interesting: the gap between outer and inner shapes pulses like a breathing cell.

In a real concengine, the outer shell rotates slowly (one revolution per 40 seconds), the inner core rotates faster (one per 15), and the interference between the two produces a slow moiré pattern that appears to drift across the surface.

Add a third shell and the stack begins to behave like a topographic map: each ring is a contour line, and the whole system reveals the shape of an invisible hill whose altitude is "how far from the center".

The colors we use here are not decorative. #ff6b9d is the outermost shell at 30% opacity, #6bcfff fills the middle layer at 40%, and #a8e06c glows at the innermost core at 50%. Opacity rises as you descend — intuition encoded in translucency.

Small accent blobs live in the margins. They notice the cursor. Within a radius of 150px, they drift toward it with spring physics — damping 0.15, stiffness 0.08. Move your cursor slowly through the right panel and feel them tug.

This is not a gimmick. It is the concengine principle applied to interaction itself: a small autonomous motion, modulated by a signal from outside. The blob is an engine; your cursor is another.

Inside each medium-size blob we place a small SVG line-drawing: a gear, a circuit node, a waveform. These render in deep grape #5b3a7a, with stroke-dasharray animation so they appear to draw themselves onto the surface of the blob.

A concengine is always legible. Even as the outer shell writhes, the inner illustration stays pinned, oriented, explaining its own purpose in the language of a 1960s workshop manual.

Now put it all together. Outer ring, middle ring, inner core. A hand-drawn gear pinned in the middle. Four accent blobs in the corners, each magnetic. Annotations — arrows, circles, exclamation marks — drawn by someone who studied this page before you and left their marks behind.

That is a full concengine. Not a product. Not a pitch. A mechanism you can watch, touch, and — if you scroll back — re-read at your own pace.

— end of manual — ✷