Introduction: Bezier Paths in Geometron

Picture of Bezier Paths in Geometron

This tutorial shows you how to make cubic Bezier paths in Geometron. Geometron is a language based on geometric art that uses geometry and art as both the input(symbols) and output(actions) of the code. I hope to convince the reader that this approach gives a huge amount of power in regards to creating simple and well-designed curves. This assumes you've done the first two Geometron tutorials, found here:

Make sure you have the file edit.html, which you can copy/paste and save from here:

When you go to that page, use either command-A(mac) or control-A(pc) to select the entire document, then control-C or command-C to copy it all, the paste it into a text file in your default text editor(textEdit on mac and notepad on pc), then save it as edit.html, being sure to have the file extension really be "html" and not "txt". Then save it to your desktop and double click on the html icon to open it in your default browser. This file is the sum total of the Geometron language, self-contained, with no external resources used.

Step 1: Add Start and Stop Bezier Commands to Control Panel

Picture of Add Start and Stop Bezier Commands to Control Panel

As shown, add the codes 0366 and 0367 to the list of commands and hit "enter". This should make the start and stop Bezier path symbol glyphs appear as two new command buttons.

Step 2: Make Your First Curve

Picture of Make Your First Curve

As shown, start the path, move and rotate and end it.

Step 3: Edit the Glyph to Make It More Interesting

Picture of Edit the Glyph to Make It More Interesting

Now move the cursor around as shown here:

to make interesting curves. This is the heart of this tutorial. Once you understand how this works, and have practiced exporting from here via SVG, you can actually make usable curves for whatever you want and then import them into Powerpoint, Word, Illustrator, etc.

Step 4: Play Around and Make More Useful Stuff

Picture of Play Around and Make More Useful Stuff

Step 5: Use Shape Table Editing to Make and Use More Shapes

Picture of Use Shape Table Editing to Make and Use More Shapes

Here is the bytecode to get the cover image for this tutorial:



About This Instructable



Bio: I'm an applied physicist by training(phd Yale 2006, BA Berkeley 1998, math and physics), and have done physics research in the federal government ... More »
More by lafelabs:Bezier Paths in GeometronUsing Words in GeometronGeometron Shape Table Edit
Add instructable to: