Download ModelDownload SourceembedLaunch WebsiteLaunch Website 2


Intro Page

For Debugging:

TR= "xcM1= " + xcM1 + "\n ycM1= " + ycM1 + "\n xcM2= " + xcM2 + "\n ycM2= " + ycM2

BR= ", t = "+_view._format(t,"0.00")+ " s "



Code Language Translator Run

Software Requirements


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



This email address is being protected from spambots. You need JavaScript enabled to view it.; Francisco Esquembre; Felix J. Garcia Clemente; Siti

Sample Learning Goals


For Teachers

Initial Setup. The question is to find the shaded area. The strategy is given below to guide the students.


In the simulation, there will an animation to show how the strategy works.
After the animation, it will clearly show how the Rectangle is formed.


Last view. This animation can be toggled by the page-turner, the Forward and Back button.






Other Resources


end faq

{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}

5 1 1 1 1 1 1 1 1 1 1 Rating 5.00 (1 Vote)