Changes

{| class="wikitable"

{| class="wikitable"

|-

|-

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/e/e4/Easy_Java_Simulation_1_EXAMPLE.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_1_EXAMPLE.jpg|450px]]

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/8/88/Easy_Java_Simulation_2_Model_Variables.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_2_Model_Variables.jpg|450px]]

|-

|-

|style="width: 50%;|Step 1- The image  is a screenshot of an EJS simulation modeling the path of a ball confined to move between two walls that form a wedge shape.

|style="width: 50%;|Step 1- The image  is a screenshot of an EJS simulation modeling the path of a ball confined to move between two walls that form a wedge shape.

|style="width: 50%;|Step 2- we will create a simple visualization of the two populations versus time using EJS. After launching, we move to the Model portion of the interface. This is where we enter the variables for our simulation. Follow the directions and click to create a new page of variables. After giving the page a name, you add the variables described in the model. Variables are added by directly editing the variable table that was just created.

|style="width: 50%;|Step 2- we will create a simple visualization of the two populations versus time using EJS. After launching, we move to the Model portion of the interface. This is where we enter the variables for our simulation. Follow the directions and click to create a new page of variables. After giving the page a name, you add the variables described in the model. Variables are added by directly editing the variable table that was just created.

|-

|-

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/7/79/Easy_Java_Simulation_3_Evolution.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_3_Evolution.jpg|450px]]

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/5/5e/Easy_Java_Simulation_4_Plotting_Frame.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_4_Plotting_Frame.jpg|450px]]

|-

|-

|style="width: 50%;|Step 3- The next step in creating our simulation is to describe how the model changes over time. Since we are using a differential equation model you need to move to the Evolution portion and create a page of ODEs. After naming the page, indicate the independent variable, t, and then enter the differential equations for the model. The equations can be inserted by double-clicking the table cells. 

|style="width: 50%;|Step 3- The next step in creating our simulation is to describe how the model changes over time. Since we are using a differential equation model you need to move to the Evolution portion and create a page of ODEs. After naming the page, indicate the independent variable, t, and then enter the differential equations for the model. The equations can be inserted by double-clicking the table cells. 

|style="width: 50%;|Step 4- Having defined the model, we move to the visualization. Our goal is to see how the predator and prey populations vary with time. Thus, we want to create a plot of x and y versus t. So, we add a plot to our visualization window. You accomplish this by clicking the PlottingFrame element highlighted below and then clicking Simulation View in the Tree of Elements.

|style="width: 50%;|Step 4- Having defined the model, we move to the visualization. Our goal is to see how the predator and prey populations vary with time. Thus, we want to create a plot of x and y versus t. So, we add a plot to our visualization window. You accomplish this by clicking the PlottingFrame element highlighted below and then clicking Simulation View in the Tree of Elements.

|-

|-

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/6/64/Easy_Java_Simulation_5_View.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_5_View.jpg|450px]]

|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/0/0e/Easy_Java_Simulation_6_Finished_Example.jpg}}

|style="width: 50%;|[[File:Easy_Java_Simulation_6_Finished_Example.jpg|450px]]

|-

|-

|style="width: 50%;|Step 5- we indicate what variables the plot will graph. By double clicking plot within the Tree of Elements, a new window pops up. Fill the Input X and Input Y fields with t and x respectively. To help differentiate the two populations, edit the Line Color parameter to be BLUE. Next we add a plot of the predator versus time by right-clicking the plot just edited and selecting Copy from the popup menu. Then right-click the plottingPanel element and select Paste. Edit the plot2 element so that Input Y is y. 

|style="width: 50%;|Step 5- we indicate what variables the plot will graph. By double clicking plot within the Tree of Elements, a new window pops up. Fill the Input X and Input Y fields with t and x respectively. To help differentiate the two populations, edit the Line Color parameter to be BLUE. Next we add a plot of the predator versus time by right-clicking the plot just edited and selecting Copy from the popup menu. Then right-click the plottingPanel element and select Paste. Edit the plot2 element so that Input Y is y.