Scriptographer.org - Interactive Tools

Newton Curve

Thu, 08 Sep 2011 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

Sat, 06 Aug 2011 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

Fri, 18 Mar 2011 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

Tue, 25 Jan 2011 18:19:34 +0100

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

Fri, 21 Jan 2011 16:43:20 +0100

Voronoi Tool.js

Sketchy Structures

Thu, 04 Nov 2010 01:11:39 +0100

Draw whimsical images reminiscent of complex structural systems.

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

Thu, 28 Oct 2010 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

Crumpler

Fri, 23 Jul 2010 01:02:09 +0200

Crumpler is a mouse based tool that folds vectors like paper.

Clicking any item in the document starts treating it as a sheet of paper.
By dragging the mouse, the paper is then folded away from the nearest corner or middle point on the side of it.
If the item to be folded consists of a group of multiple items, their sequence is reversed on each fold to produce a visual effect of seeing the front / back side of the paper.
Combine this with transparency settings to get a see through effect of half-transparent paper, as demonstrated in the movie.

Crumpler.js

«The Poster Machine», a poster designed by Jonathan Puckey using Crumpler
for a workshop with Roel Wouters

Road

Tue, 08 Jun 2010 20:05:02 +0200

Draw roads by driving them with your keyboard.

Click and Drag to create a Road
Steer it with Left and Right arrow keys
Up to accelerate, Down to brake
Ctrl for handbrake
Hold down Shift to make Road go under other roads
Shift, Click and Drag to create multiple roads';

Road.js

Road-previous.js

Hair Tools

Mon, 29 Mar 2010 18:20:56 +0200

Hair Tools is a package of three tools inspired by hairs.

Striped Tape is a multi-line tape. The distance between lines can be either fix or dependent on mouse speed.

Striped Wave is a multi-line wave. The wave amplitude depends on the mouse speed.

Curve Amplifier is a multi-line tape where the distance between lines depends on mouse speed and on the curve. While going straight, the path width is thin. While turning, the path enlarge on its exterior side.

Striped Tape.js

Striped Wave.js

Curve Amplifier.js