AlgoArt Code the Canvas
02 Jan 2026
23
1
Play free AlgoArt Code the Canvas - Educational Games
AlgoArt: Code the Canvas is an exciting game that combines creativity and coding, offering a unique way to explore art and programming at the same time. In this game, you become a digital artist by controlling a cursor with simple commands to draw intricate geometric patterns, spirals, fractals, and more. It’s perfect for kids who want to learn the basics of logic and coding, as well as adults looking for a relaxing and creative challenge.
The game offers 100 levels, starting with simple shapes like lines and squares and gradually increasing in difficulty to create complex algorithmic patterns. Each level encourages problem-solving, logical thinking, and experimentation, allowing players to see their code turn into visual art. For those who want total freedom, there’s a sandbox mode, where you can draw anything on the canvas, experiment with colors, and save your artworks in the Gallery.
AlgoArt: Code the Canvas also helps you learn while playing. You’ll become familiar with loops, variables, math, and color theory without boring lectures. Additionally, you can unlock new cursors and ready-made code snippets in the Skin Shop, making the experience even more enjoyable. The game supports PC and mobile devices, with smooth zooming, panning, and a convenient quick-access command toolbar. Your progress and artworks are saved to the cloud, allowing you to continue on any device.
How to Play: Your goal is either to write a program that makes the cursor draw a shape matching the gray outline or to freely create a beautiful drawing. Input commands using the keyboard or the quick-access toolbar, then press RUN to execute your code. On PC, use the mouse wheel to zoom and hold the left mouse button to pan. On mobile, pinch to zoom and swipe to pan.
Basic Commands: move 100 (forward), turn 90 (right), left 45 (left), color #FF0000 (line color), width 5 (line thickness), up/down (lift/lower pen), tp 0 0 (teleport). Advanced commands include loops and variables, such as repeat 4 [ move 50 turn 90 ] or x = 10. If stuck, press the SOLVE button to see the solution.
Related categories
How to play
Use the keyboard or the quick access toolbar buttons. Press the RUN button to execute your code. Use the mouse wheel to zoom, hold the Left Mouse Button to pan the canvas. Pinch with two fingers to zoom, swipe with one finger to pan. Basic Commands: move 100 — Move forward 100 pixels. turn 90 — Turn right 90 degrees. left 45 — Turn left. color #FF0000 — Set line color (HEX). width 5 — Set line thickness. up / down — Lift pen / Lower pen. tp 0 0 — Teleport to coordinates (x, y). Center is 0 0. Advanced Functions: repeat 4 [ move 50 turn 90 ] — Repeat commands inside brackets 4 times. x = 10 — Create a variable.




















