Discovering Shapes

In this lesson, you will learn about basic shapes and how to create them in Piskel.

Warning: Your screen size is quite small for viewing this. Rotate your device into landscape mode if you can.

1 Open Piskel
2 Draw a Circle
3 Draw a Square
4 Draw a Triangle
5 Change Colors of Shapes
Quiz

1 - Open Piskel

Open a new tab in your web browser and visit Piskel. Click on 'Create Sprite' to start a new project.

Piskel: How to create a new project

To create a new project in Piskel, open the website piskelapp.com and:

Click the Create Sprite button
This will create a new project and bring you to editor.

👇 Mark your steps as done as you complete them.

+5 XP

2 - Draw a Circle

Select the 'Circle' tool from the toolbar on the left side of the screen. Choose a color by clicking on the color picker, and then draw a circle on the canvas by clicking and dragging.

👇 Mark your steps as done as you complete them.

+10 XP

3 - Draw a Square

Select the 'Rectangle' tool from the toolbar. Choose a different color from the color picker, and then draw a square on the canvas by clicking and dragging. Make sure to create a square shape by making the width and height equal.

+10 XP

4 - Draw a Triangle

Select the 'Pen' tool from the toolbar. Choose another color from the color picker. Draw a triangle on the canvas by clicking and dragging to create three connected lines that form a closed shape.

+15 XP

123learn · Online learning platform

Unlock the full learning experience

You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

Hundreds of curriculum-aligned lessons

Interactive activities in every lesson

Printable resources & progress tracking

Get started

Copyright Notice
This lesson is copyright of Coding Ireland 2017 - 2026. Unauthorised use, copying or distribution is not allowed.