Reflection and Refraction - Complete Interactive Lesson
Part 1: Introduction
๐งญ Welcome โ Let's Build Your Foundation
Part 1 of 8
Before we dive into equations, we need to understand what light actually does when it meets different materials.
By the end of this part you'll be able to explain, in plain language:
Why light bends at boundaries
How fiber optics carry the internet
What makes rainbows form
No math yet โ just the big picture. Ready?
๐ Why Can You See a Rainbow?
Have you ever wondered why rainbows form perfect arcs after a storm? Or how your phone's camera focuses light to capture a photo? Or why fiber optic cables can send internet signals thousands of miles without losing data?
The answer lies in how light behaves.
When light travels through different materials โ air, water, glass, diamond โ it doesn't just pass through unchanged. It bends, bounces, and splits into colors.
Understanding these behaviors unlocks the secrets behind:
๐ธ Every camera lens and telescope
๐ Why diamonds sparkle
๐ The entire internet (fiber optics!)
๐ Prescription glasses and contacts
๐ Rainbows and natural phenomena
In this lesson, you'll master the physics that powers our modern visual world.
๐ก What Is Light, Really?
Light is an electromagnetic wave that travels through space at incredible speed.
<div style="text-align: center;">
โก Speed of Light in Vacuum
c=3.0ร108 m/s
</div>
ย
<div style="text-align: center;">
<strong>That's 300,000 kilometers per second!</strong>
<br/><br/>
โก Fast enough to circle Earth <strong>7.5 times per second</strong>
</div>
ย
Next: We'll explore the key properties that make light behave the way it does.
๐ Key Properties of Light
1๏ธโฃ โ Travels in Straight Lines
In a uniform medium like air, light travels in straight lines called rays. This is why shadows have sharp edges and why we can aim lasers precisely.
ย
2๏ธโฃ โ Can Change Direction
Light reflects when it hits a surface (like a mirror), and refracts when it enters a new material (like light bending in water). These two behaviors explain almost everything you see!
ย
3๏ธโฃ ๐ Different Colors = Different Wavelengths
Red light โ ~700 nm (longer wavelength)
Blue light โ ~450 nm (shorter wavelength)
๐ก Key Insight: White light is actually a mixture of all colors combined! When you split white light through a prism, you see all the individual colors that were mixed together.
What Happens When Light Hits a Boundary?
When light encounters a boundary between two materials (like air and water), it has three options:
The Three Possibilities:
1. Reflect ๐ช
Light bounces back into the first material
2. Refract ๐
Light bends as it enters the second material
3. Do Both! โจ
Most of the time, light partially reflects AND partially refracts
We're going to learn the exact rules that determine what happens in each case.
Ready to see this in action? Let's explore some real-world examples!
โ Check Your Understanding
Let's make sure you've mastered the basics before moving forward!
Optics is highly visual. For every problem, you should:
Part 3: Sign Convention
๐ Sign Convention โ The Key to Everything
Part 3 of 8
This is the most important part of the entire course. Get this right and every formula becomes straightforward. Skip it and you'll struggle with every problem.
We'll set up a simple rule system:
Which direction is positive?
Is a height positive or negative?
Once you nail this, you'll assign correct signs in seconds.
Sign Convention
In optics, we define positive and negative directions based on how light travels.
Step 1 โ Place the object
Step 2 โ Draw light direction arrow from object to mirror/lens
Step 3 โ The arrow defines positive (+)
The interactive demonstration is next.
Understanding the Sign Convention ๐
Let's establish our coordinate system with a visual demonstration!
Interactive Animation
<iframe src="/optics/sign-convention-animation.html" width="100%" height="800" frameborder="0" style="border-radius: 10px; margin: 20px 0;"></iframe>
The Cartesian sign convention is simple once you understand the key principle:
The direction light travels DEFINES the positive direction โ
Height Sign Convention
Height is measured from the optical axis.
Above the axis โ Positive height (+)
Below the axis โ Negative height (โ)
Let's see it in action.
Interactive Height Tutorial ๐
Interactive Animation
<iframe src="/optics/height-sign-convention.html" width="100%" height="850" frameborder="0" style="border-radius: 10px; margin: 20px 0;"></iframe>
Part 4: Law of Reflection
๐ช Law of Reflection
Part 4 of 8
Time to apply what you know! In this part you'll learn the simplest but most fundamental law in optics:
Angle of incidence = Angle of reflection
We'll also see why mirrors create clear images while paper doesn't, and apply our sign convention to plane mirrors.
Law of Reflection
When light hits a smooth surface, it follows a simple rule:
Why does light slow down in water? Why do diamonds sparkle? The answer is a single number: the index of refraction.
In this part you'll learn to:
Calculate n from the speed of light in a material
Predict what changes (speed, wavelength) and what stays the same (frequency)
Use n as a sanity check โ if you ever get n<1, something's wrong!
Index of Refraction ๐
Light slows down when entering a material!
The Index
Index of refraction ():
Part 6: Snell's Law
โก Snell's Law โ The Master Equation
Part 6 of 8
This is the equation you'll use more than any other in optics:
n1โsinฮธ1โ=n
Part 7: Total Internal Reflection
๐ Total Internal Reflection
Part 7 of 8
What happens when light tries to leave a dense material and the angle is too steep? It can't escape โ it reflects completely back inside. This is total internal reflection (TIR).
TIR powers fiber optic internet, makes diamonds sparkle, and explains mirages on hot roads. Let's see how it works.
Total Internal Reflection
Something special happens when light tries to go from dense โ less dense!
The Critical Angle
When going from higher n to lower n (e.g., water โ air):
There's a maximum incident angle called the critical angle (ฮธ)
Part 8: Dispersion
๐ Dispersion โ Why Rainbows Exist
Part 8 of 8 โ The Grand Finale
You've learned reflection, refraction, and TIR. Now we put it all together to explain one of nature's most beautiful phenomena: the rainbow.
The key insight: the index of refraction isn't the same for every color. Blue light bends more than red. That tiny difference creates prisms, rainbows, and the "fire" in a diamond.
Dispersion: Why Rainbows Exist ๐
Not all wavelengths of light refract the same amount!
What is Dispersion?
Dispersion is the separation of white light into its component colors.
Why it happens:
Index of refraction (n) depends slightly on wavelength
Shorter wavelengths (blue) โ higher n โ bend more
Longer wavelengths (red) โ lower n โ bend less
Typical Values in Glass:
<div style="text-align: center; margin: 20px 0;">
<img src="/optics/prism-dispersion.svg" alt="White light dispersing through a prism" style="max-width: 100%; height: auto;" />
</div>
Your Diagram Checklist:
Draw the light ray with an arrow
Mark the normal (perpendicular line to the surface)
Label all angles from the normal
Show the direction light travels
Pro tip: Your diagram is often 80% of the solution!
Students who draw clear diagrams solve problems 3x faster than those who don't.
Success Tip #2: Master Sign Conventions ๐
The Cartesian sign convention (Part 3) is the single most important concept in this entire lesson.
Why It Matters:
Get this right โ Everything else becomes easy Skip this โ You'll struggle with every single problem
We've created interactive animations and quizzes to make this concept crystal clear.
Take your time on Part 3. It's worth it!
Success Tip #3: Angles From Normal! โฅ
This trips up many students, so pay attention:
Common Mistake:
โ WRONG: "Light hits at 30ยฐ to the surface"
โ RIGHT: "Light hits at 60ยฐ from the normal"
Remember:
The normal is always perpendicular (โฅ) to the surface.
All angles in optics are measured from the normal, never from the surface itself.
This is a universal rule that applies to reflection AND refraction!
๐ Ready to Begin?
You now understand:
โ What light is and how it travels
โ Real-world applications you'll be able to explain
โ The structure of this 8-part journey
โ Key strategies for success
Next Up: Part 3
Click "Next" to dive into Sign Conventions
This is where the real magic begins. You're about to learn the coordinate system that makes everything in optics crystal clear!
The foundation you build in Part 3 will make everything else smooth sailing.
Quick Check โ Make sure you're set before Part 3.
The optical axis is your reference line. Everything above it is positive, everything below is negative.
Check Your Understanding โ Can you assign signs correctly?
๐ฏ Quiz Time!
Test your understanding of the sign convention by identifying which directions are positive and negative.
<iframe src="/optics/sign-convention-quiz.html" width="100%" height="850" frameborder="0" style="border-radius: 10px; margin: 20px 0;"></iframe>
Once you ace this quiz, you'll be ready to move on to the Law of Reflection!
Before You Move On โ These two traps catch a lot of students.
Angle of incidence = Angle of reflection
Key Points:
1. Angles measured from the NORMAL โฅ
The normal is perpendicular to the surface
NOT from the surface itself!
2. The rays are COPLANAR ๐
Incident ray, reflected ray, and normal all lie in the same plane
Think of it as everything happening on a flat sheet of paper
Specular Reflection ๐ช
Mirror-like reflection from smooth surfaces
When light hits a smooth, polished surface, we get specular reflection.
The smoothness means every point on the surface has the same orientation. All the normals (perpendiculars) point in the same direction, so parallel incident rays all reflect at the same angle, maintaining their parallel arrangement.
Result: You see a clear, sharp image - like looking in a mirror!
Diffuse Reflection ๐ซ๏ธ
Scattered reflection from rough surfaces
When light hits a rough surface, we get diffuse reflection.
Examples: paper, walls, unpolished wood, fabric, your skin
Parallel Rays Scatter โโโโโ
When parallel incident rays hit the surface...
They reflect in many different directions
Each ray STILL follows ฮธiโ=ฮธrโ at its local surface!
No Clear Images ๐
Rays scatter in all directions
Information about the original scene gets scrambled
You can see the surface, but not a reflection in it
Why It Happens:
The roughness means each point on the surface faces a different direction. The normals point in many different directions, so even parallel incident rays reflect at different angles because they're measured from different normals.
Result: You can see the object itself (because light scatters to your eyes), but you don't see mirror-like reflections!
Key Insight:
Both specular and diffuse reflection follow the same law: ฮธiโ=ฮธrโ
The difference is just whether the surface is smooth (specular) or rough (diffuse) at the microscopic scale!
Plane Mirror Sign Convention
Let's apply the Cartesian sign convention to plane mirrors (flat mirrors with specular reflection).
Ray Tracing Animation
Watch how we locate the virtual image using ray tracing:
<iframe src="/optics/plane-mirror-animation.html" width="100%" height="700" frameborder="0" style="border-radius: 10px; margin: 20px 0;"></iframe>
Applying the Sign Convention:
Remember from Part 2: Light travels from left to right, making right positive (+) and left negative (โ).
For a plane mirror positioned vertically:
Object on the left (where light comes from):
Object distance: doโ = negative (โ) because it's on the left side
The object is in the negative region of our coordinate system
Image on the right (behind the mirror):
Image distance: diโ = positive (+) because it's on the right side
Virtual image forms in the positive direction, behind the mirror
The Relationship:
For a plane mirror, the magnitudes are equal but signs follow our Cartesian convention:
โฃdoโโฃ=โฃdiโโฃ
Since the object and image are equidistant from the mirror but on opposite sides, and considering our coordinate system where light travels left-to-right (negative to positive):
diโ=โdoโ
Key Point: The signs follow the Cartesian convention we established in Part 2. Left side = negative, right side = positive. The image appears behind the mirror in the positive direction!
Quick Check: Reflection โ
Test your understanding of reflection concepts!
Before You Move On โ Two common traps with reflection.
Real-World Check โ A driver sees broad glare from a wet rough road but a crisp reflection from a mirror road sign. Why?
n
n=vcโ
where:
c = speed of light in vacuum = 3.0ร108 m/s
v = speed of light in the material
Key Properties:
nโฅ1 (light can't go faster than c!)
No units (dimensionless)
Higher n โ slower light โ more bending
Common Values:
Material
Index (n)
Vacuum
1.0000 (exactly)
Air
1.0003 โ 1
Water
1.33
Glass
1.5
Diamond
2.42
What Changes, What Doesn't:
When light enters a new medium:
Changes:
โ Speed: v=c/n
โ Wavelength: ฮป=ฮป0โ/n
Stays the Same:
โ Frequency: f constant
โ Color (determined by frequency)
Why This Matters:
The relationship c=ฮปf still holds, but in a medium:
v=ฮปf
Since f stays constant:
ncโ=nฮป0โโโ f
This confirms v and ฮป both decrease by factor n!
Practice: Index of Refraction โ
Calculate and apply!
Before You Move On โ Two traps with index of refraction.
Real-World Check โ An engineer compares two lens materials: A has n = 1.40 and B has n = 1.70.
2
โ
sin
ฮธ2โ
It tells you exactly how much light bends at any boundary. By the end of this part, you'll solve refraction problems in a few clean lines.
Snell's Law
When light crosses a boundary between two materials, it changes direction! This phenomenon is called refraction.
Snell's Law
n1โsinฮธ1โ=n2โsinฮธ2โ
This powerful equation predicts exactly how much light will bend at any interface.
<img src="/optics/snells-law-diagram.svg" alt="Snell's Law Refraction Diagram" style="max-width: 600px; margin: 20px auto; display: block;" />
What you see:
Light traveling from air (less dense) into water (more dense)
The ray bends toward the normal when entering the denser medium
Angle decreases: 45ยฐ โ 32ยฐ
Understanding the Parameters
n1โsinฮธ1โ=n2โsinฮธ2โ
Where:
n1โ = index of refraction of first medium (where light is coming from)
ฮธ1โ = angle from normal in first medium
n = index of refraction of (where light is going)
Critical Points:
1. Angles measured from the NORMAL โฅ
The normal is perpendicular to the surface
NOT from the surface itself!
2. Light direction matters
Light travels from medium 1 โ medium 2
We follow the light ray's path
3. Both angles always positive
We measure angles as magnitudes (0ยฐ to 90ยฐ)
Direction of bending tells us the physics
Bending Rules: Which Way Does Light Bend?
The direction light bends depends on the relative density of the two media.
The Pattern ๐ฏ
When light crosses a boundary:
Entering denser medium (n2โ>n1โ): Bends TOWARD normal
Entering less dense medium (n2โ<n1โ): Bends AWAY FROM normal
Same medium (n1โ=n2โ): No bending (continues straight)
Memory Aid ๐ก
"Fast โ Slow: bend toward" "Slow โ Fast: bend away"
Think of it like a car going from pavement to sand at an angleโone wheel hits the sand first and slows down, causing the car to turn toward the normal!
Let's see this in action with visual examples...
Light Bending TOWARD Normal ๐
Entering Denser Medium (n2โ>n1โ)
When light enters a denser medium (higher index of refraction), it slows down and bends toward the normal.
โ Angle decreases: ฮธ2โ<ฮธ1โ (50ยฐ โ 30ยฐ)
โ Light slows down: Moves from faster medium to slower medium
โ Bends toward normal: Gets closer to perpendicular
Examples:
Air โ Water
Air โ Glass
Water โ Diamond
Why it happens: Light slows down in denser materials, causing the wavefront to pivot toward the normalโlike a marching band turning when one side slows down!
Light Bending AWAY FROM Normal ๐
Entering Less Dense Medium (n2โ<n1โ)
When light enters a less dense medium (lower index of refraction), it speeds up and bends away from the normal.
<img src="/optics/bending-away-normal.svg" alt="Light bending away from normal" style="max-width: 500px; margin: 20px auto; display: block;" />
Key Observations:
โ Angle increases: ฮธ2โ>ฮธ1โ (30ยฐ โ 42ยฐ)
โ Light speeds up: Moves from slower medium to faster medium
โ Bends away from normal: Gets farther from perpendicular
Examples:
Water โ Air
Glass โ Air
Diamond โ Air
Why it happens: Light speeds up in less dense materials, causing the wavefront to pivot away from the normalโlike a marching band spreading out when one side speeds up!
Important: This is where Total Internal Reflection can occur if the angle is too large!
Snell's Law Example 1: Air to Water ๐ง
Problem:
Light travels from air into water at an angle of 45ยฐ from the normal. Find the refraction angle.
Given:
n1โ=1.0 (air)
ฮธ1โ=45ยฐ
n2โ=1.33 (water)
ฮธ2โ=?
Step-by-Step Solution:
Step 1: Set up the coordinate system
Air (nโ = 1.0)
โโโโโผโโโโ 45ยฐ from normal
โ
โโโโโโโโโดโโโโโโโโ โ water surface
โ ฮธโ = ?
โผโโโโ
Water (nโ = 1.33)
Light direction: downward into water (positive direction)
Step 2: Apply Snell's Law
n1โsinฮธ1โ=n2โ
Step 3: Solve for ฮธ2โ
sinฮธ2โ=n2โ
sinฮธ2โ=1.33(1.0)sin(45ยฐ
sinฮธ2โ=1.33(1.0)(0.707)โ
ฮธ2โ=sinโ1(0.531)=32.1ยฐ
Step 4: Interpret the result
ฮธ2โ=32.1ยฐ<45ยฐ=ฮธ1โ โ
Light bent toward normal โ
Makes sense! Entering denser medium ()
Visual Result:
<img src="/optics/snell-example1-air-water.svg" alt="Snell's Law Example: Air to Water" style="max-width: 500px; margin: 20px auto; display: block;" />
The light ray bends toward the normal when entering water!
Snell's Law Example 2: Water to Air ๐โ๐ค๏ธ
Problem:
Light travels from water to air at 30ยฐ from the normal. Find the refraction angle.
Given:
n1โ=1.33 (water)
ฮธ1โ=30ยฐ
n2โ=1.0 (air)
ฮธ2โ=?
Step-by-Step Solution:
Step 1: Set up the coordinate system
Water (nโ = 1.33)
โผโโโโ 30ยฐ from normal
โ
โโโโโโโโโดโโโโโโโโ โ water surface
โ
โโโโโผโโโโ ฮธโ = ?
Air (nโ = 1.0)
Light direction: upward into air (positive direction)
Step 2: Apply Snell's Law
n1โsinฮธ1โ=n2โ
Step 3: Solve for ฮธ2โ
sinฮธ2โ=n2โ
sinฮธ2โ=1.0(1.33)sin(30ยฐ
sinฮธ2โ=1.0(1.33)(0.5)โ
ฮธ2โ=sinโ1(0.665)=41.7ยฐ
Step 4: Interpret the result
ฮธ2โ=41.7ยฐ>30ยฐ=ฮธ1โ โ
Light bent away from normal โ
Makes sense! Entering less dense medium ()
Visual Result:
<img src="/optics/snell-example2-water-air.svg" alt="Snell's Law Example: Water to Air" style="max-width: 500px; margin: 20px auto; display: block;" />
The light ray bends away from the normal when exiting water!
Key Difference: Same angle in water (30ยฐ), but now we're going the opposite direction โ larger angle in air!
Check Your Understanding โ Predict which way light bends.
Computation Drill (5-Step Style)
Light goes from air (n1โ=1.00) into glass (n2โ=1.50) at ฮธ1โ=30โ.
Enter in order (to 3 significant figures where applicable):
sinฮธ2โ
ฮธ2โ in degrees
Direction phrase: toward or away
Before You Move On โ Two common Snell's Law mistakes.
c
โ
At ฮธcโ: Refracted ray travels along the boundary (ฮธ2โ=90ยฐ)
1. ฮธ < ฮธc: Normal refraction occurs
Water (n = 1.33)
โ
โโโโโดโโโโ โ (light exits to air)
Air
2. ฮธ = ฮธc: Critical angle - light along boundary
Water
โ
โโโโโดโโโโโ (grazes surface)
Air
3. ฮธ > ฮธc: Total Internal Reflection
Water
โ โ (100% reflection!)
โโโโโดโโโโ
Air (no light escapes)
Finding the Critical Angle
Start with Snell's Law at the critical condition:
n1โsinฮธcโ=n2โsin(90ยฐ)
n1โsinฮธcโ=n2โ(1)
sinฮธcโ=n1โn2โโ
ฮธcโ=sinโ1(n1โn2โโ)
Important: Only exists when n1โ>n2โ (why?)
If n1โ<n2โ, then n1โn2โโ>1 โ no solution! (sin can't exceed 1)
Sign Convention Note:
When total internal reflection occurs:
No refracted ray (it's reflected instead)
Reflected ray follows law of reflection
All energy stays in original medium
Example: Water-Air Interface
ฮธcโ=sinโ1(1.331.0โ)=sinโ1(0.752)=48.8ยฐ
If light in water hits surface at > 48.8ยฐ: 100% reflection!
Applications of Total Internal Reflection ๐
TIR isn't just theoryโit powers modern technology!
1. Fiber Optics ๐ก
How it works:
Glass or plastic fiber with high n
Light enters at one end
Repeatedly reflects off walls (TIR)
Travels long distances with minimal loss!
Light in โโ โฑโฒ โฑโฒ โฑโฒ โฑโฒ โฑโฒ โโ Light out
โโโ โโโ โโโ โโโ โโโ
[Fiber optic cable]
Applications:
Internet (fiber optic cables)
Medical endoscopes
Telecommunications
Why it's amazing:
Almost no signal loss
Immune to electromagnetic interference
Can carry huge amounts of data
2. Diamonds Sparkle ๐
Why diamonds sparkle so much:
Diamond has n=2.42 (very high!)
ฮธcโ=sinโ1(2.421.0โ)=
Very small critical angle!
Light easily undergoes TIR
Bounces around inside, creating sparkle
Proper cut maximizes this effect
3. Binoculars and Periscopes ๐ญ
Prisms use TIR instead of mirrors:
Light in โโ โฑโ
โฑ โ
โฑ โ (TIR at 45ยฐ)
โฑ___โ
โ Light out
Advantages over mirrors:
No coating needed
100% reflection (mirrors are ~95%)
No degradation over time
4. Mirages ๐๏ธ
On hot days, light from sky bends gradually in air layers:
Hot air near ground has slightly lower n
Light bends away from normal (going to lower n)
Eventually reaches critical angle โ TIR!
We see sky reflected, looks like water!
Master Check: Total Internal Reflection โ
Test your understanding of TIR!
Before You Move On โ Two things students get wrong about TIR.
Real-World Check โ An engineer wants stronger light confinement in a fiber optic cable.
Color
Wavelength
Index (n)
Red
700 nm
1.513
Orange
620 nm
1.514
Yellow
580 nm
1.517
Green
550 nm
1.519
Blue
470 nm
1.528
Violet
400 nm
1.532
Notice: n increases as wavelength decreases!
White Light Through a Prism
Each color refracts at a slightly different angle!
Physics Behind It
From Snell's Law: n1โsinฮธ1โ=n2โsinฮธ2โ
If n2โ is larger โ sinฮธ2โ must be smaller โ ฮธ2โ is smaller
Blue light: larger n โ bends more (smaller angle from normal)
Red light: smaller n โ bends less (larger angle from normal)
Sign Convention with Dispersion:
When analyzing each color:
Each has its own refraction angle (ฮธ2โ)
All measured from the same normal
Positive direction doesn't change (still defined by light path)
Just different values of ฮธ2โ for each ฮป!
Rainbow Formation ๐โ
Rainbows combine refraction, dispersion, and total internal reflection!
How Rainbows Form
<div style="text-align: center; margin: 20px 0;">
<img src="/optics/rainbow-raindrop.svg" alt="Light path through a raindrop creating a rainbow" style="max-width: 100%; height: auto;" />
</div>
1. Refraction (entering drop)
White sunlight enters raindrop
Disperses into colors (violet bends most)
2. Reflection (back of drop)
Light hits back surface
Angle > critical angle โ TIR!
All light reflects back
3. Refraction (exiting drop)
Light exits drop
Disperses again (amplifies color separation)
Different colors exit at different angles
The Viewing Geometry
You see a rainbow when:
Sun is behind you
Rain or mist is in front of you
Angle between sun, drop, and your eye โ 42ยฐ for red
Each color at slightly different angle:
Red: 42ยฐ (outer arc)
Orange: 41.5ยฐ
Yellow: 41ยฐ
Green: 40.5ยฐ
Blue: 40ยฐ
Violet: 39.5ยฐ (inner arc)
Why the Arc Shape?
All raindrops at 42ยฐ from the sun-you line form a circle!
<div style="text-align: center; margin: 20px 0;">
<img src="/optics/rainbow-geometry.svg" alt="Why rainbows form circular arcs" style="max-width: 100%; height: auto;" />
</div>
Double Rainbows ๐๐
Sometimes you see TWO rainbows!
Primary rainbow:
One internal reflection
Red on outside, violet on inside
Brighter
Secondary rainbow:
Two internal reflections
Colors reversed (violet outside, red inside)
Fainter (some light lost on each reflection)
Angle โ 51ยฐ
Sign Convention Note:
For rainbow analysis:
Each refraction event has its own coordinate system
Normal defined at each surface point
TIR occurs when light hits back at > critical angle