Entries Tagged ‘computation’

 

 

Flattened Mountains

As Vast as the Mountain
As High as the Ocean

As Vast as the Mountain, As High as the Ocean

Flattened Mountain

Photographs of mountains are computationally altered to flatten the mountain’s elevations, while an ocean horizon is altered to mimic the mountain’s original topography.

Some before and after test images:

before
Original Mountain
Flattened Mountain
after
before
Original Mountain
Flattened Mountain
after
before
Original Mountain
Flattened Mountain
after
before
Original Mountain
Flattened Mountain
after
Flattened Paramount

As Vast as the Mountain, As High as the Ocean

Flattened Mountain

The flattened mountains project (still a work in progress) has been added to the site. Photographs of mountains are computationally altered to flatten the mountains’ elevations, while an ocean horizon is altered to mimic the mountain’s original topography.

1 Comments, Tags: , , , ,
Categories: Projects

Where We Went From (www.from)

Macromedia.com Visualization
Macromedia.com (2096 steps)

Carleton.edu Visualization
Carleton.edu (1631 steps)

ExploreMinnesota.com Visualization
ExploreMinnesota (839 steps)

The app I wrote visits a website and downloads the source text. It parses the text, looking for links to other web pages, links to itself, links to other file types, email addresses, etc. Based on how many links it finds, it creates a “star”. The number of links found equals the number of spines on the “star”. Thus, if it finds no links, it draws a circle.

It then goes to the first link on the page and does the same thing. Then it iterates over thousands of pages. E-mail addresses are drawn as a plus-sign, errors are an ‘x’, non-html files are squares, and a line follows the path the program took.

Another caveat: The first instance of a web page is a unique star. Anytime the app finds that same page linked to by another page, it draws a line back to the originating star instead of another star.

7 Comments, Tags: , ,
Categories: Projects, visualizations

I Heart You

I Heart You in QuickTime format.

Created by slicing a video of me saying “I Love You” into 720 vertical lines and displacing each by 1/30th of a second. I later found out that After Effects has a plug-in that does this sort of thing semi-automatically. Urgh.

For those curious, the music loop is by: Nemo
http://www.flashkit.com/loops/Ambient/Electronica/Boin-Nemo-5607/index.php

9 Comments, Tags: , , ,
Categories: Projects, motion graphics

PostBitmapScripter

Typefaces undergo a complex degradation procedure to be displayed as accurately as possible on screen via bitmap font files. Written in Macromedia Director, the PostBitmapScripter (PBS) type generator attempts to work the opposite way by using a simplistic enhancement routine to attempt a recreation of the original typeface from bitmap sources. PBS’s resulting letterforms expose the flawed translation process and celebrate the eccentricity of its limited amplification algorithm.

Some examples of what PBS produces:

How PBS works
PBS Courier New 13
PBS Courier New 13
PBS Helvetica New 13
PBS Helvetica New 13
PBS Monaco New 13
PBS Monaco New 13
PBS Snell Roundhand New 13
PBS Snell Roundhand New 13
3 Comments, Tags: ,
Categories: Projects, typography

I will ALWAYS believe in WORK

I will ALWAYS believe in WORK
Varying sizes of PostBitmapScripted Helvetica (6pt-24pt).
8 Comments, Tags: , , ,
Categories: Projects, typography

Slitscan Type Generator

Slitscan K
Slitscan K Collection
Slitscan J Collection
Slitscan J
I created an Illustrator script that types a letter (in this case, ‘J’ & ‘K’) using every font installed on a computer. It aligns all the letters and then cuts slices out of each letter based on width. The collections are the results of 18 computers that friends and I tried this on. They range from 97 to 6607 fonts.
If you’d like to try this on your computer:

Pre-requisites:

  1. Adobe Illustrator (CS or CS2. This may or may not work on CS3. If it doesn’t, let me know exactly what happened and I can try to debug.)
  2. Some patience (amount depends on size of font collection)
  3. Willingness to e-mail me the two files when you are done
  4. Acceptance that this may produce an error and not work for you the first time

How to use the Slitscan type generator (as verbosely as I can think) :

  1. Download the Slitscan zip file
  2. Unzip it. This will extract two files: a jpeg of what your output should look like, and a javascript file (.jsx) that Illustrator will use.
  3. Open Illustrator
  4. Go to the ‘File‘ Menu and choose ‘Scripts‘ >> ‘Other Scripts…
  5. Navigate to the unzipped javascript file titled ‘J_K_slitscan_script.jsx‘ and select it.
  6. Wait
  7. When an alert pops up telling you how many fonts Illustrator thinks you have, click ‘OK
  8. There will be two files that remain open in Illustrator and should look similar to the jpeg file. Look at them if you feel so inclined, but don’t touch! ;)
  9. Close the files
  10. Navigate to your home folder or do a search for ‘Slitscan
  11. There should be two files with the prefix ‘Slitscan-‘ in your home folder
  12. If you can, zip or stuff them into one archive file.
  13. E-mail me the archive file. Please use ‘Slitscan’ as the subject line (this way I should see it if my e-mail program labels as spam).
  14. Wait again
  15. I run another set of scripts on this file which will get a final result.
  16. I will e-mail you the two files back so you can have them for posterity’s sake. You are free to use them however and wherever you like as well.
  17. Bask in the warm feeling that you are a vital component of this project

Volumetric Redundancies

Flatland
Visualization of Flatland
Art of War
Visualization of Art of War
Frankenstein
Visualization of Frankenstein
Seven Discourses on Art
Visualization of Seven Discourses on Art
Been rendering various texts with the Language Visualizer v2 (aka ‘Volumetric Redundancies’).

This is a program I wrote that reads a source text and looks for words that are used repeatedly. The more the word is used, the larger its cube gets. Red cubes are words that are not unique, blue cubes are. The size of the rings is determined by the size of the paragraphs.

13 Comments, Tags: , , ,
Categories: Projects, visualizations

 

 

This space accidentally left blank


Search

Recent Comments

Meta

There are 432 posts and 1,100 comments so far.