![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F597de331-7a37-4221-90f0-06fc9b6df014%2FScreen_Shot_2023-04-28_at_00.13.19.png?id=869ea643-5c5b-4ec3-8143-89b08b735776&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1047a134-29ae-488e-bf86-9fc0751377d2%2FScreen_Shot_2023-04-28_at_00.13.59.png?id=86d0961d-8d05-48fb-88e4-d05d64b8d0ac&table=block)
Design Procedure
I started the process by making a grid of points that can be controlled by U and V points sliders and making adaptive components by using a four-point panel. I also added a number slider that can control the original thickness of the panels.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffb46ec1c-abd2-4a8b-8812-ec8113396b90%2FScreen_Shot_2023-04-27_at_23.41.02.png?id=5dfd5c67-7425-414a-b565-c905d4d4fc19&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcd7b4cc7-d00f-4936-bf0c-2184143dd2eb%2FScreen_Shot_2023-04-27_at_23.46.01.png?id=65de3c4f-02d2-4313-93a9-f823db229cb8&table=block)
My next step was importing image data into Dynamo and mapping it. I used a Boolean node to allow an easy switch between mapping an original and transposed image.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcca67efd-23bf-4198-b39e-50865fd17993%2FScreen_Shot_2023-04-27_at_23.47.15.png?id=de11b8be-0a4a-4e59-aab0-a2215877d427&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fad316162-1c9d-4376-8e3e-4ad2e255220a%2FScreen_Shot_2023-04-27_at_23.47.39.png?id=913a1b32-4571-46fd-82b9-759aa9b75352&table=block)
Then I made three groups of commands that would allow flipping an image vertically, horizontally (mirror effect), and both. I also created an easy switch between having an original image or flipping in any of the described variations. A user can enter a number from 0 to 3 to choose a desired image mapping. I tested these commands by using a simple three-color palette so that I could easily see any mapping changes.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3be9a44f-a0ed-4a30-b449-35c117618b49%2FScreen_Shot_2023-04-27_at_23.50.45.png?id=5995998d-2bdf-4ce6-bdc4-85fbc86a68e4&table=block)
A chosen mapping option described above was then used to display tubes and panels' colors.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc327d3e0-e96a-443e-af54-081b5f61537b%2FScreen_Shot_2023-04-27_at_23.56.59.png?id=c250964f-6087-41a8-ab06-6fcb9d960abd&table=block)
The next step was adjusting the panels' height based on the brightness of the colors. The formula I used to create embossed and debossed effects was panel thickness+/-height*scale factor, where height was calculated from the brightness and scale factor could be adjusted using a code block.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffff1f140-3e1e-457e-9c15-2b7ae4f1263b%2FScreen_Shot_2023-04-28_at_00.00.40.png?id=df50e8b4-c58f-4949-afc3-997430dbf1ba&table=block)
Finally, I gave a user an option to choose between debossed and embossed effects by using a boolean node (I also made an option to have a switch by using a code block), and the heights of the panels were changed accordingly.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe56b562f-10b9-4091-bfcc-c80ae349ab34%2FScreen_Shot_2023-04-28_at_00.04.55.png?id=37fcf829-8467-4259-b4a5-5f4f3cfefd60&table=block)
At some point, I realized that no matter which effect (embossed or debossed) I choose, the panels keep growing in both directions. I managed to fix this issue by checking the positive and negative directions of the surface and switching them. Overall, it was really fun working on this assignment, and I am happy with the results I got. Below is a picture that I chose to display on the surface.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F743c8c55-8257-4031-b1e1-563ef00c569d%2FScreen_Shot_2023-04-28_at_00.12.29.png?id=f5e58612-3c5f-48cf-8153-70df4c1f7716&table=block)