This repo hold students' work for the class "I.BA_222_GENCG.H1901 - Winter 2019" it is built on github pages (Jekyll).
├── _01-Shapes (Shapes collection) + COLLECTIONS
│ └── 00_empty +
│ ├── index.md (sketch info) +
│ ├── sketch.js (your code) +
│ ├── test.html (page to test locally) +
│ └── thumb.jpg (sketch thumb) +
│ ├── 01_01 +
│ └── ... +
├── _02-Agents (Agents collection) +
├── _includes (gh pages layout blocks) + GH PAGES SETTINGS
├── _layout (gh pages layout) +
├── _sass (gh pages css) +
├── css (more css) + OTHER
├── font-awesome +
├── fonts +
├── img (static images)
├── js (JS libraries)
└── _config.yml (gh pages config)
All examples should be placed in the corresponding collection folder. To create a new collections duplicate one of the folder, rename it to "0x_xxxxxx"
and add it's name to _config.yml
.
All the info regarding the class as well as direct links to all materials (slides, notebooks, examples, etc... ) are accessible via the github pages for this repository:
https://digitalideation.github.io/ba_222_gencg_h1901/
This collection holds the final project versions created during the Generative Computing Module. The projects were made with the intention to create a part of an entertainment system for a elevator. The works create animated generative pictures which will enlighten the wall of the elevator.
The interactive modus of these projects can be activated by the Space-key.
Originally it was intended to create the silouette of a mountain landscape. During the process of creation the work transformed into a kind of stained glass windows of a church, which looks best in a spherical projection on the lift walls. The change of idea led to a not perfectly well code. Instead of creating the whole project from scratch again, the autor decided to invest his energy in two other projects.
The animation: https://github.com/ibbenz/ba_222_gencg_h1901_students/blob/master/Small_Videos/Mountains_fast.mp4
The origin idea was to create a kind of 3D-Cubes made with two squares and four edges. By the variation of the edges and squares a new shape emerged. It consists of four dots variing in diameter and orientation. An overlay of such elements colored in red, blue and green gives the appearance of a rope or even the texture of Pointillism Artwork. The latter gave this project finally its name. The project is interactive. The elevator movement will dissolve the pointillistic rope which rearanges during the movement and falls back to its original position at the end of the movement.
The animation: https://github.com/ibbenz/ba_222_gencg_h1901_students/blob/master/Small_Videos/Pointilation.mp4
This project was created to produce a certain mood. The first approach was to create just yellow lines on a blue background which will change direction as the elevator changes direction. The movement should be smooth similar to yellow straw blown in wind. Since this approach appeared to simplistic a whole story was developed around this idea. There is a transformation from straw to stars to birds in the sky while the elevator is moving. The birds finally create a feather-like structure.
The animation: https://github.com/ibbenz/ba_222_gencg_h1901_students/blob/master/Small_Videos/Wind.mp4