Yutnori Generator/Book

Yutnori Generator/Book

Yutnori Generator/Book

Context: Web Tool, Web Design, Front-End Development
Timeline: (2024)
Instructor: Halim Lee

Tools: Adobe Illustrator, HTML/CSS/JS

Yutnori, a cherished game of Korean descent, involves the tossing of yut-sticks and abiding by the five governing principles (do, gae, gul, yut, mo) to ensure the successful return of all your markers to the game's point of origin before your adversary accomplishes the same. This venture consists of a singular pattern and a distinct type generator replicating the form of Yutnori games, alongside a compilation of instructional poster guidebooks using the derivatives created.

Using p5.js, the code initializes a structured layout of evenly spaced semi-circles organized into concentric rings. The draw() function redraws the pattern continuously, and
a keyPressed event allows toggling between a structured or randomized arrangement of the semi-circles filled with randomly selected characters from a predefined array.

Using p5.js, the code initializes a structured layout of evenly spaced semi-circles organized into concentric rings.

The draw() function redraws the pattern continuously, and a keyPressed event allows toggling between a structured or randomized arrangement of the semi-circles filled with randomly selected characters from a predefined array.

Using p5.js, the code initializes a structured layout of evenly spaced semi-circles organized into concentric rings. The draw() function redraws the pattern continuously, and a keyPressed event allows toggling between a structured or randomized arrangement of the semi-circles filled with randomly selected characters from a predefined array.

This code creates a generative typography tool that uses OpenType.js and SVG modules to transform text into visual patterns. It maps typed text onto a font path, resamples
it into points, and places rotated SVG semicircle shapes along these points. The mouse controls rotation and scaling of the shapes: horizontal movement adjusts rotation, and
vertical movement scales the size dynamically. Users can switch between different shape sets and save the generated output as an image.

This code creates a generative typography tool that uses OpenType.js and SVG modules to transform text into visual patterns. It maps typed text onto a font path, resamples it into points, and places rotated SVG semicircle shapes along these points.

The mouse controls rotation and scaling of the shapes: horizontal movement adjusts rotation, and
vertical movement scales the size dynamically. Users can switch between different shape sets and save the generated output as an image.

This code creates a generative typography tool that uses OpenType.js and SVG modules to transform text into visual patterns. It maps typed text onto a font path, resamples it into points, and places rotated SVG semicircle shapes along these points. The mouse controls rotation and scaling of the shapes: horizontal movement adjusts rotation, and vertical movement scales the size dynamically. Users can switch between different shape sets and save the generated output as an image.

SEOYEON CHLOE LEE

About

↗

Posters

↗