๐Ÿข MR Logo Turtle

Interactive Turtle Graphics Programming Environment

Create beautiful geometric art and learn programming through the classic Logo language. Control a turtle that draws on a canvas as you write code!

๐ŸŽฏ What is MR Logo Turtle?

MR Logo Turtle is a web-based interactive programming environment that brings the classic Logo turtle graphics to your browser. Write Logo commands, watch the turtle move and draw, and create stunning geometric patterns and art.

โœจ Key Features

๐ŸŽจ Interactive Graphics

Real-time visualization of your Logo programs with smooth turtle animation

๐Ÿ“ Full Logo Language

Complete implementation of Logo commands including movement, drawing, colors, loops, and procedures

๐Ÿ’พ File Management

Save, load, export, and import your Logo programs. Auto-save to local storage

๐Ÿ“š Sample Programs

Built-in collection of example programs to learn from and experiment with

โšก Speed Control

Adjustable animation speed - slow it down to learn or speed it up for quick results

๐ŸŒ™ Dark/Light Theme

Toggle between themes for comfortable coding in any lighting condition

๐Ÿš€ Quick Start

  1. Open index.html in your web browser
  2. Type Logo commands in the code editor
  3. Click RUN to execute your program
  4. Watch the turtle draw on the canvas!

๐Ÿ“– Logo Commands

Movement & Drawing

  • FORWARD n or FD n - Move forward n units
  • BACK n or BK n - Move backward n units
  • RIGHT n or RT n - Turn right n degrees
  • LEFT n or LT n - Turn left n degrees
  • PENUP or PU - Lift pen (move without drawing)
  • PENDOWN or PD - Lower pen (draw while moving)
  • CIRCLE r - Draw a circle with radius r

Position & Control

  • HOME - Return to center and reset heading
  • SETPOS [x y] - Move to coordinates (x, y)
  • SETHEADING n or SETH n - Set heading in degrees
  • CLEARSCREEN or CS - Clear canvas

Colors & Styling

  • SETPENCOLOR color or SETPC color - Set pen color
  • SETPENSIZE n or SETPW n - Set pen width
  • SETFILLCOLOR color or SETFC color - Set fill color
  • Colors: BLACK, WHITE, RED, GREEN, BLUE, YELLOW, CYAN, MAGENTA, ORANGE, PURPLE, PINK, BROWN, GRAY, or hex codes

Programming

  • REPEAT n [commands] - Repeat commands n times
  • TO name [params] ... END - Define procedures
  • MAKE var value or SET var value - Set variables
  • IF [condition] [commands] - Conditional execution
  • PRINT value or PR value - Print values

๐Ÿ’ก Example Programs

Draw a Square

FORWARD 100
RIGHT 90
FORWARD 100
RIGHT 90
FORWARD 100
RIGHT 90
FORWARD 100

Draw a Star

REPEAT 5 [
  FORWARD 100
  RIGHT 144
]

๐ŸŽ“ Perfect For

  • Learning Programming: Understand basic programming concepts through visual feedback
  • Teaching: Great tool for educators teaching programming fundamentals
  • Art Creation: Create geometric patterns and algorithmic art
  • Experimentation: Try out Logo programming without installing anything

๐Ÿ› ๏ธ Technical Details

Built with vanilla JavaScript, HTML5 Canvas, and CSS. No dependencies required - just open and run!

Browser Requirements: Modern browser with HTML5 Canvas and ES6 JavaScript support 

๐ŸŽ‰ Start Creating!

Download MR Logo Turtle and begin your journey into turtle graphics programming. No installation needed - just open the HTML file and start coding!

Published 7 days ago
StatusReleased
CategoryTool
PlatformsHTML5
AuthorMisterm

Development log

Leave a comment

Log in with itch.io to leave a comment.