DEV Community

Cover image for The DCR Programming Language (Draw Color Repeat)
Andy Maleh
Andy Maleh

Posted on

The DCR Programming Language (Draw Color Repeat)

#ruby #desktop #programming

DCR (Draw Color Repeat) 1.0.0 has been released! It is a simplified minimal subset of the Logo programming language, which aims at providing school kids in 1st - 3rd grade the simplest programming language learning experience possible. It is built with Ruby (JRuby) using Glimmer DSL for SWT and released under the MIT license.

DCR Screenshot

You may download a packaged version for the Mac from the project page on GitHub (if you need a packaged version for Windows, hit me up in the comments, and I could guide you towards building your own Windows native executable installer using the Glimmer DSL for SWT glimmer package feature).

Alternatively, you may install as a Ruby gem that runs on top of JRuby and JDK8 on any platform.

Below is the project writeup from its README.

Happy learning!

DCR DCR (Draw Color Repeat) 1.0.0

Gem Version

A young child programming language for drawing and coloring with repetition.

DCR is a minimal subset of Logo that is intentionally simplified to teach computer programming to all 1-3 grade young children in school (not just the ones who already gravitate towards math and computers). It uses a stick figure to draw instead of Logo's turtle.

Draw Color Repeat Screenshot

DCR Download version 1.0.0 for the Mac (x64 Big Sur and older)

Programming Language Syntax

DCR always starts with a stick figure at the center of the drawing area, facing up.

Draw Color Repeat Start

Programming language commands may be entered as text with the keyboard.

Commands are automatically executed while being entered, so no "Run" button is needed. Children will get to see their commands instantly drawn and alter the drawings spontaneously, thus turning this into a sort of a game too, not just a programming language.

Any invalid commands or values are simply ignored, so the programming language never errors.

If a partial command is entered (e.g. lef for left or rig for right), it is interpreted as the full command.

If a partial color value is entered (e.g. gree for green or rd for red), it is interpreted as the full color value.

If an invalid value is entered (e.g. right asdf), the default is assumed (e.g. 90 degrees).

Turning

  • right (or r): Turn right by 90 degrees or any angle (e.g. right, right 30, or r 30)
  • left (or l): Turn left by 90 degrees or any angle (e.g. left, left 120, or l 120)

Drawing

  • forward (or f): Draw in black while moving foreward by one or more pixels (e.g. forward, forward 50, or f 50)
  • backward (or b): Draw in black while moving backward by one or more pixels (e.g. backward, backward 30, or b 30)

Coloring

  • color (or c): Color the shape already drawn by closing it and filling it with a random or specified color from the following list (e.g. color, color red, or c red):
    • black (or k)
    • blue (or b)
    • gray (or a)
    • green (or g)
    • orange (or o)
    • pink (or i)
    • purple (or p)
    • red (or r)
    • white (or w)
    • yellow (or y)

Repetition

  • repeat (or p): Repeat all previous operations (up to the last empty line or the beginning otherwise) once or a number of times (e.g. repeat, repeat 5, or p 5)

Samples

Rectangle

DCR Code:

forward 80
right
forward 160
right
repeat
color green
Enter fullscreen mode Exit fullscreen mode

Screenshot:

rectangle

Square

DCR Code:

forward 80
right
repeat 3
color yellow
Enter fullscreen mode Exit fullscreen mode

Screenshot:

square

Triangle

DCR Code:

right 60
forward 180
right 80
forward 270
color black
Enter fullscreen mode Exit fullscreen mode

Screenshot:

triangle

Equilateral Triangle

DCR Code:

left

forward 100
right 120
repeat 2
color blue
Enter fullscreen mode Exit fullscreen mode

Screenshot:

equilateral triangle

Octagon

DCR Code:

right 45
forward 80
repeat 7
color red
Enter fullscreen mode Exit fullscreen mode

Screenshot:

octagon

Circle

DCR Code:

forward
right 1
repeat 360
color orange
Enter fullscreen mode Exit fullscreen mode

Screenshot:

circle

Envelope

DCR Code:

left 60
forward 104
right 150
forward 180
right 150
forward 104
backward 104
left 60
forward 90
right
forward 180
right
forward 90
color white
Enter fullscreen mode Exit fullscreen mode

Screenshot:

envelope

Bee Hive

DCR Code:

right 60
forward 20
repeat 4
color yellow
left 60
forward 20
repeat 2
right 60
forward 20
repeat 4
right 60
forward 20
left 60
forward 20
repeat 5
Enter fullscreen mode Exit fullscreen mode

Screenshot:

bee hive

Five Pointed Star

DCR Code:

left 144
forward 140
repeat 4
color white
Enter fullscreen mode Exit fullscreen mode

Screenshot:

five pointed star

Sherrif Badge Star

DCR Code:

right 37

forward 28
right 51
forward 28
left 102
repeat 6
color yellow
Enter fullscreen mode Exit fullscreen mode

Screenshot:

sherrif badge star

Stairs

DCR Code:

forward 20
right
forward 20
left
repeat 5
backward 240
left
forward 240
right

forward 20
right
forward 20
left
repeat 5
color white
Enter fullscreen mode Exit fullscreen mode

Screenshot:

stairs

Aztec Pyramid

DCR Code:

right
forward 20
left
forward 20
repeat 5
right
forward 20

right
forward 20
left
forward 20
repeat 5
color yellow
Enter fullscreen mode Exit fullscreen mode

Screenshot:

aztec pyramid

Stick Figure

DCR Code:

right 65
forward 70
backward 70
left 130
forward 70
backward 70
right 65
forward 30
right

left 4
forward 1
repeat 90

right 94
forward 80
right 55
forward 90
backward 90
left 110
forward 90
Enter fullscreen mode Exit fullscreen mode

Screenshot:

stick figure

Octagon of Squares

DCR Code:

right
forward 30
repeat 2
right 45
forward 60
repeat 7
color blue
Enter fullscreen mode Exit fullscreen mode

Screenshot:

octagon of squares

Octagon of Octagons

DCR Code:

forward 20
right 45
repeat 6
color
forward 70
repeat 9
Enter fullscreen mode Exit fullscreen mode

Screenshot:

octagon of octagons

Circle of Circles

DCR Code:

right 8
forward 2
repeat 45
color
right 10
forward 32
repeat 19
Enter fullscreen mode Exit fullscreen mode

Screenshot:

circle of circles

Spider Web

DCR Code:

right 10
forward 180
repeat 35
right 110
forward 260
repeat 35
Enter fullscreen mode Exit fullscreen mode

Screenshot:

house

Swirl

DCR Code:

forward 200
right 45
repeat 6
color
forward 200
right 38
repeat 51
Enter fullscreen mode Exit fullscreen mode

Screenshot:

swirl

Sun

DCR Code:

back 450

forward 150
right 5
repeat
color yellow
back 300
left 5
repeat 180
Enter fullscreen mode Exit fullscreen mode

Screenshot:

sun

Playing Cards

DCR Code:

forward 50
right
forward 36
right
repeat
color
left 9
forward 5
repeat 14
Enter fullscreen mode Exit fullscreen mode

Screenshot:

playing cards

Traffic Light

DCR Code:

backward 40

forward
right 2
repeat 180
color green

left 2
forward 60

forward
right 2
repeat 180
color yellow

left 2
forward 60

forward
right 2
repeat 180
color red

forward
right 2
repeat 90

left 4
forward 120
Enter fullscreen mode Exit fullscreen mode

Screenshot:

traffic light

House

DCR Code:

right 45
forward 80
right
forward 80
right 135
forward 113
color red
right

right
forward 113
right
forward 113
right
forward 74
right
forward 40
right
forward 30
right
forward 40
right
forward 70
right
color gray
Enter fullscreen mode Exit fullscreen mode

Screenshot:

house

Ruby gem

The draw_color_repeat ruby gem requires the JDK and JRuby versions mentioned in the pre-requisites of Glimmer DSL for SWT to run via the dcr command.

Contributing to dcr

  • Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
  • Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
  • Fork the project.
  • Start a feature/bugfix branch.
  • Commit and push until you are happy with your contribution.
  • Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
  • Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.

Copyright

Copyright (c) 2021 Andy Maleh. See LICENSE.txt for further details.

--

Built with Glimmer DSL for SWT (JRuby Desktop Development GUI Framework)

Top comments (0)

Read next

devsmitra profile image

Speech-to-Text Application In Few Lines of JavaScript and HTML

Rahul Sharma -

fast profile image

5 Open-Source Projects That Will Transform ⚡️ Your AI Workflow 💻

fast-d3v -

mikeyoung44 profile image

Human-like Episodic Memory for Infinite Context LLMs

Mike Young -

paharihacker profile image

Understanding the Temporal Dead Zone (TDZ) in JavaScript

Rajesh Dhiman -