SCL™ Basics

To begin, we have used the style sheet to resize the native canvas size from 800x600 to 320x240. This has the effect of scaling the canvas perfectly but the coordinate system is still 800x600 from the perspective of our code.

Let's start at the most basic: Putting our first graphic on screen.

Start is the first routine to run when the script starts. It is case-sensitive. The first thing to do is launch the sprite that we define below.
The center of the canvas is 400,300.
We define the center of the sprite to be its actual center for this png file: 250,250.
Remember, the center of a sprite isn't the center of the image file. The center defaults to 0,0. It is around the center that the sprite will rotate or detect collisions. Choose it wisely.