Skip to main content
Physics LibreTexts

7.2.1: Illustrations

  • Page ID
    33403
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Illustration 1: Mirrors and the Small-Angle Approximation

    Shown is an optics bench that allows you to add various optical elements (lens, mirror, and aperture) and light sources (beam, object, point source) and see their effect. Elements and sources can be added to the optics bench by clicking on the appropriate button and then clicking inside the applet at the desired location. Moving the mouse around in the applet gives you the position of the mouse, while a click-drag will allow you to measure angle (position is given in centimeters and angle is given in degrees).

    Add a mirror to the optics bench by clicking on the mirror button and then clicking inside the animation to place the mirror. Adjust the focal point of the mirror by dragging on the round hotspots. Notice that you can make the mirror either concave or convex. Make the mirror concave with a focal length of \(0.5\text{ cm}\) and place it near the right-hand side of the applet. Now add a source of light by clicking on the object button and then clicking inside the animation. You can later add other sources of light.

    Notice the rays emanating from the object, their reflection from the mirror, and the resulting image. Click the head of the arrow (the object) and move it around. First note that there are three rays that emanate from the head of the arrow. One ray comes off parallel to the principal axis (the yellow centerline) and is reflected through the focal point, one ray comes off at an angle to hit the mirror on the principal axis and is reflected, and one ray passes through the principal axis at the focal point of the mirror and is reflected parallel to the principal axis.

    Do the rays always behave as you expect them to? Probably not. As you drag the head of the source and change its height and position, what do you notice about the rays when they reflect from the mirror? The rays reflect from the vertical line tangent to the mirror's surface. If you click on the mirror, you will see this line in green. This applet uses what is called the small-angle approximation. This approximation assumes that the object is of a much smaller dimension than the mirror. For larger focal length mirrors, you may barely notice the approximation, but for smaller focal length mirrors it becomes increasingly noticeable. In this Illustration a focal length of \(f < 1\text{ cm}\) will yield a noticeable difference between the rays you expect and the result of the small-angle approximation. Click on the mirror and drag the round hotspots to change the mirror's focal length to see the effect.

    The optics bench allows you to try many different configurations to see how light will interact with a mirror. Take some time to play with the applet. You may also find it helpful to refer back to this Illustration as you develop your understanding of optics. A brief description of the three sources is given below.

    • The "Beam" button adds a beam of parallel light rays. The angle of the light rays can be changed by dragging the hotspot after clicking on the beam.
    • The "Object" button adds an arrow as an object. A ray diagram is drawn for the object if an optical element is present.
    • The "Source" button adds a point source of light. The spread of the light rays can be adjusted by dragging the hotspot after clicking on the source.

    Illustration authored by Mario Belloni and Melissa Dancy.

    Illustration 2: Flat Mirrors

    This animation shows images in two flat mirrors placed at an angle to each other. You can adjust the angle between the mirrors by click-dragging the green dot, and you can change the object size by click-dragging the red dot. The gray dots are the images. If you double-click in the animation window, you can see the path of some of the light rays from the source.

    The yellow rays show the actual path of the light, while the gray "rays" show where it looks like the reflected yellow rays come from. When we look at objects, we assume light travels in straight lines (this is how our brain interprets the input it gets from our eyes). So when we look in a mirror, the images we see are behind the mirror because it looks like the light comes from the point behind the mirror. Since the light rays do not actually pass through the image points, the images are virtual ones. Try adjusting the angle between the mirrors to get more than two images. Why are there multiple images? Double-click to see the light rays and identify the images that are a result of light reflecting off the mirror more than once. Identify points where multiply reflected light rays cross. If you were located there, you would see multiple images. Follow each ray straight back to the virtual image to check. Note that since there are only a finite number of rays drawn, you may not get every ray you expect to see. As you decrease the angle between the mirrors, why are there more images?

    Illustration authored by Anne J. Cox.
    Applet authored by Fu-Kwun Hwang.

    Physlets were developed at Davidson College and converted from Java to JavaScript using the SwingJS system developed at St. Olaf College.


    7.2.1: Illustrations is shared under a CC BY-NC-ND license and was authored, remixed, and/or curated by LibreTexts.

    • Was this article helpful?