Breadcrumbs

Optics Bench JS written by Wolfgang Christian and Michael J. Lee

The Optics Bench JavaScript Physlet allows users 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 simulation at the desired location. Moving the mouse shows position, while a click-drag will measure angle.

The Optics Bench Physlet is distributed as web page that is also a Progressive Web Application (PWA).  A PWA is a type of mobile app that is delivered through the web, that can work off-line, and that can be installed on a user's home screen. PWAs are built using industry-standard web technologies including HTML, CSS and JavaScript.  

The Optics Bench Java Physlet was developed in Java by Mike Lee and Wolfgang Christian.  It was converted from Java to JavaScript by W. Christian using the SwingJS system developed at St. Olaf College.

To run the simualtor https://iwant2study.org/lookangejss/04waves_13light/Java/opticsbench/optics.html

download the f

geometrical optics. Developed by Wolfgang Christian and Michael J. Lee, this resource allows users to manipulate virtual optical elements and light sources to observe their effects on light rays. The Physlet is a conversion of an earlier Java-based version, now implemented using JavaScript and HTML5, making it accessible through web browsers and as a Progressive Web Application (PWA).

2. Main Themes and Important Ideas:

  • Interactive Exploration of Optics: The central theme is providing users with a hands-on environment to experiment with optical elements and light sources. The text explicitly states that the simulator "allows you to add various optical elements (lens, mirror, and aperture) and light sources (beam, object, point source) and see their effect." This interactivity promotes a deeper understanding of optical principles through direct observation.
  • Versatile Optical Elements and Light Sources: The Physlet offers a range of essential tools for studying optics. Users can add:
  • Optical Elements: "lens, mirror, and aperture."
  • Light Sources: "beam, object, point source." The ability to combine these elements allows for the creation of various optical setups and the investigation of phenomena like reflection, refraction, and image formation.
  • User-Friendly Interface: The interface is designed for ease of use. Elements and sources can be added by "clicking on the appropriate button and then clicking inside the simulation at the desired location." Furthermore, the simulation provides real-time feedback: "Moving the mouse shows position, while a click-drag will measure angle." Position is given in centimeters, and angles in degrees, providing quantitative information.
  • Progressive Web Application (PWA): The Optics Bench JS is distributed as a PWA, highlighting its modern web development approach. According to the text, "A PWA is a type of mobile app that is delivered through the web, that can work off-line, and that can be installed on a user's home screen." This enhances accessibility and usability across different devices.
  • Demonstration of Ray Diagrams and Image Formation: The simulation visually represents the paths of light rays. When an "object" (arrow) is added and interacts with an optical element like a mirror, the simulation draws a "ray diagram... if an optical element is present." This visual representation is crucial for understanding how images are formed by lenses and mirrors.
  • Illustrative Example: Reflection from a Concave Mirror: The text provides a step-by-step example of using the simulator to explore reflection from a concave mirror. It guides the user to "Add a mirror... make the mirror concave with a focal length of 0.5 cm... add a source of light by clicking on the object button." It then explains the behavior of the three principal rays emanating from the object and their reflection.
  • Introduction to the Small-Angle Approximation: A significant point raised is the use of the "small-angle approximation" in the simulation. The text explains: "This approximation assumes that the object is of a much smaller dimension than the mirror." Users are shown that "The rays reflect from the vertical line tangent to the mirror's surface," which can be visualized by clicking on the mirror. The limitations of this approximation are also discussed, noting that for "smaller focal length mirrors it becomes increasingly noticeable" and that "a focal length of f < 1 cm will yield a noticeable difference between the rays you expect and the result of the small-angle approximation." This highlights the importance of understanding the underlying physics and the limitations of simulations.
  • Flexibility and Experimentation: The document encourages users to "Take some time to play with the simulation" and "try many different configurations to see how light will interact with a mirror." This emphasizes the exploratory nature of the tool and its potential for self-directed learning.
  • Brief Descriptions of Light Sources: The text provides concise explanations of the different light sources available:
  • Beam: "adds a beam of parallel light rays. The angle of the light rays can be changed by dragging the hotspot."
  • Object: "adds an arrow as an object. A ray diagram is drawn for the object if an optical element is present."
  • Source: "adds a point source of light. The spread of the light rays can be adjusted by dragging the hotspot."
  • Attribution and Development History: The document credits Wolfgang Christian and Mike Lee for the development of the original Java Physlet at Davidson College, Mario Belloni and Melissa Dancy for the narrative, and W. Christian for the JavaScript conversion using the SwingJS system from St. Olaf College. This provides context and acknowledges the contributions of the developers.
  • Links for Access: The document provides a direct link to run the simulator (https://iwant2study.org/lookangejss/04waves_13light/Java/opticsbench/optics.html) and another link to download the file for use on a secure server (https://www.compadre.org/osp/items/detail.cfm?ID=15324), noting that it might not run on local machines without a server.

3. Key Quotes:

  • "The Optics Bench JavaScript Physlet allows users to add various optical elements (lens, mirror, and aperture) and light sources (beam, object, point source) and see their effect."
  • "Moving the mouse shows position, while a click-drag will measure angle."
  • "This simulation 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."
  • "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."

4. Conclusion:

The Optics Bench JS Physlet is a valuable open educational resource that provides an interactive and visual approach to learning geometrical optics. Its user-friendly interface, range of optical elements and light sources, and real-time ray tracing capabilities make it an effective tool for students and educators. The inclusion of discussions on approximations used in the simulation also promotes a deeper understanding of the underlying physics and the limitations of models. The availability as a PWA further enhances its accessibility across various platforms.

 

 

Optics Bench JS Study Guide

Description: This study guide is designed to help you review your understanding of the Optics Bench JS Physlet based on the provided source material.

Key Concepts

  • Optics Bench: A virtual simulation space where optical elements and light sources can be added and manipulated to observe their effects.
  • Optical Elements: Components that interact with light, specifically mentioned as lens, mirror, and aperture in this context.
  • Light Sources: Entities that emit light, including beam (parallel rays), object (arrow with ray diagram), and point source (diverging rays).
  • Ray Tracing: The method used in the simulation to show the path of light as it interacts with optical elements.
  • Focal Point: A key property of lenses and mirrors that determines how they converge or diverge light rays.
  • Concave Mirror: A mirror with a surface that curves inward, capable of converging parallel light rays to a focal point.
  • Convex Mirror: A mirror with a surface that curves outward, causing parallel light rays to diverge as if originating from a focal point behind the mirror.
  • Principal Axis: The central horizontal line in the optics bench simulation, often used as a reference for light rays.
  • Small-Angle Approximation: An assumption used in the simulation that the object's dimensions are much smaller than the mirror, which can lead to noticeable differences from ideal ray behavior, especially with small focal length mirrors.
  • Progressive Web Application (PWA): A type of web application that can be installed on a user's home screen, work offline, and is delivered through the web using standard web technologies (HTML, CSS, JavaScript).
  • SwingJS: A system used to convert Java-based simulations (like the original Optics Bench Java Physlet) into JavaScript for web-based applications.

Quiz

Answer the following questions in 2-3 sentences each.

  1. What is the primary function of the Optics Bench JS Physlet?
  2. Name three types of optical elements that users can add to the Optics Bench.
  3. Describe the behavior of the ray that emanates from the head of the object arrow parallel to the principal axis when it reflects off a concave mirror.
  4. What happens when you click and drag within the Optics Bench simulation? What units are used for position and angle measurements?
  5. What is the significance of the green vertical line that appears when you click on a mirror in the simulation?
  6. Explain the small-angle approximation used in the Optics Bench and under what conditions its effects become more noticeable.
  7. Describe the three types of light sources available in the Optics Bench simulation and how their properties can be adjusted.
  8. What web technologies are used to build the Optics Bench JS Physlet?
  9. What is a Progressive Web Application (PWA), and what are some of its key features mentioned in the text?
  10. Who were the original developers of the Optics Bench Java Physlet, and who converted it to JavaScript?

Quiz Answer Key

  1. The Optics Bench JS Physlet allows users to create and manipulate optical setups by adding lenses, mirrors, and apertures, along with various light sources, to observe their effects on light rays. It provides a visual and interactive way to understand basic optics principles.
  2. Users can add three types of optical elements to the Optics Bench: lens, mirror, and aperture. These elements interact with the light sources in different ways to demonstrate optical phenomena.
  3. When a ray from the head of the object arrow travels parallel to the principal axis and strikes a concave mirror, it is reflected through the focal point of the mirror. This is one of the fundamental ray tracing rules for mirrors.
  4. Moving the mouse within the simulation displays the position in centimeters, while clicking and dragging allows the user to measure angles in degrees. These measurement tools help in analyzing the behavior of light rays.
  5. The green vertical line that appears when a mirror is clicked represents the tangent to the mirror's surface at the point where a ray strikes. The rays in the simulation reflect from this tangent line, illustrating the application of the law of reflection.
  6. The small-angle approximation assumes that the object's dimensions are significantly smaller than the mirror. This approximation becomes increasingly noticeable for mirrors with smaller focal lengths (f < 1 cm in the simulation), leading to deviations from ideal ray behavior.
  7. The three light sources are: "Beam" (parallel light rays with adjustable angle), "Object" (an arrow that produces a ray diagram when optical elements are present), and "Source" (a point source emitting diverging rays with adjustable spread).
  8. The Optics Bench JS Physlet is built using industry-standard web technologies including HTML, CSS, and JavaScript, which are the foundational languages for creating web-based interactive content.
  9. A Progressive Web Application (PWA) is a mobile app delivered through the web that can work offline and be installed on a user's home screen. PWAs utilize standard web technologies for their development.
  10. The Optics Bench Java Physlet was originally developed by Mike Lee and Wolfgang Christian. Wolfgang Christian later converted it to JavaScript using the SwingJS system.

Essay Format Questions

  1. Discuss the advantages of using a simulation like the Optics Bench JS Physlet for learning about optics compared to traditional methods. Consider the interactive nature and the ability to manipulate variables in your response.
  2. Explain the concept of ray tracing as it is implemented in the Optics Bench simulation for a concave mirror and an object. Describe the behavior of the three principal rays emanating from the object's head and how they contribute to image formation.
  3. Critically evaluate the use of the small-angle approximation in the Optics Bench simulation. Discuss when this approximation is valid and when its limitations become apparent, and how this might affect a student's understanding of real-world optical systems.
  4. Compare and contrast the different types of light sources available in the Optics Bench (beam, object, point source). Describe how each source might be used to investigate different optical phenomena or concepts.
  5. Discuss the significance of the Optics Bench JS Physlet being a Progressive Web Application (PWA). How does this delivery method enhance accessibility and usability for learners in various environments and with different devices?

Glossary of Key Terms

  • Aperture: An opening or hole that restricts the passage of light.
  • Beam (of light): A directed flow of parallel light rays.
  • Concave: Curved inward, like the inside of a bowl.
  • Convex: Curved outward, like the outside of a sphere.
  • Focal Length (f): The distance between the focal point of a lens or mirror and its surface.
  • Focal Point (F): The point where parallel rays of light converge after passing through a converging lens or reflecting off a concave mirror, or the point from which parallel rays appear to diverge after passing through a diverging lens or reflecting off a convex mirror.
  • Image: The representation of an object formed by a lens or mirror through the refraction or reflection of light.
  • Lens: A transparent optical element that refracts light.
  • Mirror: A surface that reflects light.
  • Object: In optics, the source of light rays that are being traced.
  • Optics: The branch of physics that studies the behavior and properties of light and its interaction with matter.
  • Physlet: A small, interactive simulation or applet used for teaching physics concepts.
  • Principal Axis: The line passing through the center of curvature of a spherical lens or mirror and the center of the optical element.
  • Ray: A line representing the direction of propagation of light energy.
  • Reflection: The bouncing back of light from a surface.
  • Refraction: The bending of light as it passes from one medium to another with a different refractive index.
  • Simulation: A computer-based model of a real-world system or process, used for experimentation and learning.
  • Source (of light): An object that emits light.
  • Tangent: A straight line that touches a curve at a point without crossing it at that point (in the context of the mirror's surface).

ile to be used on a secure server go  to https://www.compadre.org/osp/items/detail.cfm?ID=15324 , it doesnt run my local machines.

Optics Bench

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 simulation at the desired location. Moving the mouse around in the simulation 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 cm and place it near the right-hand side of the simulation. 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 simulation 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 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 simulation. 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.

 


The Optics Bench simulation as developed at Davidson College by Wolfgang Christian and Mike Lee and the narrative was written by Mario Belloni and Melissa Dancy. The simulation was converted from Java to JavaScript using the SwingJS system developed at St. Olaf College.

 

Frequently Asked Questions: Optics Bench JS Simulation

1. What is Optics Bench JS?

Optics Bench JS is a web-based JavaScript Physlet (a small, interactive physics simulation) that allows users to create and manipulate optical setups. Users can add various optical elements like lenses, mirrors, and apertures, along with different light sources such as beams, objects, and point sources, to observe their effects on light rays.

2. How can I use the Optics Bench JS simulator?

To use the simulator, you typically access it through a web browser. The provided link is https://iwant2study.org/lookangejss/04waves_13light/Java/opticsbench/optics.html. The description mentions that it can also be downloaded for use on a secure server from https://www.compadre.org/osp/items/detail.cfm?ID=15324. Once open, you can add elements and sources by clicking on their respective buttons and then clicking within the simulation area to place them.

3. What optical elements and light sources are available in the simulation?

The Optics Bench JS Physlet includes the following optical elements: lens, mirror, and aperture. The available light sources are: beam (parallel rays), object (arrow with ray diagram), and point source (diverging rays).

4. How can I interact with the elements and sources in the simulation?

After adding an element or source, you can move it by clicking and dragging. For some elements, like mirrors and sources, there are hotspots (small circles) that allow you to adjust their properties. For example, you can drag the hotspots on a mirror to change its focal point and make it concave or convex. For light sources, you can adjust the angle of a beam or the spread of rays from a point source by dragging their hotspots. Moving the mouse shows the position, and a click-drag measures the angle.

5. What is the "small-angle approximation" used in the mirror simulation?

The simulation of mirrors uses a "small-angle approximation," which assumes that the object is much smaller than the mirror. In this approximation, rays are reflected from the vertical line tangent to the mirror's surface. This approximation is more accurate for mirrors with larger focal lengths. For smaller focal lengths (f < 1 cm in the example), the difference between the expected ray behavior and the simulation's result becomes more noticeable. You can observe this by adjusting the mirror's focal length.

6. How are the rays drawn for an object interacting with a mirror?

When an object (represented by an arrow) is placed in front of a mirror, the simulation draws three principal rays emanating from the head of the arrow: * One ray travels parallel to the principal axis and is reflected through the focal point. * One ray strikes the mirror at the principal axis and is reflected at an equal angle. * One ray passes through the focal point and is reflected parallel to the principal axis. The intersection of these reflected rays indicates the location of the image.

7. What is a Progressive Web Application (PWA) in the context of Optics Bench JS?

Optics Bench JS is distributed as a Progressive Web Application (PWA). This means it is a type of mobile app delivered through the web using standard web technologies like HTML, CSS, and JavaScript. PWAs have several advantages: they can work offline, and users can install them on their home screen, providing an app-like experience without needing to go through an app store.

8. Who developed Optics Bench JS and the accompanying materials?

The Optics Bench Java Physlet was initially developed by Mike Lee and Wolfgang Christian in Java. Wolfgang Christian converted it to JavaScript using the SwingJS system developed at St. Olaf College. The narrative and accompanying explanations were written by Mario Belloni and Melissa Dancy. The project is part of Open Educational Resources / Open Source Physics @ Singapore.

 
5 1 1 1 1 1 1 1 1 1 1 Rating 5.00 (2 Votes)