Lesson 9:
Relative Position





If you don't own PICO-8 yet, you can still follow along with this course using the free Education Edition, which runs the latest version of PICO-8 in your browser. There are only a few differences so you can experience PICO-8 game development fully with this free edition before you decide to buy it.



We have written guide pages that go into detail about many specific topics within PICO-8 and Game Development right here on our site. Be careful though because it doesn't really distinguish between beginner, intermediate, and advanced topics the way our course does.

So feel free to browse the Guide, but be aware that you may quickly get into areas that are too advanced for you right now. We've made this course to gradually introduce and explain the concepts you need to know to become great programmers and game developers.

Use these Guide pages if you are curious to learn more than we cover in the videos, however, trust that we will cover it in a future video and make it much easier to understand.



Another helpful resource is the Official PICO-8 Manual. Here are some relevant sections that you might want to read:





# Training Yard Challenges
1 Change the shadow so that both the right side and bottom side are showing, but also 1 pixel away from the top and left sides too.

2 Change the shadow so that it is directly underneath, but showing 3 pixels thick this time.

3 Change the word "health" to be in front of the red rectangle with a new text color.

4 Add a line to the right side of the red rectangle to clearly show the current health level.

5 Change the red rectangle to be thinner, revealing 1 pixel on top and bottom of the dark blue background layer behind it. 

Bonus Start from scratch and try to draw this exact energy bar, using a similar process we did for the health bar. Break it down into all the shapes, and imagine what layers each shape is on. (Hint: Circles of 1 pixel radius creates the little plus pattern of 4 pixels.)


166

2 Nov 2024

Font