Coder Social home page Coder Social logo

illusionink / abstract_identities Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 3.0 9.97 MB

Generative art themed identity project done for the Information Design studio entry at NID Bangalore.

Processing 100.00%
generative-art dataart processing data-visualization

abstract_identities's Introduction

Abstract Identities

The Studio Entry ceremony at the National Institute of Design, is conducted for the incoming batch by their respective discipline seniors. As a fun exercise , I tried exploring Generative art , with the idea of making something unique for each junior.

Idea

How would a face change to reflect one's details ??

Generative Art technically refers to art that stems as a whole or inpart from an autonomous system.The autonomous system here being an algorithm that could map certain variables onto a canvas, using a user defined key. The goal was to generate an artwork that is unique for each kid, although it belongs to the same parent family.

Generative Identity Design is a concept that stems from Generative Art, wherein the identity system for a brand affords for variations in its depiction. Rather than having a set predefined identity mark, it is generated algorithmically for all users in system.

Dataset

A glimpse of the datasheet that was filled by the juniors. Apart from the standard variables such as:

  • Age
  • Gender
  • Date of birth
  • Birth place (later mapped with their lat, long).

We also chose some variables to look at their work and hobbies:

  • Work Experience
  • Hobbies (later split into Indoor v/s Outdoor Hobbies)

Snapshot

Concept Sketches

Thoughts and process for the same would be avaliable soon

Sketch

Algorithm

  • Using the concept sketches, a basic key was developed mapping the various variables onto unique patterns.
  • Load the necessary data table and svg shapes onto variables in your code .
  • Begin reading the data table rowwise, getting the row no. in a variable. This will be used further to extract and map all user data into variables.
  • Since each student's artwork must be stored in a different PDF, use beginRecord() and endRecord() functions for doing so. More details in references
  • The variables were further marked as defined in the key above. Most of these are mappings are direct (the code has been commented to reflect the same).
  • The names of the students are also depicted in the code. The numerals below reflect the alphabet positions (derived from the ASCII values).

One of the interesting mappings in the artwork, hobbies was mapped slightly differently. The indoor-outdoor hobbies have been mapped in the respective areas of the circle. The key being, the eliipses for hobbies were measured from the shape's edge (using radius as a parameter to measure).

Generative Renders

Final Key digital_render_1 digital_render_2

Tools

  • Processing: Used to generate the artwork with the aid of several existing functions in there.

    • beginRecord(), endRecord(): Generating individuals PDFs for the students.
    • map(): Mapping lat long of birthplace to cartesian co-ordinates.
    • arc(): Mapping date and month of birth to the arcs on a clock.
    • pushMatrix(), popMatrix(): Shifting the origin to required positions for mapping shapes.
  • Illustrator: Design the glyphs and export as svgs. Assemble the final generative artworks.

To do

  • Explore noise() for mapping texture onto the surface.

References

abstract_identities's People

Contributors

illusionink avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.