Step 1 – Apply Adaptive Panels to the Surface of Your Shelter from Module 3
I subdivided the surface model into a UV grid to create a more detailed structure. For this, I utilized adaptive panels - specifically, the 'Rect_Seamless Panel-4 pt' - which were created using the Panel.PanelQuad node. Both the main and sub structures have a panel height of 0.2. This approach was chosen for its ability to create a complex and visually appealing structure while maintaining precision and efficiency in the design process.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2Fcf055169-b932-471e-bd6a-aa530db6cb98%2FUntitled.png&w=3840&q=90)
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F36e5215c-b196-441f-888e-a28edd026479%2FUntitled.png&w=3840&q=90)
Given that the initial grid was insufficient to express both flags, I subdivided the grid into more pieces to better convey the design. By doing so, I was able to more accurately represent the specific design element in question. This approach was chosen to enhance the overall graphic quality of the design and better align with the project's objectives.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F026624f3-58cd-4642-826c-184733520278%2FUntitled.png&w=3840&q=90)
Both Grid now have 40x40 panels, which is enough to include all the details of the graphics.
Step 2 – Map the Colors from an Image File to the Adaptive Panels
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F6632956b-f1d7-47a8-bc54-7371f117ae2c%2FUntitled.png&w=3840&q=90)
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F3d1d9010-072b-4235-858f-bade5e87c8f7%2FUntitled.png&w=1920&q=90)
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F2f5b5a72-84d3-42a8-96b7-749c5392bdfc%2FUntitled.png&w=3840&q=90)
To begin, I imported the Korean and American flags as image files into the Dynamo using FilePath and File from Path nodes. I then subdivided the pixels of the image along the x-axis and y-axis to align with adaptive panels. This approach was chosen for its ability to create a more detailed and visually appealing design.
To ensure that the image direction was properly aligned with the adaptive panels, I tested the process using a sample image file and adjusted the orientation as needed with the transport node. By carefully aligning the image file with the adaptive panels, I was able to achieve a high degree of precision and accuracy in the design.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2Fb4efdbf9-bba7-4403-be87-008227d07ef7%2FUntitled.png&w=3840&q=90)
The color list that I made from the list is connected to the color of OverrideColorInView node and the adaptive panel is connected to the element.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F8bbbadc0-89e2-416b-9659-393ac42a03c9%2FUntitled.png&w=3840&q=90)
After finishing the test with the sample image file, I changed the file paths with the images that I want to embed into the panels.
Step 3 – Provide the Ability to Mirror or Flip the Image as Desired
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F39b67737-6aed-439c-b6c1-0b32f21353ea%2FUntitled.png&w=3840&q=90)
To provide flexibility in the design process, I created a selection tool that offers multiple options for flipping colors horizontally and vertically. The first option corresponds to the original color list, while the second and third options allow for vertical and horizontal flipping, respectively. The fourth option provides the ability to flip colors both vertically and horizontally, offering even greater creative control over the design. This selection tool allows for rapid and efficient iteration and experimentation, ultimately resulting in a more refined and polished final product.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F31181a55-2d76-40f5-acfe-6f0ddc732b59%2FUntitled.png&w=1080&q=90)
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F06d5cddc-2993-496a-84a2-dc6b4212fded%2FUntitled.png&w=1080&q=90)
By adjusting the numerical value between 0 and 4, the user can select from a range of four options for flipping colors horizontally and vertically. This user-friendly approach allows for quick and easy modification of the design, providing a high level of flexibility and customization.