EZ Math Movie, Tutorials, Input and Output, Rectangle Area

Describe the rectangle, draw it, calculate its area.

This is a straightforward example showing how to use both the input and the output gizmos. This program animates, but you will need to adjust the input gizmos to see any change in the graph.

Every cycle of the loop code does the following:

Running the example program

Run the program, and you should see the drawing of the rectangle. Also, you should see the value for the area of the rectangle displayed in an output gizmo named 'Area'.

Now try changing the width of the rectangle by clicking on the plus or minus buttons of the input gizmo named 'width'. You should see the rectangle change appropriately, and the new area should be displayed.

It is interesting to see what happens to the rectangle when the width or height go to zero or take on negative values. Be sure to check this.

The example program

Angle measurement: Degrees Radians

Go on input

Sorry, apparently this browser does not support HTML 5 canvas tag graphics.

Edit: Runtime          View: Starter Suggestion

To runtime:


Editor width: Normal Wide








Next tutorial: Showing and hiding

All contents of EZ Math Movie are copyrighted: Copyright 2011, Edward A. Zobel. All rights reserved.

Other sites you may find interesting

Zona Land Education Like Math and Physics?

Zona Land Education offers explanations, diagrams, and animations on these topics.
And it is all presented in a clear and casual manner.

Here is the link: zonalandeducation.com

EZ Programing Demos Want to learn about programing computers?

EZ Programing Demos has an animated, slow motion, interactive programing language demonstrator.
The site presents basic ideas at a beginner's level.

Here is the link: ezprogramingdemos.com

Custom Search