← Gallery

Drawing with Code

by Anonymous · ⭐ 0 · 🍴 0

🐒 Guide the turtle with code and watch it draw lines as it walks! Combine forward, right, and left, and see how returning to the start closes the shape. πŸ” With loops, choose how many repeats and turn angles to draw triangles, squares, pentagons, hexagons, and stars β€” and discover that total turns add up to 360 degrees! πŸŒ€ With nested loops, rotate squares to create 4, 6, 8, or 12-petaled flowers. This app was built with code too β€” remix it and draw your own patterns!

πŸ”— Open in a new tab

About this app

Draw with Code is an interactive turtle graphics app designed to introduce foundational coding concepts through visual drawing. Users can stack movement commands, configure loop counts and angles to create regular polygons, and nest loops to draw intricate flower patterns. As the turtle moves across the canvas, learners intuitively explore angles, geometry, and algorithmic repetition.

Use cases

  • Elementary students learning early programming concepts like sequences and loops
  • Teachers looking for a visual turtle graphics tool for geometry and coding lessons
  • Parents introducing basic logic and mathematical angles to children

Features

  • Interactive block-stacking mode for freeform sequence creation up to 12 steps
  • Loop challenge mode to recreate target polygons including triangles, squares, pentagons, hexagons, and stars
  • Nested loop mode for rotating shapes into complex 4, 6, 8, and 12-petal mandala patterns
  • Dual canvas view comparing user drawings side-by-side with target shapes
  • Multilingual support and interactive visual feedback with sound toggle