The Observation: You Cannot Look Without Deciding
The story behind The Observation
Inspired by Quantum Superposition on Wikipedia
Built with Canvas 2D
Techniques Trigonometric State Cycling · Touch Input
Direction Make the quantum observer effect visceral — a field of elements in superposition that collapse irreversibly when you hover over them
Result 96 flickering elements that lock into a single shape and color as your cursor passes, creating a one-way experience where every observation destroys all other possibilities
The Story
In quantum mechanics, particles exist in superposition - occupying all possible states simultaneously until observed. The famous Schrodinger’s Cat thought experiment illustrates this: the cat is both alive and dead until you open the box. The act of measurement doesn’t reveal reality; it creates it.
This isn’t metaphor. It’s physics. Before observation, an electron doesn’t have a definite position. It exists as a probability cloud. The moment you measure it, that cloud collapses into a single point. All other possibilities vanish.
You cannot see superposition. By looking, you’ve already changed what you’re looking at.
The Take
We wanted to make this visceral. Not an educational diagram but an experience of what it feels like to collapse possibility into certainty.
The field presents 96 elements - each one flickering between shapes and colors. This is their superposition state: all possibilities at once, unstable, uncertain. They exist in potential.
Then you move your cursor.
Your observation field - a radius around your pointer - forces each element to decide. The flicker stops. A shape locks in. A color solidifies. And it stays that way forever.
The experience is one-directional. You cannot undo what you’ve seen. Every observation is an act of destruction as much as discovery.
The Tech
We built this with Canvas 2D and vanilla JavaScript - no frameworks, no libraries. The 96 elements form a 12x8 grid, each independently tracking its superposition state.
Each element holds arrays of possible shapes (circle, square, triangle, diamond) and possible colors. In superposition, it cycles through these rapidly using trigonometric functions for organic, non-repeating patterns. Ghost overlays of all possibilities create visual uncertainty.
The observation radius scales with viewport size (6% of the smaller dimension, minimum 80px) to ensure consistent feel across devices. When a cursor enters an element’s collapse zone, progress ticks up until it locks in, complete with a glow effect during the transition.
Touch input works identically - your finger becomes the observer.
The Experience
Move slowly through the field. Watch the elements ahead flicker, uncertain.
As your cursor approaches, notice how they seem to sense your presence - their flickering intensifies slightly before collapse. That’s their last moment of freedom.
Hover. Watch a shape lock in. A color solidify. It’s satisfying at first, like popping bubble wrap.
But keep going. Watch the field behind you. All those elements, now fixed forever. Each one was infinite possibility. Now each one is just… one thing.
When you’ve collapsed 70% of the field, the revelation appears: “You cannot look without deciding.”
This is the observer effect. This is what it costs to know something.
This blog post was AI generated with Claude Code. Authored by Artificial Noodles.