What you see is what you compute.
clip_8 is probably best described as a visual virtual machine operating on inline SVG in the DOM.
All instructions and data are graphical SVG elements.
The programmer can, hence, observe the entire machine state during program execution.
Bring drawing and programming together.
Programming should be as easy as cutting and folding paper or modelling a piece of clay.**
No writing of code.
Instructions and data are expressed in a graphical format.
Program expression and technical execution are close together, ideally in the same (graphic) medium.
Instead of written (text-based) code, programs are SVG images with a particular arrangement of geometric elements.
clip_8 interprets the SVG image:
Decode the arrangement of circles, lines, rectangles, paths, polygones as instructions, control flow, and data.
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.
Demos, for a first impression.
Tutorial, draw and execute an SVG.
For recent user information please check the Tutorial and Getting Started Issues.
clip_8 interpreter; online test environment.
Tested in Chrome, Firefox
To run on a local machine, please use a local http server, e.g.:
python -m http.server 8000 --bind 127.0.0.1
FIXME: Screenshot of workflow.
The integration tests are provided in Reference Test Sheets which serve as language reference, simultaneously.
For generating demos, tutorials and reference test pages checkout python the scripts in
For the wasm modules use
make in the
Copyright 2016, 2017 Martin Brösamle.
The source code of the
Clip_8 interpreter (primarily
*.js files), the related page generators (primarily
*.py files), and other portions of the distribution not explicitly licensed otherwise, are licensed under the GNU GENERAL PUBLIC LICENSE – see the
LICENSE-GPL file in this directory for details.
Except for the graphical language reference, demos and graphics (primarily
*.png files) not explicitly licensed otherwise are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License – see
LICENSE-CC-BY-NC-SA file in this directory for details.
The graphical language reference in the
tests directories as well as the tutorial in the
tutorial directory are explicitly excluded from the above creative commons license statement. You may use them as they are published by the author for
reference and testing purposes. Please contact the author if you wish to make changes or redistribute any of these files.