Akinori X Code

UX/UI Design and Web Development | 2015

1. SHOWCASE

Akinori X Code is a web-based pattern generator with characters made by Akinori Oishi who is a Japanese character artist.  

DEMO (work in progress) 

2. inspiration

The extinguish feature of Akinori's artwork is that he manually draws hundreds of a same character repetitively and make a pattern from it. The important element of his works is organic hand drawing. While using Rune.js which is a Javascript library and its plugin, Rune.Noise which can add Perlin noise functions, I could represent characters like organic hand drawing and make each character slightly different from each other in a pattern.  

3. A generative logo

The sketch inserted in header, is a generative logo which is randomized every time once users refresh the page. the shape of each character is a little bit different from each other, just like hand drawing.

4. Create a Pattern

Once users choose characters they want to make pattern, and choose either gray mode or color mode, it creates a pattern based on that. Users also randomize a pattern by clicking 'randomize' button. The Rune.js library is for programming graphic design systems with SVG, so users also can save a pattern they create as a svg file.