My Space
Through creative coding, I was able to actively involve myself more with the
technology, process and design.
With the 4 workshops conducted, I was able to create various designs with different softwares applied onto different mediums, through different outputs and inputs. With creative coding I was able to express myself more freely through abstract designs using code.
Hej! I am Jocelyn and welcome to my portfolio site where I will be showcasing my works!! CiD was a really tough one man but I am tougher and it made me stronger!°˖✧◝(⁰▿⁰)◜✧˖°
Over the semester I participated in 4 different workshops covering topics such as Creative Coding, Projection Mapping, Making, and Physical Computing. Here you will find some of the process documentation and deliverables that were created in small teams of up to 3 people or individually.
Participating in these workshops has been a valuable experience for me. Through these workshops, I learned new skills and gained knowledge on various software applications, which has helped me become more creative and proficient in my work. Furthermore, these workshops have given me the opportunity to bring my ideas to life.
With the help of the lecturers, I was able to explore new avenues and develop my creativity. I was also able to collaborate with other like-minded individuals who share the same passion and interests. Overall, these workshops have allowed me to grow both personally and professionally. They have helped me to stay up-to-date with the latest trends and developments in my field, and have provided me with the tools and knowledge necessary to succeed in my studies and future endeavours.
Workshop one
Coding is a workshop by Andreas Schlegel that looks at the creative application of code in the design process. We explored the innovative utilization of code in the design process, with a focus on generating static, interactive or moving images. The workshop also covers various forms of creative applications that can be achieved using code.
For our group, we opted for the "Motion" brief, which
taught us how to use
the Axidraw to create our coded images. Our theme was based on "Nature Encounters",
and we used paintbrushes and paints to create waterfall-themed prints.
The process of using Axidraw is experimental, and the outcome can vary depending on the setup and materials used. As a result, each output is unique, which adds to the fun and intrigue of using Axidraw. Additionally, there is plenty of room for experimentation, and mistakes can lead to new and exciting outcomes.
Overall, the workshop provided a valuable insight
into how code can be used creatively in design,
and how experimentation can lead to exciting and unexpected results.
Tools used: Paintbrush, Axidraw, 180gsm paper, Acrylic paints,
Water, Copic markers
Workshop two
Making is a Code To Thing workshop by Dhiya that allows us to explore how code can be transformed into a physical object. Through the use of p5js, I was able to experiment with 3D space in code and create 3D objects from a provided code template.
Additionally, we were taught how to utilize Blender in order to convert these 3D objects into printable templates that could be crafted into physical 3D objects.
The workshop was based on the theme of "Cosmic Dusts," and I chose to create a 3D shape using p5js that reflected my own interpretation of what a dust particle from cosmic dusts might look like.
Titled "Fragmentations: Reimagining Cosmic Dust through Sculpture," the shape was intended to give the impression of an extracted part of the particles from a comet. This structure could potentially be installed as an exhibit in a museum or in a home due to its flat base. The other surfaces of the structure were crafted to be pointed and angled, conveying the look of a fragment or shard.
Overall, the workshop allowed for an innovative exploration of code and its potential to bring digital ideas to life in a tangible way.
Tools used: White A3 copy paper 70gsm, Black A3 paper 180 gsm,
Masking tape, Pen knife, Metal ruler, Cutting mat
Workshop three
Screens, a projection mapping workshop with Jo Ho, we were given an introduction to projection mapping, which involves projecting visual content onto a physical object. Throughout the workshop, we learned how to use a projector and the p5js software to create projection mappings of our own.
With a theme of "Other Worlds," our group drew inspiration from "Everything Everywhere All At Once," visualizing a microscopic world brought to life through a bagel. Our team built cube structures, with each face representing a distinct microscopic world and the bagel serving as the entrance. We used projection mapping to create a projection sculpture for an Art Science installation.
Through this workshop, I gained a better understanding of projection mapping technology, which employs video projectors to project light onto non-flat surfaces. Projection mapping is a popular technique for constructing immersive environments, transforming spaces, and creating illusions with light. This workshop taught me how to manipulate light illusions and mimic space to create extraordinary visual experiences.
Tools used: Projector, White A3 copy paper 70gsm,
Pen knife,
Cutting mat, Masking tape, Double-sided tape, Ruler
Workshop four
Play is a workshop by Jake Tan Zi Jie which looks at physical computing to interface between physical and digital spaces. We learnt how to communicate through different mediums, and interactive, through physical computing, enhancing and connecting user experience.
We were taught how to use code to control input and output, creating a bridge between the digital and art world, using p5js and Arduino to design something that moves from the physical to the digital realm and vice versa.
With the given theme “Sentient Shapes”, my partner and my goal was to design a product that allows users to experience the sensation of dreaming. To achieve this, we decided to create a prototype of sunglasses that open and close in sync with the natural rhythm of a dreamer's eyes.
Through this process, we honed our creative thinking skills and learned how to integrate interactive code into our designs. The ability to interact with our designs physically was particularly fascinating and opened up new possibilities for future projects, be it in product design or interactive design on both digital and physical mediums. Overall, this workshop was a valuable learning experience and helped us grow as designers.
Tools used: Recycled cardbox, Black marker, Colour pencils,
Pen knife, Ruler, Cutting mat, UHU Por, Light sensor, Aurdino
CiD was really a tough one! but I'm literally TOUGHER...
by Me
Conclusion
What have I learned over the course of this semester? Apart from the technical aspects of the workshops, I gained valuable insights into my weaknesses, such as my critical thinking and lack of commitment, and how to improve upon them. Additionally, I encountered challenges with producing content images due to inadequate documentation and post-workshop editing, which hindered my productivity. However, I learned to manage my time more effectively, pay attention to detail, and be more conscious of my work.
Some of my most interesting findings this semester are?
I discovered the versatility of
code in various mediums and applications, and the satisfying process of developing
code-based
projects. It was fascinating to witness the potential of code across different software, such
as Blender, Axidraw, Arduino, and others that were unfamiliar to me. Furthermore, I learned about
the usefulness of Handbrake, which I neglected to use last semester, resulting in pixelated
content.
What are some of my achievements?
I am satisfied with my accomplishments for this semester and had the opportunity to collaborate with individuals who share my interests on certain projects, making the experience even more enjoyable.
Seeing my concepts and designs materialize into reality is a delightful experience, as I am involved in every phase of the design process through coding! It's akin to giving birth to my own child and watching it grow, haha!
