Category: Programming Design Systems

Redesigning the Tokyo Public Transit Map, Programming Design Systems Final

(Click refresh to update map or click here for full map.) To someone new to Tokyo Public Transit, at first glance the Subway System map looks like a…

Rundomization: Randomization with Rune.js

design challenge remake a piece of art with randomization in code, with something that is generative and randomizes with each run. the artwork the process The attack on…

On the Grid with Rune.js

design challenge Use a grid system in Rune.js to create a book cover the design plan I wanted to create the book cover for Dogs and Demons: The Fall…

Typography with Rune.js: 一期一会

design challenge Design a typeface based on the meaning of a word using rule-based logic. 一期一会 ichi go ichi e, one time, one meeting, a 4-character Japanese phrase meaning…

In-Tense: Intro To Color in Rune.Js

design challenge Using HSV color, create a design that illustrates the feeling of “tense.” Program this in a way so that each time you generate the sketch, a…

Forgive Me Father, For I have Math.sin(ed): Polygons & Paths — HokuSurf’s Up

Actually, I did not find a way to incorporate sin and cos in the code for this week’s assignment, however, geometry was definitely the focal point as I…

“Design is Relationships”: The Martian, a Minimalist Design

the design challenge Design a minimalist style book cover for The Martian using only basic shapes and in black and white. Consider relationships such as shape, position, dimension and rotation…

One Scoop of Rune.js

After getting started with Rune.js, I approached assignment #1: On ITP’s laser printer, print your first generated Rune.js sketch. A few rules about your code: You can only…