stooop graphical demonstration

gdemo application view

Run or source the gdemo file.

Several buttons are placed below a canvas area. Picture, Rectangle and Oval are used to create Graphic objects. Clear is used to delete all the objects created so far, Exit is self explanatory.

A Picture object can contain any number of Graphic objects, such as other Picture objects, Rectangle objects, ...

For each Graphic object, the point used for moving and for the object coordinates is the upper-left corner of the object.

First create a Picture object by clicking on the Picture button. Move the red rectangle that appears by drag-clicking an any of its edges. Then create a Rectangle object by clicking on the Rectangle button. Drag the Rectangle object in the Picture object, it is then a child of the Picture object.

Move the Picture object to verify that its Rectangle child moves along.

Create another Picture object and place an Oval object within.

Move that Picture object to verify that its Oval child moves along.

Now move the upper-left corner of that last Picture within the first Picture area.

Then move that Picture to verify that all the Graphic objects move along.