Module 3 Formstorming

Xinyu Lu


Project 3


Assignment 1

Put a description about your weekly exploration here.
  • How did you engage with the project theme?
  • I worked on creating a personal creativity code using shapes, colors, and patterns. I followed the tutorial steps and tried to connect my ideas with visual elements, making each part meaningful.
  • What was successful?
  • I successfully learned how to change and load images in the JavaScript file. The visual designs turned out balanced, and I was able to create smooth connections between different shapes and layers.
  • What was challenging?
  • bUnderstanding how to organize and stack the images in the code was hard at first. It also took time to figure out how to link my ideas with the shapes in a clear way.
  • How did you explore the lecture content?
  • I followed the tutorials and examples given in the lecture. I also practiced by modifying the sample code and experimenting with adding new images and designs to match the project theme.

<b>Making Data More Human</b><br>Giorgia Lupi shows that data is not just cold numbers but can tell stories about human feelings and personalities. Her designs turn data into something warm and meaningful. <b>The Value of Small Data</b><br>She talks about 'small data' and how it connects to our daily lives. In a world focused on 'big data,'small data can show personal and unique details about us. <b>Data as a Tool for Empathy</b><br>Lupi explains how data can build understanding and connection between people. <b>New Ways to Show Data</b><br>She challenges the usual charts and graphs by using creative visual designs. This makes data easier to understand and more interesting to look at. <b>Finding Personal Meaning in Data</b><br>Her talk shows how recording and studying our daily data can help us understand ourselves better. She encourages us to use data to tell our own stories. <b>Idea Evolution</b><br>This chart represents how my ideas grow over time. The shapes and lines show the path from simple thoughts to detailed plans. <b>Creative Flow</b><br>This design reflects how my creative process moves in different directions. The crossing lines and bold shapes show the energy and freedom I feel. <b>Inspiration Network</b>This diagram shows how my inspiration sources are connected. The circles and lines represent ideas from books, people, and places coming together. <b>Emotion Waveform</b><br>This graph shows how emotions shape my creativity. The colorful waves represent excitement, calm, and stress at different moments. <b>Inspiration Wheel</b><br>This wheel represents where I get my ideas. The colors and lines show the balance between work, nature, and personal experiences. <b>Balanced Creativity</b><br>This circle represents the balance in my creative life. The shapes and patterns show harmony between logic and imagination. <b>Problem-Solving Path</b><br>This graphic shows how I solve problems creatively. The intersecting lines and colors represent exploring different solutions. <b>Dynamic Thinking</b><br>This image illustrates my dynamic way of generating ideas. The loops and geometric shapes represent constant movement and exploration in my creative journey. <b>Daily Creativity Rhythm</b><br>This chart shows my daily creative energy. The orange and blue sections represent different times of the day, with lines showing my activity and focus levels. <b>Creative Connections</b><br>This artwork shows the relationships between different ideas in my mind. The circles represent various inspirations, while the lines and arrows symbolize how they connect and influence each other. <b>Learning to Update Images in Code</b><br>This screenshot shows my learning process about changing images in the code. I discovered that to update the visuals, I need to modify the JavaScript (.js) file rather than the HTML file. This understanding helped me better organize and control the stacking and loading of image elements. <b>Exploring Base Elements</b><br>This design shows the start of my creativity code. Simple shapes like circles and triangles are arranged to explore structure and balance in the code's visual representation. <b>Adding Logic to the Code</b><br>In this step, I introduced zigzag lines and arcs to represent the flow of logic and connections between the elements. It reflects the coding process of integrating dynamic ideas. <b>Complexity in the Code</b><br>Here, additional colors, shapes, and layers are added to create a more interactive and detailed code. The overlapping elements represent how ideas grow and interact during the coding process. <b>Simplifying the Layout</b><br>This version focuses on clarity and balance. The overlapping blue and purple sections with clean green lines reflect my effort to make the design more organized. <b>Experimenting with Shapes</b><br>In this step, I explored basic shapes like circles and lines to build the foundation of my creativity code. The green lines and purple dots represent initial attempts to connect different elements. <b>Adding Complexity and Movement</b>Here, I added curves and extra layers to show dynamic thinking. The intersecting shapes and vibrant lines symbolize the flow and interaction of ideas in my creative process. <b>Basic Structure of the Code</b><br>This image shows the starting point of my creativity code. Simple shapes like triangles and rectangles are arranged to create a base structure, exploring the balance between each element. <b>Adding Flow and Connections</b><br>In this step, I introduced bold lines and dynamic patterns to represent the flow of ideas within the code. The zigzag lines add energy and movement, connecting the elements into a cohesive visual logic. <b>Structured Creativity</b><br>This design reflects the balance between chaos and order in my creative process. The sharp lines represent structure, and the colorful shapes show free-flowing thoughts and ideas.

Assignment 2

Put a description about your weekly exploration here.
  • How did you engage with the project theme?
  • I worked on making 3D models and printing them. This included turning ideas and pictures into digital forms and then into physical objects. I used special computer programs to shape and prepare these models for printing, which helped combine the digital and real worlds.
  • What was successful?
  • One big success was learning to use the 3D modeling software well to create detailed models. Another success was figuring out how to use supports in the 3D printing process to make sure the models came out right, and planning how to remove these supports to keep the models looking nice.
  • What was challenging?
  • The challenging parts included making sure the 3D prints were accurate and looked good. It was tough to balance having enough supports to hold the model during printing but not too many that they would be hard to remove later. Also, smoothing out the digital models to make sure they looked just right and were ready for printing needed a lot of careful work.
  • How did you explore the lecture content?
  • I learned from the lectures how to show my ideas in new ways. The classes taught me to use data and models to express myself. By making 3D models and prints, I turned my ideas into real things you can touch. This taught me how to use computer tools to share my own thoughts in a creative way.

<b>Enhancing My 3D Scan</b><br>Here, I've set up a toy for scanning with additional lighting to ensure the 3D model captures all the details clearly. I use a smartphone and a fill light to optimize the scan quality. <b>Starting My 3D Scan</b><br>In this photo, I've placed a small toy on a special sheet filled with black and white markers to begin creating a 3D model using the ScanViewer app. <b>Reviewing My Scanned Objects</b><br>This image shows the tablet screen where I can see all the objects I've scanned into 3D using the ScanViewer app. Each object is stored in the app's library for further use. <b>Starting the Scanning Process</b><br>Here, my classmate begins scanning me with the ScanViewer app while I sit wearing headphones. I’m positioned in front of a computer monitor in our lab, getting ready for the scanning process. <b>Continuing the Scan</b><br> In this photo, my classmate continues to scan me, capturing different angles. I remain seated, focusing on staying still to ensure the accuracy of the 3D model we’re creating. <b>Finalizing the Scan</b><br>Finally, my classmate completes the scanning process. She uses her phone to capture the last details needed for the 3D scan while I still wear the headphones, sitting quietly to ensure we get a good scan. <b>Customizing Texture in Meshmixer</b><br>After watching Tutorial 6, I added a blocky, soil-like texture to my model in the Meshmixer app. This texture makes the model look like it's made of rough, cube-shaped blocks, giving it a unique and rugged appearance. <b>Smoothing the Model's Surface</b><br>Following Tutorial 6, I learned how to smooth out the surface of my model. I adjusted it until I was happy with the smoothness, and then I imported the refined model into Cinema 4D for further work. <b>Initial Shaping</b><br>I started by shaping the earpiece of the headphones in Cinema 4D. This stage involved molding the basic form into a smooth, oval shape to resemble the side view of the headphones. <b>Adding Details</b><br>Next, I worked on adding the headband to the earpieces. I used a mesh tool to create a flexible, detailed band that curves over the top, connecting the two sides. This step required careful adjustment to ensure the band was perfectly aligned with the earpieces. <b>Final Assembly</b><br>Finally, I assembled all parts of the headphones, adjusting the position and orientation of the earpieces and the headband. This step completed the model, making sure everything was seamless and looked realistic, just like the actual Sony headphones. <b>Importing and Filling My 3D Model</b><br>Here is my 3D model that I’ve imported into Meshmixer after scanning it. I used the ‘Inspector’ function to add some fill to the model to ensure it has a consistent and stable structure. <b>Smoothing My Model</b><br>In this screenshot, I’m using the ‘Sculpt’ tool in Meshmixer to smooth out the edges and corners of my object. This helps to soften any sharp areas and refine the overall appearance of my 3D model. <b>Model in C4D</b><br>This is my 3D model in Cinema 4D. I’ve been working on refining it by adjusting its dimensions and smoothing the surface. Using various tools in C4D, like the sculpt tool and modifiers, I’ve been able to enhance the details and perfect the shape to make it look more realistic and aligned with my vision. <b>Setting Up for 3D Printing in Cura</b><br>This image shows how I'm getting ready to 3D print my model using the Cura software. I'm adjusting the settings for the model to make sure it prints just right. This includes setting up the print quality and ensuring the supports are correctly placed so my model comes out strong and detailed. <b>My 3D Printed Sculpture Model</b><br>This is my 3D printed sculpture model. I added support structures to ensure it printed correctly and maintained all its intricate details. Once the printing is complete, I’ll carefully remove these supports to reveal the smooth surfaces underneath. <b>My 3D Printed Headphones Model</b><br>Here are my 3D printed headphones. I used supports to help with the printing process, especially to stabilize the delicate parts like the headband and ear cups. After printing, I plan to sand down the supports to achieve a clean and refined finish on the model. <b>Captured in 3D: My Headphone-Wearing Self</b><br>This is a 3D printed model of myself wearing headphones. I designed and printed it with supports to ensure all the details, especially around the headphones and facial features, came out clearly. I will remove the supports later to smooth out the model and perfect its appearance. <b>3D Printing Process</b><br>Here is my model being 3D printed on an Ultimaker printer. The printer is carefully laying down layers of material to build the shape I designed. <b>Front View of Plush</b><br>Here’s the back view of the plush toy. You can see the fine details of the bunny ears and the sandwich it’s holding, complete with layers that mimic a real sandwich. It’s a cute and unique piece from my favorite singer’s merchandise line. <b>Back View of Plush</b><br>Here’s the back view of the plush toy. You can see the fine details of the bunny ears and the sandwich it’s holding, complete with layers that mimic a real sandwich. It’s a cute and unique piece from my favorite singer’s merchandise line. <b>Top View of My Headphones</b><br>This is a top view of my Sony headphones. The headphones are laid flat on a surface, showing the sleek black design and soft ear cushions. <b>Front View of My Headphones</b><br>Here is the front view of my headphones. They’re positioned so you can see the inner part of the ear cups, which are designed to cover the whole ear for better sound isolation. <b>Side Profile with Headphones</b><br>In this photo, you can see me from the side, still wearing the headphones. The headphones fit snugly around my ears, and I’m positioned looking ahead, indicating a moment of focus or deep listening. <b>Wearing Headphones</b><br>Here I am wearing a pair of sleek, over-ear headphones. They comfortably encase my ears, isolating me from outside sounds as I sit attentively.

Project 3


Final Design

Put your design statement here: This set of 3D printed models shows important parts of who I am and what I love. The main piece is me wearing headphones, which shows how much I enjoy music and getting lost in it. Next, the headphones model represents my favorite way to listen to music and have fun. Lastly, the rabbit with a blocky texture is based on a toy from my favorite singer, adding a fun touch that shows my love for their music. Each model in this collection helps share a bit of my world in a creative way, using simple shapes and designs to express my interests.
  • How did you engage with lecture content during the project?
  • I applied our lectures on "Visualizing Physical Data" by turning digital models into real objects. This process let me see how data can be transformed into tangible forms, linking theoretical concepts to practical applications.
  • How does this image/video summarize your work go beyond Assignment 1 & 2?
  • This image shows progress from basic 3D printing to complex models like the detailed human figure and textured designs. These advanced projects demonstrate my growth in visualizing and creating physical representations of complex data, going beyond earlier assignments.

Image Caption Here
×

Powered by w3.css