- Parent Category: 04 Waves
- Category: 04 Light
- Created: Friday, 26 March 2021 16:45
- Last Updated: Monday, 26 April 2021 15:23
- Published: Friday, 26 March 2021 16:45
- Written by Shaun
- Hits: 464
Varying the size with distance from screen
The original size of each of the cutOuts in the plotting panel is 2 by 2.
As the distance of the cutout from the screen increases, the size of the cutout will increase by a certain factor using the following formula:
new_size = cur_size * factor
factor = (0.1 * distFromScreen + 0.9)
The lengths along the x and y axis should always be equal to maintain a sqaure aspect ratio.
(Note that the minimum distance from screen is 1)
The opacity ranges from 0 to 1, with steps of 0.1.
1 is completely opaque, while 0 is completely transparent.
The light source is currently a circle in the plotting panel. This can be ammended in HtmlView, if desired.
CSS Layout of the controlPanel
The layout is made using CSS Grid with 6 columns. For more information, please view:
|with best with||Chrome||Chrome||Chrome||Chrome|
|support full-screen?||Yes. Chrome/Opera No. Firefox/ Samsung Internet||Not yet||Yes||Yes|
Sample Learning Goals
- The opacity of the cutouts
- The distance of the cutouts from the screen
- The arrangement of the cutouts
- The intensity of light from the torchlight
|The interactive in progress|
Hopefully, this simulation can suit the pedagogical needs of teachers, as well as facilitate the understanding of students in trying to comprehend the complexities of this system.