JOHN LOCKE, ARCHITECT

  • Featured Work
  • Design Blog           
  • Photography
  • Graphic Design
  • Dept of Urban Betterment

About

Hello. I live in New York and work at The Living. I hold a graduate degree from Columbia University's GSAPP and an undergraduate architecture degree from the University of Texas at Austin. I have more than seven years of professional experience at noted architecture firms, including New York-based Rogers Marvel Architects and SOM. I also tackle freelance graphic and photography work with my partner in crime, the multi-talented Jackie Caradonio at Lion in Oil. In addition, I teach a course, Hacking the Urban Experience, at Columbia. View my CV here: CV(html). Thanks and have a nice day.

Contact

john.h.locke{at}gmail.com
310.735.3333

Architecture Portfolios

Portfolio 2002-2007 (issuu)
Portfolio 2008-2009 (issuu)

HOME / BLOG

processing

20150529 Tags: 3DPrinting, graphic design, processing, sound | 1 Comment »

3DP – SOUNDWAVE

 

Building off of previous work that looked at real-time sound visualization, the intention of this exercise was to create a series of physical objects that legibly conveyed the transformation of sound into a landscape. Four specific indicative moments of recorded sound were rendered as a topographic form in Processing, then 3d printed. Any piece of real-time or recorded sound would work, however, these prototypes were chosen because they highlight special snippets or short moments during signature songs that could warrant further observation of the ordered or chaotic underlying sound structure. Once printed, each piece creates a striking object that allows for ease of visual comparison.

 

The four selections shown here include:

 

1) “Young Americans” – David Bowie. The brief pause at 4:19. (youtube link) Also, per Jennifer Egan in A Visit to the Goon Squad: “This is a lost opportunity. Hell, it would’ve been so easy to draw out the pause after ‘…break down and cry…’ to a full second, or 2, or 3, but Bowie must’ve chickened out for some reason.”

 

2) “Ride of the Valkyries” – Richard Wagner. The introduction of the main theme including the arrival of the brass instruments. (youtube link)

 

3) “Mood Indigo” – Duke Ellington. Jimmy Hamilton’s introduction on the clarinet. (youtube link)

 

4) “Sonified Starlight” – NASA. Translation of light waves emanating from star KIC 7671081B into an audible pattern via NASA’s Kepler Input Catalog. (soundcloud link)

 

Lastly, drop me a line if you’d be interested in your own 3D printed soundwave.

 
 

3D-PRINTS-01b

3D-PRINTS-KEPLER

“Sonified Starlight” – NASA. Translation of light waves emanating from star KIC 7671081B into an audible pattern via NASA’s Kepler Input Catalog. (soundcloud link)

 

3D-PRINTS-BOWIE

“Young Americans” – David Bowie. The brief pause at 4:19. (youtube link)

 

3D-PRINTS-VALKRIE

“Ride of the Valkyries” – Richard Wagner. The introduction of the main theme including the arrival of the brass instruments. (youtube link)

 

3D-PRINTS-MOOD-INDIGO-C

“Mood Indigo” – Duke Ellington. Jimmy Hamilton’s introduction on the clarinet. (youtube link)

 

WAVE01-FINAL-WEBMOODINDIGO01-FINAL-WEBKEPLER-FINAL-WEBBOWIE-FINAL-WEB

3D-PRINTS-VALKRIES-AXO-BW3D-PRINTS-MOOD-INDIGO-AXO-BW3D-PRINTS-KEPLER-AXO-BW3D-PRINTS-BOWIE-AXO

20101024 Tags: graphic design, processing, sound | 8 Comments »

soundwave graphics

comp01

comp01

comp01

comp01

comp01

comp01

 

Working on a series of comparative analysis of New York groups with Jackie.

20090524 Tags: architecture, fabrication, gsapp, interaction, processing, school, scripting | No Comments »

interactive elevator installation

living01
For our living architecture course, we created an interactive light installation in the elevator of Avery Hall, controllable by anyone with a cell phone and a twitter account. The simplified process includes texting an emotion to twitter from any cellular phone using the #livarch hashtag. That tweet is then picked up by a realtime search, fed through our twitterfeed rss, then added to our own twitter account. For a more detailed explanation, see this previous post on getting multiple twitter users onto one twitter feed. That emotion is then directed to our pachube feed and sent through processing to an arduino microcontroller that controls the color and pulsing of the individual leds. The installation non-invasively attaches to the surface of the elevator via magnets. Allowing it to be placed on any metal surface, such as a building exterior, furniture, or a vehicle.

 

The lights within the elevator respond to the mood of the user. For instance, if a student texted “happy #livarch” the space within the elevator would begin to slowly pulse with a greenish/blue hue. However, if another student sent “angry #livarch” the first light will quickly flash a bright red. There are twelve lights total and show the collective mood of the twelve most recent users.

 

In this way, the elevator becomes a living representation of the collective mood of the building, but it is also hoped that a feedback loop can be created, a loop that actually influences the mood of those that ride the elevator. The emotion felt in the lobby will be altered by the time you reach the sixth floor. And that new emotion becomes what gets texted back to the elevator.

 

Lastly, future installations will be physically located away from the target user. For instance, Avery’s mood will be projected to the elevator in Uris Hall and vice versa. In this manner, we can both create a new form of pen-pal with distant locations, but also hope that our mood, whether angry, sad, happy or nervous, will both manifest itself in a new form of architecture, but also have an effect on the greater world around us.

 

The project team also included Talya Jacobs and Guanghong Ou.
See more for video and code:

 

living02c
more »

2009053 Tags: graphic design, gsapp, parametric, processing, school, scripting, sound | No Comments »

the remix

john_laurent
Mark Collins & Toru Hasegawa, the masterminds behind Proxyarch, and instructors of the course Search: Advanced Algorithmic Design at Columbia, ‘remixed’ the audio waveform code into something much more smooth and elegant. They’re awesome, and there were a lot of super interesting projects from the course which can all be viewed in the video here.

2009042 Tags: graphic design, gsapp, processing, school, scripting, sound | 8 Comments »

visualizing sound in processing

02_waveforms
This was the final applet in motion. Using the minim library for processing, each waveform is generated in realtime as the two sounds play over eachother creating a pretty chaotic sound, but there are some instances of overlapping patterns where the mashup works pretty well. In the third version of the code, the boolean of the two waveforms is generated, producing a new way to visualize the waveforms. View the youtube video here, but I really need to figure out a way to add sound to the video, silence doesn’t do it justice. Charlie Parker, Iggy Pop and Richard Wagner comparison + code:

 

graphs_990

 

more »

2009036 Tags: gsapp, processing, school, scripting, sound | 44 Comments »

iggy wave

dog
“Now I Wanna Be Your Dog” as a 3d landscape. I was using the minim library in processing to visualize the sound level data stream, then exporting out to rhino. Many thanks to the proxyarch team for help with the code.

 

EDIT:
Added link to processing app, see it in action (loud rock music will begin playing…so turn it up!)

 

http://gracefulspoon.com/processingapps/singlewave/index.html

 

processingapp

more »

20090228 Tags: graphic design, processing, scripting | No Comments »

processing growth

growingpoints

 

Looking at simple growth with classes and arrays. Next up, programming more behavior into the system.

20090228 Tags: processing, scripting | No Comments »

Processing to Rhino

upload011
upload021

 

I was playing around with different processing sketches and different export procedures to get cool images out of rhino. The dxf exporter works great for lines and solids, then once in rhino run a simple grasshopper command to pipe all the curves.

COPYRIGHT © 2011 \ JOHN LOCKE \ ALL RIGHTS RESERVED (RSS)

TOP OF PAGE

last update: 201102:1627