Credits
['Chia Yi']
Learning Objectives: https://sites.google.com/moe.edu.sg/alevelphysicstlg/foundationsofphysics/quantitiesmeasurement
Learning Outcomes: H2  1(h)(i)(j)
Curriculum Emphasis: Ways of Thinking and Doing [WOTD https://vle.learning.moe.edu.sg/mrv/moelibrary/lesson/view/c788167e58654166b14789330b50b6b2/cover SLS lesson includes questions that can be repeated indefinitely with random values inserted.
Sample Learning Goals
Project 20: WebEJS workshop Vector Addition by Chia Yi
https://sg.iwant2study.org/ospsg/index.php/1230 
Exploring Vector Addition: An Interactive Simulation with WebEJS
Introduction:
Understanding vector addition is a fundamental concept in physics and mathematics. Vector addition involves combining two or more vectors to determine their resultant vector. This interactive simulation, created using WebEJS (Easy JavaScript Simulations), provides a visual and interactive method to explore vector addition through two primary methods: the Parallelogram Method and the Triangle (TiptoTail) Method.
WebEJS Workshop Artifacts:
WebEJS is a powerful tool for creating interactive simulations that enhance learning through visualization and manipulation. The simulation showcased here is a part of the WebEJS workshop artifacts, designed to facilitate handson learning and experimentation in educational settings.
Simulation Overview:
The simulation consists of two panels, each illustrating a different method for vector addition:

Left Panel (Parallelogram Method): This panel allows users to visually add vectors by forming a parallelogram. The resultant vector (in black) is the diagonal of the parallelogram formed by the two vectors being added.

Right Panel (Triangle/TiptoTail Method): In this method, vectors are placed tiptotail, and the resultant vector is drawn from the start of the first vector to the end of the last vector. This method helps users understand how vectors can be chained together to form a single resultant vector.
Key Features:

Interactive Manipulation: Users can drag the vectors to reposition them, allowing for a dynamic exploration of how vector magnitude and direction affect the resultant vector.

Visibility Options: Checkboxes below the simulation allow users to toggle the visibility of vectors and methods. This feature aids in focusing on specific aspects of the simulation, whether it's the individual vectors or the resultant vector.

Realtime Calculation: As vectors are repositioned, the lengths and directions update in realtime, providing immediate feedback and a deeper understanding of vector addition concepts.
Vector Addition Concepts:

Parallelogram Method: This method involves placing two vectors such that they start from a common point. The parallelogram formed with the vectors as adjacent sides provides a visual representation, where the diagonal represents the resultant vector.

Triangle/TiptoTail Method: Here, vectors are placed sequentially, with the head of one vector meeting the tail of the next. The resultant vector spans from the tail of the first vector to the head of the last, forming a triangle.
Benefits of the Simulation:

Visual Learning: The simulation provides a clear visual representation of vector addition, making it easier for students to grasp the concept compared to static diagrams.

HandsOn Exploration: Students can manipulate vectors, allowing them to experiment with different scenarios and observe the outcomes, which enhances understanding through experiential learning.

Concept Reinforcement: By providing two methods of vector addition, the simulation reinforces the concept and illustrates the equivalence of different vector addition techniques.
Conclusion:
This WebEJS simulation is a valuable educational tool that enhances the learning experience for students studying vector addition. By allowing students to interact with vectors and observe the effects of changes in realtime, the simulation provides an engaging platform for mastering this essential concept. Educators can leverage this tool in the classroom to provide a more dynamic and interactive learning environment.
For Teachers
2024071824 Web EJS beta Workshop by Francisco Esquembre and Félix J. García Clemente supported by MOE CPDD1 Registration for Web EJS Workshop (1824 July 2024)
Venue: MOEHQ Buona Vista, B302 (18 July) P20102 (19,22,23,24 July)
Contact organisers at This email address is being protected from spambots. You need JavaScript enabled to view it.
Research
[text]
Video
[text]
Version:
 https://weelookang.blogspot.com/2024/03/2024071824webejsbetaworkshopby.html?m=1
 https://weelookang.blogspot.com/2024/08/project20webejsworkshopvector.html
Other Resources
[text]
end faq
{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}