.png
)
About
DOCUMENTATION
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
where
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)
Opacity
The opacity ranges from 0 to 1, with steps of 0.1.
1 is completely opaque, while 0 is completely transparent.
Light Source
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:
https://css-tricks.com/snippets/css/complete-guide-grid/
Translations
| Code | Language | Translator | Run | |
|---|---|---|---|---|
 |
||||
Credits
lookang (This email address is being protected from spambots. You need JavaScript enabled to view it.); shaun
Sample Learning Goals
[text]
For Teachers
Light Shining Through Shape Cutouts Javascript HTML5 Applet
 |
| Initial state of the simulation |
Description
- 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.
Research
[text]
Video
Version:
Other Resources
[text]
end faq
{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}