The-Wavy-Lamp is an interactive web-based application, which enables the user to change the values of different sliders in order to select his desired size and shape of a wooden lamp. The user can change the values of following sliders:
- total width
- total height
- number of the edges in the top/ bottom view
- rotation in z axis
- width of the upper/ lower part
- width of the middle part
- density of the wooden slices
- width of the wooden slices
- and thickness of the wooden slices
GIF 1: Web-interface with Wavy-Lamp
Image and GIF 2: Geometry in Rhino
When the user decides which shape and size is his favorite, he can press the download button and he can get a .3dm file.
The steps followed for the development of the application were the followings:
- STEP 1|: Grasshopper definition
- STEP 2|: Attribute User Text in Rhino in the baked geometry (optional step)
- STEP 3|: Run the Grasshopper Definition using Hops
- STEP 4|: Run the definition with Rhino compute
- STEP 5|: Run the definition with the App-server locally
- STEP 6|: Deploy the application in Heroku
STEP 1|: Grasshopper definition
Image 3: Grasshopper Definition with Context Components as INPUTS and Naming convention RH_OUT:mesh as OUTPUT
Image 4: Contextual numeric INPUTS
STEP 2|: Attribute User Text in Rhino in the baked geometry (optional step)
Image 5: Setting Attribute User Text in Rhino
Image 6: 3.dm Geometry in threejs.org/editor
STEP 3|: Run the Grasshopper Definition using Hops
Image 7: Run Grasshopper Definition using Hops
STEP 4|: Run the definition with Rhino compute
Image 8: Setting the index.html, main.css, scriot.js and README files in Visual Studio Code
Image 9: Sliders and Download Button in index.html file
Image 10: Styling in main.css file
Image 11: Running the definition with Rhino compute
STEP 5|: Run the definition with the App-server locally
Image 12: App-server-Interface with The-Wavy-Lamp’s geometry
STEP 6|: Deploy the application in Heroku
Image 13: Setting bimsc22-appmaria and using as deployment method the connection with GitHub.
Image 14: Enabling Automatic Deploys with Github Repository MariaBloom2/compute.rhino3d.appserver
FUTURE DEVELOPMENT|:
For future development of the application, it will be desired the use of OpenNest (a free open-source digital fabrication plug-in). This plug-in will enable the user (after setting his desired size and shape) to directly get the slices of the lamp projected on a horizontal surface. This horizontal surface will have the exact size needed for a CNC or a laser cutter. In this way the lamp will get from the design phase directly to fabrication.
Image 15: Projected Pieces of Lamp on a surface using OpenNest Plug-in
The-Wavy-Lamp is a project of IAAC, Institute for Advanced Architecture of Catalonia, developed in the Master in Advanced Computation for Architecture & Design 2021/22 by Student: Maria Papadimitraki | Faculty: David Andrés León and Hesham Shawqy