Drawing a HTML5 heart with Monkeybone Read more

Drawing a HTML5 heart with Monkeybone

This demonstration shows how you can create a Monkeybone picture from scratch and to export it as a HTML5 vector image. The required software is Monkeybone Viewer version 1.5 or later. Step 1: Create the file. To do this in Windows, you must make sure that you can see the file ending of known file […]

Export HTML5 Canvas images Read more

Export HTML5 Canvas images

The latest addition to the Monkeybone Viewer (1.3) is the ability to save images as HTML5 Canvas images. This feature is not working perfect yet – there are still features that the Monkeybone image format can render, but not export correct. This feature should be correct in the next release. Download link on this page.

Monkeybone: The Spline instruction Read more

Monkeybone: The Spline instruction

Using notepad The Spline instruction has syntax similar to the Line instruction when named arguments are used, but each value has a magnet attached to it. The line will bend to the magnet. This will draw a red line on a black image, from the upper left to the lower right: Line #ff0000 X1:0 Y1:0 […]

Monkeybone: The Line instruction Read more

Monkeybone: The Line instruction

There are two alternative ways to use the Line instruction in a Monkeybone image (a text file with .mob ending). You can either use named arguments or a list of coordinates. This example demonstrates both alternatives. The first V symbol is drawn using named arguments, the rest of the symbols are drawn using coordinate lists. […]

Monkeybone: The Bar instruction Read more

Monkeybone: The Bar instruction

The Bar instruction, as it appears in a Monkeybone Image (a text file with .mob ending) is a line with at least five parameters. The color of the bar, the X and Y position of the bar, the width and height of the bar. The following lines in a .mob file creates a green rectangular […]

Tint, Noise and Blur Read more

Tint, Noise and Blur

This image simply demonstrates the filters that are available in Monkeybone. Tint overlays a color, Noise adds noise to the image and Blur decreases focus. This is the content of the .mob file: //Initialize the image. Clear 400×300 #707070 //Draw a background. Bar #4477ff X:0 Y:150 W:400 H:150 Set Line Thikness To 3 Line #ffff00 […]

Doing filters in Monkeybone Read more

Doing filters in Monkeybone

The filters in Monkeybone rely on regions to know what area on the image they apply to. The following lines define a picture 400 pixels wide and 300 pixels with black background. Also, it defines an invisible region. Clear 400×300 #000000 Region (10,10) (200,10) (200,200) (250,250) (60,250) (10,200) The Tint filter takes only arguments: The […]

Using regions Read more

Using regions

Regions are used to define a path or an area for later use. The Region instruction takes any number of coordinates (3 or more), and stores them in memory. The region can then be used for drawing. The following example is done in Notepad. I have created a text-file, changed the file ending from .txt […]