Scriptographer.org - Interactive Tools

The Allineatorium

2014年5月15日 14:23:11 +0200

align an object to another object.

Select an object, then, using the Scriptographer tool, click and drag on the other object.

Boxes Flow

2012年4月19日 16:54:25 +0200

The tool generates a line made of three-sided or four-sided polygons.
If you select a raster image, the tool will draw the path using the image's colors.
A nice and quick tool to write and draw.

//////VERSION 1.2

minor bug fix

//////VERSION 1.1

removed the necessity to keep the image selected
improvement on the "pressure" size variance by Max Kloker

drawing

writing

theBoxesFlow.js

theBoxesFlow1.1.js

theBoxesFlow1.2.js

Parallel Arrangement

2012年4月07日 17:15:37 +0200

Demo-Video

This is a interactive tool to align two objects parallel to each other.

How to use
1.click on a curve of the object that you want rotate. The curve will be highlighted with a green line.

2. click on the curve at which you want to align the first curve.

3. Done.

parallel_arrangement.js

Newton Curve

2011年9月08日 02:04:27 +0200

A simple curve drawing tool based on the equation of motion.
Draw a locus of point that has mass and inertial force.

NewtonCurve_20110908.js

Ping

2011年8月06日 17:48:42 +0200

Pong for illustrator.
A vectorised 2 player version of the classic game.
To play, use the keys 1 - 3 (left - right, player 1) and 7 - 9 (left - right, player 2) on your numpad.

You can see a demo at http://vimeo.com/27352953

Note: Click inside the document before you start, otherwise the keys are not recognized.

Please save your work before you start playing.

Ping v1.4
Created with scriptographer 2.9 / illustrator CS4

Enjoy.

Ping_v1.4.js

Shattered

2011年3月18日 15:36:17 +0100

Shattered allows you to shatter selected objects into pieces

Shattered features:

Click and Drag to create a line and press the “space” bar to anchor each point.
Click and Drag and press the “space” bar to create a continuous line.
Change the shattering scale and rotation with the palette.
Use a shape on an object to cut out the shape’s form (by selecting both shape and object, and click on them with the tool).

Made by Evelyn Schnellenberg, Aurélie Monnier and Marcello Pautasso (workshop at the ECAL School of Art and Design in Lausanne).

Shattered.js

Triangular

2011年1月25日 18:19:34 +0100

vimeo.com/19176458

Triangular is a tool I developed to design a cover of the Creative Review magazine.

You place points with your mouse and the tool draws connecting lines between the points, if the lines don't overlap any existing lines.

Click + Drag a point to move it.

Shift + Click a point or line to remove it.

The resulting grid is colored using the four color theorem, which states that, given any separation of a plane into contiguous regions, no more than four colors are required to color the regions of the plane so that no two adjacent regions have the same color.

This tool is a work in process.

Triangular.js

Voronoi Tool

2011年1月21日 16:43:20 +0100

www.vimeo.com/19167659

Voronoi Tool.js

Sketchy Structures

2010年11月04日 01:11:39 +0100

Draw whimsical images reminiscent of complex structural systems.

vimeo.com/27524001

Updated 2011, Aug 10 [r2] :

supports generation of structures from existing line-work/geometry
mouse input interacts with existing paths in selection
grouping of generated paths encourages iteration

Beware, this script generates a lot of lines. Also, a slightly simpler version lives on the web :: here

sketchyStructs.r2.1.js

Font Rhythm

2010年10月28日 13:45:16 +0200

Font Rhythm allows you to do different effect with letters, words or selected text.

Video Tutorial

features:
 • Act on words, letters, selected text.
 • change fonts.
 • Stretch text.
 • Text growing.
 • Wave text.
 • Rotation.

Font Rhythm was created by Guillaume Chabot Vincent Delaleu, Hugo Hoppmann & Olga Prader. the Scriptographer workshop «Outils Utiles» at ECAL, March 2010. Thanks to Jürg Lehni and Jonathan Puckey.

FontRythm.js