Games Programming

https://www.sqa.org.uk/files/nu/FN8R11.pdf

Upon Completion of this Unit you will be able to

Commenting
Indentation
Naming
Variables
Data Structures
Control Structures
Operators

Pico-8

https://www.lexaloffle.com/pico-8.php

Pico-8 is an IDE ( Integrated Developer Environment ) that uses the Lua programming language.

Pico-8 attempts to replicate the limitations of 8bit video games systems.

Sticking to these limitations helps us to control the scope of our projects and means we only have to worry about one program when we are starting out.

enter image description here

Text Commands
Code Editor
Sprite Editor
Tile Editor
Sound Effects
Music Tracker

init
draw
update

Making your first game

We press Escape to enter the blank code screen
In order to clear the screen we type;

CLS()

If we run this code we can see that the screen is cleared


Next we can type;
PRINT("HELLO")

This will print the word hello on the screen.


If we want to draw a sprite on screen we will type;
SPR(0,64,64)

In this example 0 selects sprite slot 0, 64 draw the sprite 64 pixels along horizontally, and, the next 64 draws the sprite 64 pixels along vertically


In order to make our sprite move horizontally, we need to perform arithmetic on the first 64. To do this, we need to substitute 64 with a value - for example x. We will need to define what x is, now we can perform arithmetic on the value x.
SPR(0,x,64)
X=64
X=X+1

At this point we need to split our code into the three built-in functions used in pico-8.

FUNCTION _INIT()
This function contains and initializes all the variables that we will use.

FUNCTION _DRAW()
This function describes all the elements that will be drawn on the screen.

FUNCTION _UPDATE()
This function contains all of the game logic. This function is called 30 times each second.


FUNCTION _INIT()
	x=64
END

FUNCTION _DRAW()
	SPR(0,x,64)
END

FUNCTION _UPDATE()
	X=X+1
END

This example will sho our sprite moving to the right forever.


Now we want to move the sprite only when we press a key.
FUNCTION _UPDATE()
	IF BTN(1) THEN
		X=X+1
	END
END

Now our sprite will only move when we press the right arrow key.


In order to make the sprite move in two directions, we can reuse our code and change the name of the button used, as well as the arithmetic.
    FUNCTION _UPDATE()
	     IF BTN(1)
		     THEN X=X+1
		 END
		 
		   IF BTN(0)
		     THEN X=X-1
		 END
	END

Now our sprite can move both to the left and to the right.


As it stand right not, our sprite can move off of the screen - in order to stop this we can set some limits.
FUNCTION _UPDATE()
    IF BTN(1) THEN
		X=X+1
	END
		 
	IF BTN(0)THEN
		 X=X-1
	END

    IF X>120 THEN
	    X=120
    END

END

We can use this to limit the movement in the other direction as well.

FUNCTION _UPDATE()
    IF BTN(1) THEN
		X=X+1
	END
		 
	IF BTN(0)THEN
		 X=X-1
	END

    IF X>120 THEN
	    X=120
    END
    
    IF X<0 THEN
	    X=0
    END

END

In order to animate the sprite, we need to manipulate the sprite value. First we need to substitute 0 for S in our draw function, then we can add S=0 in our init function, then we can apply arithmetic and limits in our update function.

You should always avoid using sprite slot 0.

 FUNCTION _INIT()
    X=64
    S=1
 END

 FUNCTION _DRAW()
      CLS()
    SPR(S,X,64)
 END
     
 FUNCTION _UPDATE()
   IF BTN(1) THEN
	X=X+1
     END
    		 
	IF BTN(0)THEN
    X=X-1
    S=S+1
    END

    IF X>120 THEN
	X=120
    END
    
    IF X<0 THEN
	X=0
    END
    
	IF S>2 THEN
	S=1
	END

END

In order to flip our sprite horizontally, we can add additional information to our sprite line.
SPR(S,X,64,1,1,TRUE)

In order to manipulate this value ‘TRUE’, we need to give it a name and then initialize it in our init function.

SPR(S,X,64,1,1,F)

F=FALSE

   FUNCTION _INIT()
    X=64
    S=1
    F=FALSE
 END

 FUNCTION _DRAW()
      CLS()
    SPR(S,X,64)
 END
     
 FUNCTION _UPDATE()
   IF BTN(1) THEN
	X=X+1
	S=S+1
	F=FALSE
	END

    		 
	IF BTN(0)THEN
    X=X-1
    S=S+1
    F=TRUE
    END

    IF X>120 THEN
	X=120
    END
    
    IF X<0 THEN
	X=0
    END
    
	IF S>2 THEN
	S=1
	END

END

Now our sprite will flip direction depending on which way it is travelling.


At this point our code is becoming difficult to read, so we should add comments.
FUNCTION _INIT()
    X=64--HORIZONTAL SPRITE VALUE
    S=1--SPRITE SLOT
    F=FALSE--FLIP SPRITE HORIZONTALLY
END

FUNCTION _DRAW()
     CLS()--CLEAR SCREEN
    SPR(S,X,64)--DRAW SPRITE
END
     
FUNCTION _UPDATE()
    IF BTN(1) THEN--RIGHT KEY
	X=X+1--MOVE SPRITE RIGHT
	S=S+1--ANIMATE
	F=FALSE
	END

    		 
	IF BTN(0)THEN--LEFT KEY
    X=X-1--MOVE SPRITE LEFT
    S=S+1--ANIMATE
    F=TRUE--FLIP SPRITE
    END

    IF X>120 THEN--LIMIT X AT RIGHT EDGE OF SCREEN
	X=120
    END
    
    IF X<0 THEN--LIMIT X AT LEFT EDGE OF SCREEN
	X=0
    END
    
	IF S>2 THEN--LOOP ANIMATION
	S=1
	END

END