How it Works
The simulation reproduces the four-stage build sequence of a real orb-weaver. First a single bridge thread is walked across the top of the canvas — the anchor line every later thread ultimately depends on. Next, frame threads drop from points on the bridge to several anchor points placed around the canvas and are connected in order into a closed outer polygon, forming the taut boundary of the web. From the polygon's centroid (the hub), radii are drawn one at a time out to the frame at evenly spaced angles, giving the web its spoke structure. Finally a capture spiral winds outward from the hub, its radius growing a little with every pass so that the spacing between turns matches the spiral-spacing slider, stopping just short of the frame.
A small spider dot walks along whichever thread is currently being laid, so you can watch construction happen point by point rather than all at once. Every segment — bridge, frame, radius or spiral turn — is drawn with a slight downward bow at its midpoint rather than as a straight line, approximating the shallow catenary sag real silk shows when it hangs under its own tension between two anchors.
Radius i endpoint: (hub.x + r_frame(θ_i)·cos θ_i, hub.y + r_frame(θ_i)·sin θ_i), θ_i = 2πi / radiiCount
Spiral growth: r(θ) += spiralSpacing / radiiCount per angular step of 2π/radiiCount
Sag: midpoint.y += sagAmount · min(1, length/120), drawn via quadraticCurveTo
Frequently Asked Questions
What order does a real orb-weaver build its web in?
A real orb-weaver first floats or carries a single bridge thread across the gap it wants to span, then drops and walks frame threads to form the outer boundary, then lays radii (spokes) from a central hub out to the frame, and finally spins a spiral of capture silk from the hub outward to the edge, exactly the four-stage sequence this simulation animates.
Why does the bridge thread come first?
The bridge thread is the only piece of silk that spans open space with nothing else to anchor to, so it has to exist before any other thread; every later frame line, radius and spiral turn is attached back to it or to the anchors it leads to.
What do the frame threads do?
Frame threads run from the bridge down to several anchor points and connect those anchors into a closed outer polygon, creating a taut boundary that holds tension so the radii and spiral inside it can be pulled tight without sagging loose.
Why does the capture spiral wind outward from the hub?
This simulation lays a single capture spiral directly from the hub out to the frame, winding around and gaining radius with every pass. Real spiders actually spin a temporary non-sticky auxiliary spiral outward first for scaffolding, then lay the sticky capture spiral from the outside back in while removing the auxiliary line, but the outward hub-to-frame winding shown here captures the same expanding-radius geometry.
What causes the visible sag in each thread?
Silk is an elastic line anchored only at its two ends, so under its own tension it settles into a shallow catenary-like curve rather than a perfectly straight line; the sag amount slider exaggerates this by bowing every drawn segment's midpoint downward.