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

grasshopper

20130616 Tags: grasshopper, parametric, research | No Comments »

Extrude Mesh Faces


 

In conjunction with a form-finding exercise in Kangaroo, I was searching for a way to render a single, closed mesh as if it were an inflatable form made of individual, stretchy panels – think soccer ball. Since I was already starting with a mesh, I needed something that could extrude and manipulate individual mesh faces normal to the face centroid with a certain degree of flexibility. I couldn’t find much online, so I put together a super basic, simple grasshopper file. Aside from some of the typical drawbacks with using meshes in Rhino (which have actually become a lot more workable in Rhino 5), I think it’s reasonably clean.
Download here: http://gracefulspoon.com/downloads/EXTRUDE_MESH_FACE-NORMAL_FINAL.gh

20130329 Tags: graphic design, grasshopper, parametric | No Comments »

=)



 

Parametric facade apertures on swooping surfaces are out, parametric emoticons are in. A quick experiment using the image sampler node in Grasshopper to parametrically control the relative ecstatic to furious expression of an emoticon. A sampled pure white pixel on the original background image produces full-mouthed, googly-eyed happiness, while a sampled black pixel will unleash furrowed-brow, pursed-mouth rage. Grayscale pixels produce the range of conflicted emotions in between. Grasshopper definition can be downloaded here, works with any image, but simpler images with fewer colors tend to produce more legible results.

20111231 Tags: graphic design, grasshopper, typography | No Comments »

devilish hairpieces

 
2011065 Tags: evolution, grasshopper, parametric, research | 1 Comment »

bucky was right

design-space_galapagos
grasshopper galapagos
galapagos_results

 

I’ve used genetic algorithms for form finding with a previous project, and that time I was using a tenuous connection between catia, modeFrontier and Robot. So I was excited to see grasshopper begin to natively implement an evolutionary solver with Galapagos. As an initial experiment I started with a classic, something simple – I wanted to find a tessellated form that would enclose the maximum volume using the smallest surface area. I’d like to think that this would produce something unexpected, but it’s pretty much the definition of a sphere. I set up the parametric model to wiggle all over the place with various triangulated densities and differing number sided polygons at each joining segment. My hypothesis was that the form would tend toward symmetry and evolve into the aforementioned spherical shape. I believed that the polygons would tend toward the most sides possible to more closely approximate a circle, later generations evolving away from a triangle toward an icosagon. (Just like on Flatland!)

 

A couple of observations: Galapagos pretty quickly found the overall shape – smaller radii at the extremes and bulging in the middle – the beginning of a sphere. However, while it tended toward bilateral symmetry, it kept a kink in the first segment that prevented the shape from being perfectly symmetrical. I think the solver got stuck in a local minimum as opposed to a global minimum. Perhaps with a higher mutation level or letting it run for a longer amount it could have jumped out of this. On further checks I found that it was correct, after 30 generations and over 2500 iterations, the surviving croissant-like shape of the optimal designs did have a better SF:V ratio than a perfectly symmetrical design. Perhaps it had something to do with the setup of the parametric model or the way the facets resolve themselves at the extremities?

 

But in general my hypothesis was proven correct. Which leads to the initial problem with Galapagos. There are a lot of opportunities with this type of experiment and people more clever than me will surely do them, but when you can only solve for one objective it becomes difficult to create truly complex solutions. For instance, with my surface area/volume problem there is only one true pareto solution. Eventually Galapagos will find it, or with enough time and a calculator I could calculate this myself. There is one single, optimal solution, it’s just hidden somewhere amongst a number of parametric sliders. Unless you start getting into multiple, competing objectives, then the pareto point becomes a curve and there are multiple valid solutions, each one involving certain trade offs and a criteria for selection. Say you wanted to find a form with the minimum srf area:volume ratio, but also that form had to have the fewest structural members, or provide the most shade on June 21st, or spatially provide the most potential revenue stream for a project stakeholder. That’s when it gets really interesting and opens the possibility for a design space that includes high performing, unexpected results. It’s a great start, and I can’t wait to see Galapagos evolve.

 

Download the grasshopper definition for version 0.8.0004 here: http://gracefulspoon.com/downloads/Grasshopper_GALAPAGOS_TEST.rar

20110225 Tags: grasshopper, kangaroo, parametric | 9 Comments »

kangaroo tests

spaceframe012

spaceframe011

spaceframe02

spaceframe03

drop01

drop02

drop03

 

Spent the better part of the day playing around with the incredibly cool Kangaroo, the live 3D physics engine for Rhino, developed by Daniel Piker. Images are poor substitutes for showing just how fun this tool is to experiment with, so to get a better idea of the program’s potential see Daniel’s great vimeo page. The above images were part of a series of experiments in dropping a series of cubes through an obstacle course, and pulling points around on a 3D space frame. They were based on tutorials found at the always helpful and inspiring Kangaroo google group page.

 

more »

20100620 Tags: architecture, competition, grasshopper | 6 Comments »

inflatable mobile voter center

street_view
A quick entry I put together for a mobile voter registration and information center competition which had a pretty cool set of limitations – it had to be under 1000 dollars, fit inside a 3’x3’x3′ box, and be assembled and ready to hit the streets by September. The immediacy and modest budget were compelling and a nice change of pace. An inflatable structure was used to get around the rigid packaging requirements to produce the maximum volume to surface area, that, and I really dig the giant inflatable union rat that has been popping up around lower Manhattan streets. Unfortunately and inexplicably, the deadline was pushed back to 2011 (which is not an election year) so I guess I’ll be waiting to see how I did.

 

concept1
concept
The gesture of the “i want you” poster was extruded and placed in a cylindrical shape for maximum exposure. Each arm becomes a customizable exhortation to vote and the end cap can be written and erased with a dry erase marker. The gesture is returned by the prospective voter who has to reach into the arms and place the completed form inside the unit.

 

dwgs

 

inflate
assembly

more »

20091021 Tags: graphic design, grasshopper, parametric, typography | 2 Comments »

closest point on a curve

text01
text03a

 

The “Curve CP” node in Grasshopper allows a curve to act in a similar manner to a point attractor, but checks the distance for the closest points along the entire length of the curve as opposed to one single, solitary point. Here, the curves are generated from a text object. It basically becomes multiple attractor curves, something that could be used for super graphics or possible a glazing frit pattern. Things get a little hairy in the grasshopper definition (see below) when you start getting a lot of letters, so that needs to get resolved for this to work with an entire sentence, or anything longer than four letters. A script font that creates one continuous line would work perfect, but is something of a cop-out, so in the meantime I may have to consult the pros on the grasshopper forum.

 

more »

20091015 Tags: graphic design, grasshopper, parametric, scripting, typography | 11 Comments »

parametric image sampling

imagesampler021
imagesampler04

 

A simple test based on Sanghoon Yoon’s Grasshopper definition for using the new image sampler node, I swapped out a text image for an image image, because, well I just like fonts and 3D I guess. One of the things that’s cool is that the image is “live,” so as you change the text, the grasshopper definition updates. And of course you can also parametrically control the size of the pixels, the multiplication of the heightfield and the overall size of the surface. To get a random color on each polysurface, I modified Dale Fugier’s script located on the rhinoscript wiki page to include a function to assign the object color to the material color so it will render out in vray. See grasshopper definition and code below:

 

Edit: Added Link to download grasshopper definition and source image file. Click Here (zip file).

 

more »

20090529 Tags: architecture, grasshopper, gsapp, parametric, school | No Comments »

beijing 2014

01
single-cell-section

 

Detail from my final studio presentation of one symbiotic cell. See also a sankey diagram of the flows of energy through this system here.

20090518 Tags: architecture, grasshopper, gsapp, parametric, school | No Comments »

grasshopper final

grasshopper rhino 3d meshing
This was my final project for David Fano’s (of DesignReform.net fame) Meshing Course. It was an intense introduction to using Grasshopper with Rhino. My goal was too make a parametric array of cells, where each cell could be controlled individually, but changing one would affect all other neighboring cells in the system. Creating this type of recursive system led to a giant 18mb Grasshopper file, but the logic of the node-based layout made it surprisingly simple if you break it down into steps. See more for Vimeo Vids:
more »

20090414 Tags: graphic design, grasshopper, parametric | 10 Comments »

jpg portrait into grasshopper

web
The surface pattern is created in grasshopper from a jpg sourced, heightfield surface. The diameter of the circles are a factor of the z-depth of the resulting heightfield and can be parametrically controlled.

 

Download the grasshopper definition and rhino file here.
more »

2009034 Tags: architecture, fabrication, grasshopper, parametric, school, studio | 12 Comments »

we can rebuild you

model05
model01

 

After my final model from last summer was somehow misplaced in the trash, then the compactor where it was crushed into a little cube before being placed in a trash barge a mere 36 hours before the final review, five months later the lazy days of winter break seemed like a good time to rebuild. One of the benefits of digital fabrication is you just have to re-lasercut all the files, though there is a certain level of zen like calm in folding and gluing 300 panels. The modular panels and truss were created in grasshopper, then scripted in rhino to unroll onto sheets.

 
 

model02
grasshopper
model03
model04

model06
model07

2009034 Tags: architecture, grasshopper, gsapp, parametric, school, studio | 3 Comments »

summer studio

summer

 

Quick Project Description: In America, the most active civic space is no longer public plazas or parks, but rather a new typology­—“town centers”­—Mall/Promenade hybrids of housing, public space, and shopping. This is where people gather, and into each of these places a civic function is inserted­—political debate arenas where the viewer is no longer passive but takes an active role in the decision process, and is loudly confronted with a newfound political reality.

 

The project becomes a version of American Flag 2.0, something that doesn’t only wave from above in the wind, but rather demands work, a back and forth engagement between voter and candidate. The goal is that these can be sold to these town centers and through their sheer ubiquity and the rise of spectacle as a means of increasing shopping revenue, these proposals become the new American generic space.

 

Moving forward from midterm, I began identifying eight specific sites in the six battleground states that will have the most impact on the 2008 election. Two sites were explored further, specifically the purplest county – Franklin – in the purplest state – Ohio – located in the Columbus metroplex area. The Easton Town Center in Ohio displays a number of contradictions, home to the largest university in the country, but also numerous military contracting connections, including North American Aviation which manufactured components for the B-1 bomber in addition to missiles and guidance systems.

 

Each site was chosen not only for its status as a battleground state, but also as the 21st century incarnation of what constitutes public and civic space in America today, the outdoor shopping, dining, living spaces that are labeled as the new urban Town Centers, evolutions of the 1970s covered mall. If the goal is to affect and inform the greatest number of voters/shoppers, this is where the project would have to go, a placeless place lacking any form of civic engagement

 

more »

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

TOP OF PAGE

last update: 201102:1627