🟡 Maths of the picture · Level 1 · The Table

Round and round, back to start

When a clock's hand passes 12, it does not reach 13 — it carries on from 1. When Kinetica's spin passes a full turn, its phase does not reach 361° — it starts again from 0°. Going off the end and back to the start is modular wrapping.

Past the top · back to 0Phase · mod 360°Colour index · mod 2407 question formats · layered hints

See it live

Phase cycles — the spin runs 0→360° and wraps back, again and again
Colours loop — the shade index wraps through 240 and returns to the first

Two counters quietly wrap as the disc plays: the spin's phase cycles 0→360° and back, and the trail's colour index loops through 240 shades. Each goes off the top and starts again from zero — that wrap-around is modular arithmetic. (This is maths of how the picture is drawn, not the physics of the motion.)

What's going on

What it is

Modular arithmetic is counting that wraps around. Once a value reaches a fixed limit — the modulus — it starts again from zero. A clock counts hours modulo 12, so after 12 comes 1, not 13. Kinetica measures the spin's phase modulo 360° and steps colours modulo 240. The result is a value that endlessly cycles within a fixed range.

How the principle works

To wrap a number you divide by the modulus and keep only the remainder. So 14 o'clock is 14 mod 12 = 2 o'clock; a spin of 400° is 400 mod 360 = 40° of phase. The count keeps growing underneath, but what you read off is always folded back into the range from 0 up to just below the modulus. That is why a clock, a calendar, and a spinning disc's phase all loop forever without running out of numbers.

How it works in Kinetica

The disc's phase — how far through its rotation — is its total spin taken modulo 360°, so it cycles 0→360→0 like a clock hand. The trail's colour index wraps modulo 240, so after the 240th shade it returns to the first. Both are modular counters quietly looping in the background of the picture, a maths-of-the-picture detail rather than part of the motion's physics.

Edge cases
  • Modulus 12 → clock hours; 360 → degrees of phase; 240 → Kinetica's colours.
  • Wrapping → is the remainder after dividing by the modulus.
  • Going backwards → 2 hours before 1 o'clock is 11, not −1; it wraps the other way too.
  • Underneath → the true count keeps rising; only the displayed value wraps.
Three points & measures
  • The modulus — the limit you wrap at (12, 360, 240).
  • The remainder — what you keep after dividing by the modulus.
  • The cycle — the value loops from 0 up to modulus − 1, forever.

The wrap-around laboratory

Modular counting clicks when you watch a dial tick past the top and start again — the raw count climbing while the reading folds back to zero.

🕛 Wrap-around dial

Advance the count and watch the hand sweep round. Each time it passes the modulus it wraps back to zero, while the raw total keeps climbing underneath. Switch the modulus between 12, 24, and 360.
Raw count
0
Wrapped
0

The wrapped value is the raw count's remainder after dividing by the modulus — always between 0 and one less than the modulus.

🤔 Guess before you reveal

A clock reads 11 o'clock. Three hours later, what time does it show?

🧪 Modulo calculator — a mod m

Enter a number and a modulus to see where it lands after wrapping. Try 400 mod 360 (the phase of a 400° spin), or 26 mod 24 (an hour past midnight).

In the real world

A 12-hour clock

The most familiar modular counter of all: hours run 1 to 12 and then start over, so 3 o'clock comes round twice a day. Add hours and you simply wrap past 12, which is why working out times is really arithmetic modulo 12.

An odometer rolling over

A mechanical odometer counts up and then, on passing its highest number, rolls back to zero. Each digit is a modular counter; the wheels wrap one after another, the same way seconds wrap into minutes and minutes into hours.

Days of the week

Weekdays cycle modulo 7. Ask what day it is 100 days from now and you divide by 7 and keep the remainder — pure modular arithmetic, the same wrap-around that lets calendars and computer clocks loop forever.

Glossary — the 10 words that unlock it

Modular arithmetic

What it means
Counting that wraps around once it reaches a fixed limit.
Why it matters
It lets clocks, calendars, and cycles loop forever without running out of numbers.
Example
Clock hours are counted in modular arithmetic, modulo 12.
Key question
What happens to a count when it reaches the modulus?

Modulus

What it means
The limit at which a modular count wraps back to zero.
Why it matters
It sets the size of the cycle, like 12 for a clock or 360 for degrees.
Example
The modulus of a 12-hour clock is 12.
Key question
What is the modulus of an ordinary clock?

Remainder

What it means
What is left over after dividing by the modulus, and the wrapped value.
Why it matters
It is exactly the number you keep when a count wraps around.
Example
14 divided by 12 leaves a remainder of 2, so 14 o'clock is 2.
Key question
What does a modular value equal after dividing by the modulus?

Wrap around

What it means
To pass the top of a range and continue from the bottom.
Why it matters
It is the everyday name for what modular arithmetic does.
Example
A spin of 400° wraps to 40° of phase.
Key question
What does a value do when it passes the modulus?

Phase

What it means
How far through a rotation something is, measured modulo 360°.
Why it matters
Kinetica reads the spin's phase as a wrapped angle between 0 and 360°.
Example
After one and a bit turns, the phase is the leftover angle.
Key question
Which modulus does an angle in degrees wrap at?

Cycle

What it means
One complete loop of a modular counter before it repeats.
Why it matters
Its length is the modulus, and the pattern recurs every cycle.
Example
A clock completes a 12-hour cycle, then repeats.
Key question
How long is one cycle of a modular counter?

Quotient

What it means
How many whole times the modulus fits into the number.
Why it matters
It counts the full wraps, while the remainder gives the leftover position.
Example
400 divided by 360 has quotient 1 and remainder 40.
Key question
What does the quotient count in a modular division?

Congruence

What it means
When two numbers leave the same remainder under a modulus.
Why it matters
It is the formal way of saying two counts land on the same spot.
Example
14 and 2 are congruent modulo 12, both giving 2 o'clock.
Key question
Are 14 and 2 the same time on a clock?

Colour index

What it means
Kinetica's count of which of 240 shades a line takes, wrapped modulo 240.
Why it matters
After the last shade it returns to the first, looping the palette.
Example
The 241st line reuses the first colour, by wrapping.
Key question
At what number does Kinetica's colour index wrap?

Maths of the picture

What it means
A pattern from how Kinetica draws, not from the physics it simulates.
Why it matters
Modular wrapping of phase and colour is a drawing detail, labelled honestly.
Example
Colour looping is maths of the picture, not the motion.
Key question
Is the colour wrap physics or a drawing detail?

The physics, beyond the game

Modular arithmetic is the quiet wrap-around behind clocks, calendars, and Kinetica's looping phase and colours. This FAQ explains the modulus and remainder, why counts cycle instead of running out, and where the idea turns up in everyday life and the picture.

What is modular arithmetic in simple terms?
ConceptualWhatcomplexity 2

Modular arithmetic is counting that wraps around when it reaches a set limit, called the modulus. Instead of going on forever in a straight line, the count loops: once it passes the top it starts again from zero. A clock is the everyday example, counting hours modulo 12, so after 12 it returns to 1. The same idea lets any cycle — days, angles, colours — repeat without running out of numbers.

What is the modulus?
ConceptualWhatcomplexity 2

The modulus is the number at which a modular count wraps back to zero. It sets the length of the cycle. A 12-hour clock has a modulus of 12; degrees of angle wrap at a modulus of 360; Kinetica's colour index wraps at 240. Choosing the modulus is just choosing how big the loop is before the count starts over from the beginning.

How do you actually wrap a number?
ConceptualHowcomplexity 3

You divide the number by the modulus and keep the remainder. For example, to find 14 o'clock you divide 14 by 12, which goes once with 2 left over, so the answer is 2 o'clock. To find the phase of a 400° spin you divide 400 by 360, which goes once with 40 left over, so the phase is 40°. The remainder is always between zero and one less than the modulus.

What is the difference between the quotient and the remainder?
ComparativeWhatcomplexity 3

PartWhat it tells youExample: 400 ÷ 360
QuotientHow many full wraps1 full turn
RemainderThe wrapped position40° left over
The quotient counts how many complete times the modulus fits in, while the remainder is the leftover that becomes the wrapped value. In modular arithmetic we usually care only about the remainder.

Why does a clock count to 12 and start again?
ScenarioWhycomplexity 2

Because hours are counted modulo 12. A clock face has only twelve positions, so the count cannot keep climbing forever; once the hand passes 12 it has nowhere higher to go and returns to 1. Adding hours is then just wrapping: three hours after 11 is not 14 but 2, because 14 wraps past 12 with a remainder of 2. This looping is exactly what lets the same clock tell the time day after day.

What does Kinetica wrap, and at what numbers?
ScenarioWhatcomplexity 3

Kinetica has two modular counters running quietly as it draws. The spin's phase is an angle wrapped modulo 360°, so it cycles 0 to 360 and back, just like a clock hand. The trail's colour index is wrapped modulo 240, so after the 240th shade it returns to the first and loops the palette. Both are maths-of-the-picture details about how the trail is drawn and coloured, not part of how the disc physically moves.

Can you do modular arithmetic going backwards?
ConceptualWhethercomplexity 3

Yes. Counting down wraps too, just in the other direction. Two hours before 1 o'clock is 11 o'clock, not minus 1, because the count drops below zero and wraps around from the top. In general, a negative result is brought back into range by adding the modulus until it sits between zero and one less than the modulus. So both adding and subtracting simply loop around the cycle.

What does it mean for two numbers to be congruent?
ConceptualWhatcomplexity 3

Two numbers are congruent under a modulus when they leave the same remainder, meaning they land on the same spot in the cycle. For instance, 14 and 2 are congruent modulo 12 — both are 2 o'clock — and 26 and 2 are congruent modulo 24. Congruence is the formal way of saying that, as far as the modular counter is concerned, two different raw counts are effectively the same position.

Does the underlying count really keep growing?
ConceptualWhethercomplexity 3

Yes. Underneath a modular counter, the true total can keep rising without limit; it is only the value we read off that wraps. A spinning disc has turned through more and more total degrees as time goes on, but its phase — what we display — always folds that total back into 0 to 360. The wrapping is a way of reading a position in the cycle, not a limit on the real count beneath.

Why is modular arithmetic useful for cycles?
ConceptualWhycomplexity 3

Because anything that repeats — hours, days, angles, musical notes, colours — naturally lives on a loop, and modular arithmetic is the maths of loops. It lets you add and subtract along the cycle and always get a sensible position back, no matter how large the numbers grow. Without it, you would have to keep subtracting full cycles by hand; with it, a single remainder gives the answer at once.

How do days of the week use modular arithmetic?
ScenarioHowcomplexity 3

Weekdays cycle modulo 7. To find what day it will be a number of days from now, you divide that number by 7 and keep the remainder, then count that many days on from today. A hundred days from a Monday, for example, lands on a particular weekday found purely by 100 modulo 7. Calendars, scheduling, and recurring reminders all lean on this seven-day wrap.

Where do computers use modular arithmetic?
ReflectiveWherecomplexity 4

Everywhere they handle cycles and limits. Clocks and timers wrap counters modulo their maximum; graphics wrap colour and texture coordinates; sound and animation loop with it; and much of cryptography rests on modular arithmetic with very large numbers. Even the way numbers overflow and wrap in a computer's memory is modular. It is one of the most quietly important ideas in computing, hidden inside almost everything.

Is Kinetica's colour wrap physics or just drawing?
ConceptualWhethercomplexity 2

It is a drawing detail, which is why Kinetica calls it maths of the picture rather than real physics. Wrapping the colour index modulo 240 decides which shade each line takes; it has no effect on how the disc moves, bounces, or spins. Keeping that line clear matters: some of Kinetica's patterns come from the simulated physics, while others, like this colour loop, are simply tidy choices about how to draw the picture.

Is the golden-angle colouring related to this wrapping?
ConceptualWhethercomplexity 3

Yes, they work together. Kinetica steps each colour by the golden angle and then wraps the colour index modulo 240 so it stays on the wheel. The golden angle decides how far each step jumps, and the modular wrap keeps those jumps looping around the fixed set of shades. One spreads the colours evenly; the other keeps them on the cycle. Both are maths-of-the-picture choices about colour, not the motion.

Where else do we meet wrap-around counting in daily life?
ReflectiveWhycomplexity 4

Far more often than we notice. Clocks and stopwatches, calendar dates and weekdays, compass bearings that wrap at 360°, the position of a clock's second hand, the looping tracks on a playlist, and the rolling digits of an odometer are all modular. Any time something counts up and then starts over, modular arithmetic is at work — a simple idea that quietly keeps the cyclic parts of the world ticking.

Test yourself — a mixed set

Seven question formats, the way Beyond Dictionary serves them. Every question has layered hints — a quick nudge, the reasoning, then a deeper connection — so a wrong answer opens a door, never a dead end. 32 questions across all seven formats — multiple choice, multiple-correct, fill-in-the-blank, match, sequence, read-think-connect, and write-your-own.

Question 1 of 32
MCQ

Key takeaways

  • Modular arithmetic is counting that wraps back to zero at a fixed limit.
  • That limit is the modulus (12 for a clock, 360 for degrees, 240 for Kinetica's colours).
  • To wrap, divide and keep the remainder; the quotient counts the full turns.
  • The true count keeps growing underneath — only the displayed value wraps.
  • Kinetica wraps phase (mod 360°) and colour (mod 240) — maths of the picture, not the motion.

🪜 Where this lesson leads

Modular arithmetic is the maths of everything that cycles. Grasp it and you have started exploring:
Modulus & remainder
Wrap-around counting
Congruence
Clock & calendar maths
Angles & phase
Cyclic patterns
Cryptography
Computer arithmetic

Keep exploring

Copyright © LLOS.ai · 2026 — Original pedagogy, voice, and design — all rights reserved.
▶ Play in Kinetica