Basil.js

Basil.js Logo

processing, Basil.js, repeat, chance, Law of Closure
ffd8

Okay. I know totaly wired to have the Basil.js logo made in Processing. The right tool for the right job. Processing handles the creation of animations way better then Basil.js does

Clock

Basil.js, repeat, form
Fabian Morón Zirfas

Generate a watch face.

Rotation

Basil.js, repeat, typography
Fabian Morón Zirfas

Rotate and duplicate an element on the page in InDesign

character

Basil.js, repeat, typography
Fabian Morón Zirfas

one single character repeated several times.

Columns

Basil.js, grid, columns
Fabian Morón Zirfas

How to calculate the columns of a page?

Golden Ratio

Basil.js, grid, Golden Ratio
Fabian Morón Zirfas

How to calculate the golden ratio?

Continuous layout

Basil.js, grid, continuous layout
Fabian Morón Zirfas

How to calculate a continuous layout?

Margins

Basil.js, grid, repeat
Fabian Morón Zirfas

A simple sketch that shows how to set margins for an InDesign document and also for a text frame.

Distance

Basil.js, chance, repeat, Law of Proximity, Law of Connected Elements
Fabian Morón Zirfas

Calculate the distance between two points and draw a line if they are in reach. Also an example for the "Law of Proximity"

Connect

Basil.js, chance, repeat, Law of Proximity, Law of Connected Elements
Fabian Morón Zirfas

Calculate the distance between two points and draw a line if they are in reach. Similar to the sketch Distance. Also an example for the "Law of Proximity"

Stripes

Basil.js, color, RGB, repeat, chance
Fabian Morón Zirfas

Using Color in InDesign

HSL

Basil.js, color, HSL, color-model
Fabian Morón Zirfas

Using HSL in InDesign

Simple Text

Basil.js, typography, lines, words
Fabian Morón Zirfas

Just the basics on how to add text to a page and access lines and words

Baseline Shift

Basil.js, typography, chance
Fabian Morón Zirfas

Shifting the baseline of each character

Underline

Basil.js, typography, underline, repeat
Fabian Morón Zirfas

Shows how to use the underline settings to hide parts of a character. It repeats this for each second character.

Strikethrough

Basil.js, typography, strikethrough, Law of Closure
Fabian Morón Zirfas

Shows how to use the strikethrough settings to hide parts of a character. The brain still sees the "Gestalt" of the character.

Polygons

Basil.js, form
Fabian Morón Zirfas

Polygons in a circle

Triangle with Shadow

Basil.js, distored, duplicate, form
Fabian Morón Zirfas

Shows how to create a fake shadow.

Just a path

Basil.js, form
Fabian Morón Zirfas

Drawing paths is easy

Primitives in InDesign

Basil.js, form
Fabian Morón Zirfas

Primitives created in InDesign

Dialog and Overflow

Basil.js, repeat, interact, typography, unicode
Fabian Morón Zirfas

This example creates a dialog and waits for the user to make a selection.