![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=7438561d-b9cf-413b-826f-a49bc1c707a0&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=ec50d6ea-8510-468d-9afc-dd0ec98f5196&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=7bf23916-b56b-4da3-9582-6fa2d3a39aff&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=f8ad93be-d38d-4032-a05f-923d7c099ad6&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=382d506c-e54e-45b6-8869-429ed90d7e28&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=658ee45a-24a9-456a-8ef0-2ec5c7957e7e&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=60439e21-1c18-4874-8c47-ec3bc43a77b9&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=a88d784a-362f-4459-8ff7-32cc04fd4c10&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=3579ad7d-33fe-4b97-908c-01636174df61&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=67f93e80-066e-4aca-a1c2-b487c01be24d&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=b363c566-ab19-4bc9-9e3a-2b4024e60dc8&table=block)