GraphicsWindow Basics - Small Basic Featured Article

Check out this classic article from litdev:

Small Basic: GraphicsWindow Basics

Table of Contents

• GraphicsWindow Layers
   
  • Layer 1 - Background
  • Layer 2 - Drawings
  • Layer 3 – Shapes and Controls
   
• Shapes Properties
• Moving Shapes
• Other Languages

Here's an excerpt about moving shapes:

The position of a shape is defined by a bounding box. The bounding box is a rectangle that completely covers the shape when it was created. The position of the shape on the canvas is defined by the top left corner of the bounding box. The bounding box has a width and height which corresponds to the size set when the shape was created.

• If a shape has width w and height h, then to position a shape with its centre at (x,y), we need to set the top left corner at (x-w/2,y-h/2).
• Note that when a rotated or zoomed shape is moved it appears as if the rotation or zoom was performed after the positioning movement – the position is the top left corner of the un-rotated and un-zoomed bounding box.

I love how the Wiki is always evolving! This article was written in 2012, but in March of this year, Yan translated it into French:

 Small Basic - Les Bases : La Fenêtre Graphique GraphicsWindow (fr-FR)

Special thanks to Yan for translating and to LitDev for this timeless article!

Small and Basically yours,

   - Ninja Ed