Computational Things

2014 / 2015 – Selection of projects that show my skills in coding, computational design and graphics. Tools used: Processing, Grasshopper, Rhino, and Illustrator.

Projects: Parametric Doodle ToolBook Cover PatternData Set Visualisation Tool | Photo Sampling | Geometric Patterns

Parametric Doodle Tool

2015 – A parametric drawing tool that allows one to easily make complex 3D shapes that can be 3D printed.

doodle01

The aim of this project was to explore computational geometry and built a simple tool that allows one to explore and create complex 3D geometry. The tool consists of three different shape generators, each having a cube, sphere, tetrahedron and dodecahedron, and by using the sliders one can alter the basic shapes. The interface consists, besides the sliders, of keyboard commands to show and hide the basic shapes. The tool is made in Processing 3 and it can output a 3D file (.obj) that can be used for 3D printing.

Examples of doodles:
doodles1
doodles2

Download the Parametric Doodle Tool here (30 MB, Mac/Win/Linux).

_top


Book Cover Pattern

Book cover design for dissertation Opening Up Design, see this post.

Each book has an unique pattern, in shape and color, on the cover that was generated by an algorithm. First, the algorithm randomly generates a pattern of triangles. Second, it generates a color palette consisting of base color and an additional three colors. The color palette is randomly assigned to the selected triangles of the pattern.

cover_sample
9 samples of the book cover
book_patterns2
Sequence of all 175 book covers

cover_algorithm_web4-01
Explanation of the algorithm

Download algorithm (.gh)
_top


Data Set Visualisation Tool

A tool that can be used to visualise a data set and turn out a circular diagram. The tool, developed in Grasshopper, reads a set of values from a spreadsheet and turns this into a circular diagram where each value and category is represented with a different colour.

Example: data set of CBS – Internet Usage, 2013 (Dutch)

internet_gebruik-02

What Do You See
First level categories: black lines with bold names and arrows
Second level categories: coloured outline where each colour represents a different category
Pie slices: value in percentage of the variable

How It Works
Usage: load Grasshopper definition, read formatted Excel spreadsheet and generate diagram, export diagram as Illustrator file with each part of the diagram on separate layer for convenient editing in Illustrator.
datatool_alg2-01
_top


Photo Sampling

The idea of the photo sampling algorithm is to create abstract, geometric images from a photograph while maintaining the original subject of the image. This is done by mapping a photo onto a grid and sampling for each grid cell the colour of the photo. The result is a vector image that is a more abstract representation of the photo.

I have tried several types of grids, i.e. hexagonal (two resolutions), rectangular, random (no grid) and the final series with a triangular grid.

Subject: Eindhoven, The Netherlands

proto_hexagrid1-01 proto_hexagrid21-01 proto_rectangular-01 proto_random-01

eindhoven_emmasingel

eindhoven_station-01 eindhoven_strijp eindhoven_bowling-01 eindhoven_berenkuil-01 eindhoven_mediamarkt-01
_top


Geometric Patterns

Being inspired by geometric patterns found in Islamic architecture, I dived into the history and construction of such patterns and developed a series of wallpapers.
Reference book: Islamic Design, A Genius for Geometry, Daud Sutton, Wooden Books, 2007
wallpaper1_1920_1200
wallpaper2_1920_1200 wallpaper3-01 wallpaper4-01 wallpaper5-01

WallpaperDesktop
1 Construction (three-fold)1920x1200
2 Fading hexagons1920x1200
3 Abstract camouflage1920x1200
4 Hexagon-triangle intertwining1920x1200
5 Plus and cross1920x1200

_top