f8 framer plugin framer plugin forum8 summer workshop june 30th, 2015 matthew swarts georgia...
TRANSCRIPT
![Page 1: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/1.jpg)
F8 Framer Plugin Forum8 Summer Workshop
June 30th, 2015
Matthew Swarts Georgia Institute of Technology
IMAGINE Lab Center for Geographic Information Systems
Interactive Product Design Lab MITTO Design LLC
![Page 2: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/2.jpg)
Tom received a call on Friday from a client requesting a visualization proposal by the following Monday.
![Page 3: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/3.jpg)
Unfortunately, everyone in the office had already left for the weekend.
![Page 4: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/4.jpg)
After sketching out the plan, he went to load up VR-Design Studio to begin modeling.
![Page 5: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/5.jpg)
He remembered that they had just added the ‘Framer’ plugin to their suite.
![Page 6: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/6.jpg)
He loaded in his block and parcel data and selected one on which to work.
![Page 7: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/7.jpg)
He inset and extruded the shape.
![Page 8: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/8.jpg)
Added levels
![Page 9: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/9.jpg)
He loaded in his block and parcel data and selected one on which to work.
![Page 10: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/10.jpg)
He loaded in his block and parcel data and selected one on which to work.
![Page 11: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/11.jpg)
He loaded in his block and parcel data and selected one on which to work.
![Page 12: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/12.jpg)
He loaded in his block and parcel data and selected one on which to work.
![Page 13: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/13.jpg)
Tom was able to complete the visualization for Monday’s proposal. He was also able to save his parametric building for later.
![Page 14: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/14.jpg)
Shape Grammars
http://wiki.ece.cmu.edu/ddl/index.php/Shape_grammer
![Page 15: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/15.jpg)
City Engine
From the latest City Engine tutorials
![Page 16: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/16.jpg)
Grasshopper
http://3.bp.blogspot.com/-YAl9EvFBsM8/Uhvyy20VUoI/AAAAAAAAAE0/7zT8l3ui-3g/s1600/shanghai+tower+snapshot.PNG
![Page 17: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/17.jpg)
Framer Initial Elements
![Page 18: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/18.jpg)
Split Horizontal
• This node takes in a rectangle and splits it horizontally with absolute, percent, and ratio syntax.
![Page 19: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/19.jpg)
Split Vertical
• This node takes in a rectangle and splits it vertically with absolute, percent, and ratio syntax.
![Page 20: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/20.jpg)
Inset
• This node takes in a rectangle and insets it in a slice-9 pattern. This is useful for the base rectangular parcel setbacks and for windows.
![Page 21: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/21.jpg)
Door Inset
• This node takes in a rectangle and insets it in a slice-6 pattern. This is useful for door patterns on the first floor.
![Page 22: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/22.jpg)
Extrude
• This node takes in a rectangle and extrudes it out or in. This is useful for the initial parcel extrusion or for extrusions in the façade for more detail.
![Page 23: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/23.jpg)
Color
• This node takes in a rectangle assigns a color to the rectangle.
![Page 24: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/24.jpg)
Framer Node Graph
![Page 25: F8 Framer Plugin Framer Plugin Forum8 Summer Workshop June 30th, 2015 Matthew Swarts Georgia Institute of Technology IMAGINE Lab Center for Geographic Information Systems ... Tom was](https://reader030.vdocument.in/reader030/viewer/2022011808/5c79421409d3f27b458c0a5c/html5/thumbnails/25.jpg)
Thank you [email protected]