Part 1:
Model Geometry
Embossed Effect:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe626107e-344b-45c5-be88-73e8438f4b92%2FUntitled.png?id=400678b5-d88f-4763-9010-535b25899514&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F29a04e81-fa3b-43fb-a471-b217d320e55e%2FUntitled.png?id=4ff6984a-a1ad-46ed-86f7-c2f334c76a1b&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc920973d-ce11-4654-9597-7d2fee4b2259%2FUntitled.png?id=a076551b-eab4-42bc-86ca-f0bbe236b160&table=block)
Debossed Effect:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4f425bca-aa8b-4067-b838-4e77ba5ed9b6%2FUntitled.png?id=e2113370-84c2-4164-858a-880876121692&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc37565c0-89fc-4b81-851b-edce5fef08e8%2FUntitled.png?id=ee479dd1-053c-412f-b724-fa661b9d70f7&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffb929028-65e7-40b9-8f53-d459b78d356d%2FUntitled.png?id=7126aba0-c1e6-4256-9baa-7d24f4c5670e&table=block)
Entire Dynamo Script:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbf0838ab-0fc2-4cee-8891-eb612e9c7948%2FUntitled.png?id=78a310a2-9361-4cc5-b4c4-58737f65e1c6&table=block)
Modeling Approach
Step 1: Apply Adaptive Panels to the Surface from Module 3
Based on my shelter design from Module 3, I subdivided the surface into U and V panels by using the “Panels.BySurface_U_V” custom node and provided sliders to easily manipulate the number of panels. “Rect Seamless Panel with Matierals-4pt” is used for the panels.
While it was not a requirement of Module 4, I decided to maintain the adaptive rib components used in Module 3. I used my code from Module 3 as a starting point, and I am only posting screenshots of the new code:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0d897222-6d53-4085-b76a-775fc6e45c3d%2FUntitled.png?id=3bdac709-f199-46c8-aba0-0712db59c9e9&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F04a194f5-7c3c-4124-b878-038a5a6993a0%2FUntitled.png?id=b4e09552-cf52-4b55-a54a-ddabbde81279&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe5ea6238-3e94-47a3-850c-efd8639b7709%2FUntitled.png?id=3e04e4f2-4c69-474f-80cf-5b8b18ae2aed&table=block)
“Panels.BySurface_U_V” custom node:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F61b82cb0-2531-417e-a23d-f0e1518c8479%2FUntitled.png?id=3ece5012-36c8-4840-aa67-21aca37d00dc&table=block)
Step 2 – Map the Colors from an Image File to the Adaptive Panels
I chose the figure from the movie Pokémon Detective Pikachu because it is one of my favorite movies, and Pikachu is absolutely adorable. Metro companies can accept commercial advertising on the exterior of the metro entrance. The colors on the individual panels can be actualized using LEDs, enabling the showcase of images, and even brief clips.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F09928632-ce96-4e2a-838e-4c9c42ed5e52%2FUntitled.png?id=62071019-93c3-4aeb-a8ca-76ffa3f2072a&table=block)
Next, I proceeded to obtain the data from the image file and correctly orient it. To achieve this, I included a new feature that allows the user to choose between transposing the image file data or maintaining its original effect. Setting the input value to 0 retains the original effect, whereas setting it to 1 results in a transposed image.
Initially, I conducted tests using a smaller number of panels, and once I confirmed the correct orientation, I proceeded to implement 70x70 panels to improve the image quality and minimize pixelation. Finally, I added the file path of the image to map the colors onto the panels.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F39ac34cc-d647-453b-87cd-a1ff0d4de31c%2FUntitled.png?id=feb7725b-6a99-4929-b34b-9c56b19fad58&table=block)
Step 3 – Provide the Ability to Mirror or Flip the Image as Desired
Then, I developed Boolean nodes that allow users to choose whether they want to apply mirroring and flipping effects to the image. I created three nodes that enable vertical flipping, horizontal flipping, or both. Entering 0 has no effect, 1 results in a vertical flip effect, 2 produces a horizontal flip effect, and 3 results in a vertical & horizontal flip effect.
Finally, I used “Element.OverrideColorInView” node to change the color of panels to the colors from the image.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fed37be9d-df4b-41ea-a329-2338b08adb2c%2FUntitled.png?id=7fff728e-2cfe-4f62-96d3-7910f99f9994&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F036fbd83-42be-450c-9b30-c3e0cc1d0f82%2FUntitled.png?id=eebaf2cd-634d-49bf-98de-c51ab69d149f&table=block)
Step 4 – Adjust the Thicknesses of the Adaptive Panels to Create an Embossed or Debossed Effect
To customize the thickness of the panels and produce an embossed or debossed effect, I utilized the color brightness node. I resampled its values, which range from 0 to 1, to a range of 1 to 5 using the "Math.RemapRange" node.
For the embossing effect, which results in an image that appears raised from the surface, the standard thickness is 1 unit, and the brightness value further increases the thickness.
On the other hand, the debossed effect, results in a design that's stamped down or recessed into the surrounding material. I started with a standard panel thickness of 5 units and subtracted the resampled values to derive the new height. For greater parameterization, I include magnification factors to strengthen or reduce the effect of embossing and debossing. To ensure the effects were functioning correctly, I incorporated a Boolean node that allows users to choose whether or not to apply a flip.
Step 5 – Add Logic to Enable Users to Choose Between an Embossed or Debossed Effect
Lastly, I implemented a node logic that enables users to select between the embossed or debossed effect. Setting the input value to 0 results in an embossed effect, while setting it to 1 produces a debossed effect.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3cdfbdba-3b05-4d17-b9a8-964ec51a3516%2FUntitled.png?id=7f7d31f1-5a6e-424a-bba4-6242abc1cb83&table=block)
Part 2:
Model Geometry
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdfb6d826-4fe1-4e54-9e68-5ef26369b66b%2FUntitled.png?id=631d1158-6865-440e-beaa-901aec79985d&table=block)
The second part of the assignment asked to make panels adapt to sun directness. To achieve this, I utilized "Rect_Panel with Resizable Opening" panels, which alter their appearance based on the direction of the sun. Panels that are facing the sun will appear in red color and have a smaller glazing area, while those facing in the opposite direction will appear in blue and have a larger glazing area.
North-facing surface: South-facing surface:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc61a1979-d661-4a03-9fef-2131d3a144f8%2FUntitled.png?id=eead5676-e65b-4df5-84c5-718e628b8b67&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe44ae4fc-0d33-4b2e-b1be-fa6d1e2231bf%2FUntitled.png?id=c3a6040f-d99f-4878-9a09-55456dbbf43e&table=block)
Modeling Approach
Step 6 - Create a Duplicate of Dynamo Graph for Part2
The entire dynamo script for part 2 of the assignment is shown below:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F48075ff8-0165-445b-a841-0e2abddb45af%2FUntitled.png?id=9dd42f29-6ff1-4214-8e71-7d6aa5d89cad&table=block)
Step 7 – Evaluate the Directness of the Surface Panels to the Sun
To begin, I divided the surface into U and V panels, and the number of panels can be conveniently adjusted using a number slider. To achieve this, I utilized the "Panels.BySurface_U_V" custom node to generate the panelized surface. Also, I used the "Rect_Panel with Resizable Opening: Glazing" adaptive panel to complete this part of the assignment.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F703cfb69-5cdc-488b-9438-325b4f21d6e3%2FUntitled.png?id=05e4d49f-76e6-4ce9-8f76-504bc3aacdce&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5d6a0836-97f9-4d9d-84a3-66f392f1d8f6%2FUntitled.png?id=d9d4e09c-9a71-4ea4-b48e-db534f728709&table=block)
Next, I computed the distance to the direct sun by utilizing the "Panels.ComputeSunDirectness" custom node. This custom node operates by initially computing the normal vectors to the panel surfaces. Afterward, I utilized "PanelNormals.AllPointUpward" to ensure that the surface normals are oriented in the upward direction. Lastly, based on the dot product of the sun direction and the panel normals, the node generates a list of "directness" indices.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe2e262c4-6ff9-4b02-a449-553e2fc57ec0%2FUntitled.png?id=f0450071-fac6-4e26-9ae6-a98a0bb20720&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F89cc971f-01d6-4c13-9efa-84b697ce49da%2FUntitled.png?id=588a7490-2e34-4d65-9aba-d5935c22a3d1&table=block)
Step 8 – Provide Visual Feedback using Color to Indicate the Directness of the Sun
I made the panels change color based on their directness to the sun by using the output of the sun directness list. I added number sliders to allow for simple modification of the panel colors. In this case, I assigned red to indicate panels that are more directly facing the sun, while blue signifies panels that are facing the sun at an angle. Finally, the color is applied to panels by using the “Element.OverrideColorInView” node.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5edd164d-b373-4f5c-a25d-893f444e9179%2FUntitled.png?id=16863236-9a05-40fe-9391-97b782f8dfa4&table=block)
Step 9 – Adjust the Surface Panel Geometry based on the Directness of the Sun
The adaptive panel, Rect_Panel with Resizable Opening: Glazing, can be adjusted in three dimensions: the frame width, the frame height, and the panel thickness. Using the directness to the sun, I modified the panel's dimensions of height, width, and thickness. If a panel receives more sunlight, its grazing panel width and height will be reduced to minimize the amount of sunlight passing through. Additionally, it will have a greater panel thickness to absorb some of the light into the material.
On the other hand, panels with less sun exposure have a larger grazing panel width and height to maximize the amount of sunlight passing through. Additionally, they have a smaller panel thickness, which absorbs less sunlight into the material. While the panel height and width share a magnitude of 0.1, the thickness uses a magnitude of 1 to allow for variable differences between panels with more or less sun exposure based on the sun directness calculation.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5b83e2fb-cc60-49ab-9a97-ffba62f9127a%2FUntitled.png?id=83d564bb-15f3-4773-88f8-9924d37a4217&table=block)