Basil.js

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.

Baseline Shift

Basil.js, typography, chance

Fabian Morón Zirfas

Shifting the baseline of each character

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

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.

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.

Columns

Basil.js, grid, columns

Fabian Morón Zirfas

How to calculate the columns of a page?

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

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

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"

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"

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