Link to Student
Journal Entry For
Module 4 - Rise or Shine
Modeling Approach - Part 1
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F299e6f7f-9770-4d6c-9353-00e0d12a6462%2FUntitled.png?id=8d3660af-cc50-42d1-8bdd-70480e5ab690&table=block)
Step 1: Apply Adaptive Panels to the Surface
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0a569e0a-8933-409b-bb3b-962bad0683fe%2FUntitled.png?id=f5f022aa-12b1-44ef-b769-570f29a93d01&table=block)
- U and V are the number of points in the grid. Thus, the grid number is the number of u or v points minus 1.
- In the family types, I chose the 4-point seamless panel since it can change the heights, which will be changed accordingly by color later.
- The “AdaptiveCompnent.ByPoints” combines the coordinates of the point and the type of panels and add them to the surface.
- The initial heights of the panels are set to 0.5.
Step 2: Import the Image and Apply it to the Panels
The Structure is a great fit for many patterns. It could be applied to different patterns on different festivals. Following are some examples.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffa1dd49a-3d1b-4b96-b9f0-41d8f26032f1%2FUntitled.jpeg?id=1a4af7e1-6708-47f2-ab3b-54ab2c9c7c8a&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F839b1d32-60c6-4c28-b7fe-228f0f1a7fb2%2FUntitled.jpeg?id=befdf220-5cd5-4e57-a735-6a763f37c3ea&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdbd01a7e-d9be-4e88-8078-d5ade011e583%2FUntitled.png?id=18a27643-2706-490e-b8ed-de2f231d2d1e&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4e0d5259-024d-4bb9-973d-a641771a7acf%2FUntitled.png?id=7313f00b-a4c5-4575-b7ac-f26c57ec4b8f&table=block)
Following is the code:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4841a867-f38c-44ff-9bb5-d6ed789f3336%2FUntitled.png?id=5149574e-5d2d-4db8-90d5-c25c0cb0b8d1&table=block)
- In Step 1a, I first imported image from my PC. Then, use “Image.Pixels” to break the image down into uv grids.
- In Step 1b, a “List.Transpose” was added to flip the direction of the image by 90 degrees and to test which image direction works better with the structure. There are two options, with option 0 is the original list, and option 1 the transposed list. The user can change the option in the boolean “Original or Transpose” code block. True is original and false is Transpose.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb5998061-78da-40e5-a98c-a13b3140dd96%2FUntitled.png?id=a6b23541-5aad-4958-aa58-2b072daf6c55&table=block)
- In Step 1c, the colors from the image override the panels origin color.
Step 3: Mirror or Flip the Image
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4d8e4602-99c1-415f-9b54-935f931d42f3%2FUntitled.png?id=b4f5b033-2a81-4f96-bd76-be56f13bc5da&table=block)
- There are 4 options that the image can orient, 3 of them are shown in Step 2a.
- The first is the original orientation in Step 1b.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4e0d5259-024d-4bb9-973d-a641771a7acf%2FUntitled.png?id=5433a993-4fc1-46c8-a346-6ae71fe6db26&table=block)
b. The second flipped the image left and right (horizontally).
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6945ca5d-9360-4dd3-bb61-f0bc6cb25627%2FUntitled.png?id=3a3420d5-a5ff-4948-a79b-314a49058f21&table=block)
c. The third flipped the image back and forth (vertically).
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F643dddd1-bfb3-42e8-9a11-df91920814bf%2FUntitled.png?id=0aa2a223-7881-45f8-a7c7-ca65fa830223&table=block)
d. The forth flipped the image both horizontally and vertically.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9c4ea293-374f-4b2e-bf0d-f05720fbb1d4%2FUntitled.png?id=e86ee07a-b81f-4f10-8155-f1fcfe5db560&table=block)
- The user can use the integer slider to choose which orientation they like in Step 2b.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa9b43065-1653-43b3-b654-96a3e54dc591%2FUntitled.png?id=e39215e0-29da-47c8-a697-d7706c5055ca&table=block)
Step 4: Embossed or Debossed Effect of Thickness of Panels based on Color
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3fe279fa-a8dd-40ed-917e-9a4d597569f0%2FUntitled.png?id=ab6e6b3e-f4f5-4af1-9d0e-3cb04d415c91&table=block)
- I used “Color.Hue” to scale the list of colors on each panel. Then, they are scaled to thicknesses from 0.5 to 5.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fed24b1a2-682d-4cf8-aec7-c241ce10e1f5%2FUntitled.png?id=b5a93a61-6224-4000-bf87-57f4f3e35b82&table=block)
- The thickness of the embossed panels is computed as “Standard Thickness + Color Thickness”. The user can use the number slider to adjust the standard thickness. The deboss panels work the same way.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9a24bbce-c3c7-470a-b862-ef062de4dfc4%2FUntitled.png?id=431ad1a7-cdfd-40cc-8167-72defc0636d2&table=block)
- The flip parameter is set to false here since the thickness is toward outside in default.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F10ff3a2b-86fd-4b65-8d1e-cefe2164cc75%2FUntitled.png?id=12d6d6c4-149f-4e54-99d0-ef595526b752&table=block)
Step 5: User Choose between Embossed or Debossed Effect
- Users can use the integer slider to choose embossed effect (0) or debossed effect (1).
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F16ba774a-d559-45dc-a434-b51b01e321e1%2FUntitled.png?id=96a572f3-cada-494d-a6a8-1882f838e811&table=block)
Modeling Approach - Part 2
Step 1: Evaluate the Directness of the Surface Panels to the Sun
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6cb19d1a-69c0-40fa-bfa9-30b8a5aa336f%2FUntitled.png?id=74652117-a2df-4ebd-b199-43987becf45e&table=block)
- Create an equivalent custom node using “Panels.BySurface_U_V”. The node is a copy of the original panel system from Module 3, with the same surface, u, v, and family type. The family type is initially set to Seamless Panels and later changed to “Rect_Panel with Resizable Opening”.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdefba155-cdd0-4f48-b986-f2f3dcb98d90%2FUntitled.png?id=5ee00f49-d919-4a52-ba3e-18d25f1b64d6&table=block)
- Compute the surface normals for each panel using the “Surface.NormalAtParameter” function, with u and v values of 0.5, shown in “Step 2a”.
- Flip the vectors with a negative z-axis value to make sure all the normal vectors are pointing outwards, shown in “Step 2a”.
- Create a vector pointing toward the Sun to calculate the directness.
- Take the dot product of the vectors with the direction of the sun. If the vector value is bigger (approaching to 1), the directness is strong, and vice versa. Since there are negative values, we normalized it in range between 0 and 1.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa6a327ea-a67e-4059-9f46-cd610c4751de%2FUntitled.png?id=ce87847c-f69c-4a43-a275-4743da8a3f07&table=block)
Step 2: Use Color to Indicate the Directness of the Sun
As shown, at 3 pm, the west side panels are red while the east side is blue. Also, the red panels in the north are wider spread than those in the south, which makes sense since the sun is at the south west side.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcd6c7590-f7ad-4218-af47-ace4e06316bb%2FUntitled.png?id=a275f3b0-c655-467f-aa36-d3de82d6ebcc&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff1955c04-9f5d-488a-a1bc-68894c5baf8c%2FUntitled.png?id=6c31dba4-fdda-499e-9b37-6400b22c80e4&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F524be93b-7fc2-4073-8f1e-6a5095b511bb%2FUntitled.png?id=cccd7842-02f0-483b-b6aa-08a295fbc533&table=block)
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffb6dabde-4a37-42e7-a4b9-12ef976c00bb%2FUntitled.png?id=ba103360-3459-4b10-82ca-75190fbbedc7&table=block)
- The color is set to blue and red to indicate the directness between the surface and the Sun. If the directness is larger, the color is red, showing more heat.
- Change the panel color to blue and red using “Element.OverrideColorInView”.
Step 3: Adjust Panel Geometry Based on the Directness of the Sun
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fef1507b5-ae97-4d16-9cc4-1ea60db0060e%2FUntitled.png?id=97b2c28e-b059-4ff9-a4c8-5dc88ef11d70&table=block)
- The panel type is set to “Rect_Panel with Resizable Opening”.
- The openings of the panels are set to range from 0.02 to 0.49, scaled from the directness between the Sun and the Panels’ normal directions.
- Three parameters are changed, the opening in 2 directions, and the panel thickness. The panel thickness has a base value of 0.5 and added a thickness of opening value times a scaling factor. The hotter (larger directness value) it is, the smaller the opening and the thicker the panels are.