Code Monkey home page Code Monkey logo

logo's Introduction

Logo

Repo for implementation of Logo in JavaScript p5

Supported commands

The description(s) and/or example(s) of the commands were taken (and corrected for this interpreter) from the Berkeley Logo Reference Manual under MIT license.

Forward

Moves the turtle forward, in the direction that it's facing, by the specified distance (measured in turtle steps).

  • fd units

Backward

Moves the turtle backward, i.e., exactly opposite to the direction that it's facing, by the specified distance. (The heading of the turtle does not change.)

  • bd units

Right

Turns the turtle clockwise by the specified angle, measured by default in degrees (1/360 of a circle).

  • rt angle

Left

Turns the turtle counterclockwise by the specified angle, measured by default in degrees (1/360 of a circle).

  • lt angle

Penup

Sets the pen's position to UP, without changing its mode.

  • pu

Pendown

Sets the pen's position to DOWN, without changing its mode.

  • pd

Pensize

Sets the thickness of the pen with the given the value. Note: If it's given a negative value, by default will be thickness of 1.

  • pensize thicknessValue

Set X Y

Moves the turtle to an absolute position in the graphics window. The two inputs are numbers, the X and Y coordinates.

  • setxy coordinateX coordinateY

Set X

Moves the turtle horizontally from its old position to a new absolute horizontal coordinate. The input is the new X coordinate.

  • setx coordinateX

Set Y

Moves the turtle vertically from its old position to a new absolute vertical coordinate. The input is the new Y coordinate.

  • sety coordinateY

Home

Moves the turtle to the center of the screen.

  • home

Radians

Changes the angle values to be used as radians

  • radians

Degrees

Changes the angle values to be used as degrees

  • degrees

Repeat

uns the following instruction list repeatedly, num times. Can be nested.

  • repeat num [instruction list]

Color

Sets the pen color given the hexadecimal value in format #FFF / #FFFFFF.

  • color hexadecimalValue

Color RGB

Sets the pen color given the RGB value.

  • colorrgb [red green blue]

Author

Prints the given in the developer console

  • author [author website twitter]

Useful links

Getting Started

Getting started just takes 3 simple steps, each one is a command in the terminal.

  1. Clone this GitHub repository.
  2. Navigate inside the repository directory on your machine.
  3. Host the directory with a local web server.

There are a few easy ways to achieve step number 3 depending on what you already have installed:

Node Package Manager (NPM)

If you have NPM installed you can use the live-server NPM package. The neat thing about live-server is that it automatically refreshes the web page every time you change a file.

If you don't have NPM installed you can download and install it here.

Once you have NPM, install live-server globally with npm install --global live-server.

Then run the following commands in your terminal.

git clone https://github.com/CodingTrain/Logo.git
cd Logo
live-server --port=8080 .

Don't forget the dot at the end of the command on MacOS!

Finally, you can open http://localhost:8080 in your browser and you're away!

Note that when you close the terminal window, the web server will stop as well.


Python 2.x

You can use the SimpleHTTPServer python module.

If you don't have Python 2 installed you can download and install it here.

Then run the following commands in your terminal.

git clone https://github.com/CodingTrain/Logo.git
cd Logo
python -m SimpleHTTPServer 8080

Finally, you can open http://localhost:8080 in your browser and you're away!

Note that when you close the terminal window, the web server will stop as well.


Python 3.x

You can use the http.server python module.

If you don't have Python 3 installed you can download and install it here.

Then run the following commands in your terminal.

git clone https://github.com/CodingTrain/Logo.git
cd Logo
python3 -m http.server 8080

Finally, you can open http://localhost:8080 in your browser and you're away!

Note that when you close the terminal window, the web server will stop as well.

logo's People

Contributors

thetastefultoastie avatar amrbarghouthi avatar shiffman avatar toyz avatar melvin-abraham avatar eyluismi avatar anuraghazra avatar erwin8086 avatar ijo-amali avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.