Lens and Optics Lab

Prompt

Code a self-contained, embeddable, and complete html, css, and javascript simulation to model the uses of lenses for junior high science students who are learning about lenses and refraction. In this simulation, provide the following lenses: water in a cylinder, convex, concave, triangular prism, concave on one side and convex on the other, concave on the near side and concave on the other. Provide a light source like a flashlight with white light and with parallel rays and allow the user to select the lens. Allow the user to rotate and slide the lens nearer to and farther from the light source and depict in the animation what happens to the rays. Allow the user to select a red laser as an alternate light source. Use the information provided in this YouTube video to make the simulation have the necessary depth for advanced junior high students: https://www.youtube.com/watch?v=facwc9Zp9i0 Make the simulation have a navy blue, white, black, and gray theme.

Iteration

The biconcave lens is too concave and the sides intersect each other which would be physically impossible for an actual lens. Fix the lens.