Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Transliteratr

Language is an endlessly fascinating phenomenon. Essentially, spoken language is just patterns of sound that we have given associative and correlative meaning, signifiying everything and anything about the world. Because we are initiated into our particular cults of language from birth, those patterns are an inherent part of us, and we recognize them immediately. What I wanted to experiment with when I built Translitatr was deconstructing the language patterns we are familiar with and transforming them into another kind of language that is completely new and beautiful. The initial inspiration came from an image I saw on Tumblr:

 Color Typewriter

How it works.

Transliteratr takes user-inputted text and transforms it into a mosaic of tiles, where each character in the text, excluding spaces, is represented by a specific color. The text can be anything, but I prefer to pick selections from novels, short-stories, poems, songs, or other artistic texts, if only because I like the idea of "translating" art from one form/medium to another. There are options to control the shape, size, and color palette of the mosaic that is generated, which is made up of dynamically styled elements.

One of the compelling color palette options is a random color palette, which is algorithmically generated every time a user submits the text to be translated. The algorithm defines a random RGB value to every character member of a YAML file, whose contents are passed via Sinatra route parameters to the "canvas," where the actual construction of the mosaic is handled by an ERB script.

The app was built in a weekend as a MakerSquare senior project with:

  • Ruby
  • Sinatra
  • HTML5
  • CSS3
  • YAML
  • ERB
  • SASS

Try it out!

About

Text-to-color mosaic

Resources

Releases

No releases published
You can’t perform that action at this time.