Images Through Lens With Adjustable Opacity (Transparent, Translucent and Opaque )Interactive Javascript HTML5 Applet

 

 

 

Download ModelDownload Sourceembed

Translations

Code Language Translator Run

Software Requirements

SoftwareRequirements


Android iOS Windows MacOS
with best with Chrome Chrome Chrome Chrome
support full-screen? Yes. Chrome/Opera No. Firefox/ Samsung Internet Not yet Yes Yes
cannot work on some mobile browser that don't understand JavaScript such as.....
cannot work on Internet Explorer 9 and below

 

Credits

shaun; lookang

end faq

Sample Learning Goals

[text]

For Teachers

Images Through Lens With Adjustable Opacity Interactive Javascript HTML5 Applet 

Initial state of the simulation
The link to the simulation can be found here.

Description

This is a simple interactive that allows students to see images through a lens with an adjustable opacity. A blurred effect is applied on the lens for a more interesting effect. Students can move the lens around the image to see its effect on different parts of the image. 4 sample images are also provided for students to experiment with. The objective of this interactive is to allow students to observe how our perception of images is affected when seeing through a translucent material.
Changing the image, and adjusting the opacity and position of the lens
The link to the simulation can be found here.
 

Research

[text]

Video

[text]

 Version:

  1. https://iwant2study.org/lookangejss/04waves_13light/ejss_model_blurImage/

Other Resources

[text]

end faq

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)