clip_8

What you see is what you compute.

Demo session screenshots/slideshow (PDF) for a very first impression, START HERE!

Demos, for a first impression.

clip_8 is probably best described as a visual virtual machine operating on inline SVG in the browser’s DOM.

How it works

The programs can be drawn in vector graphics editors which support SVG output.

clip_8 interprets the SVG image:

  1. Decode the arrangement of circles, lines, rectangles, paths, polygones as instructions, control flow, and data.

  2. Execute one instruction after the other.

    a) Instructions manipulate the data elements, i.e. cut, align, resize, or move them.

    b) Control flow, defines the order of instructions, alternatives etc.

Why?

clip_8 was designed as a visual thought experiment.

On visuelle-maschine.de you will find more technical projects with a strong commitment on visual experimentation.

Getting Started

Tutorial, learn the language and the tricks.

For recent user information please check the Tutorial and Getting Started Issues.

Klippen, try clip_8 online (no installation required).

Browser compatibility

To run on a local machine, please use a local http server, e.g.:

python -m http.server

Tests / Language documentation

The integration tests are provided in Reference Test Sheets which serve as language reference, simultaneously.

Building

If you want to make changes to clip_8 yourself you might need to do some or all of the following:

Note: These steps are not necessary for using clip_8 online via Klippen.

build the web assembly module

For the wasm modules use make in the rs directory.

build html pages

If you wand to make changes to the demos, tutorials, or tests, the html pages will need a rebuild. Python scripts in bin support these steps:

Build Demos: python svg2demo.py

Build the Tutorials: python buildTutorial.py

Build the Reference Test Sheets: python svg2refsheet.py

Dependencies

Copyright 2016, 2017 Martin Brösamle.

License