Heading

Self Portrait

Heading
Side Project

Side Project

Interaction Design

Tools

Javascript p5js

Team/ Roles

Class

Summary

My interaction design class required a coded self-portrait. Perlin noise, loops, and vectors were used to create a dynamic and unique piece. When I first started the project, I ran into some issues, such as streaks or noise particles disappearing when I inverted the background colors based on the noise color, leaving only random dots. It was frustrating, but I quickly realized that I could still create a powerful piece without the inverted background. The use of a black background both reflects my personal branding and simplifies the design. This self-portrait reflected me and my style, such as how my glasses and accessories change depending on what I'm wearing, which I incorporated into my code. My interest in abstract and minimal art was reflected in this abstract self-portrait. I was able to create a dynamic background for the piece by using Perlin noise and loops, which added interest and streaks of color. This project made me proud because it reflected my personality, appearance, and coding ability. I enjoyed the opportunity to experiment with perlin noise and loops in this project.

What’s a Rich Text element?How to customize formatting for each rich textHeadings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Learn More.

Crafting a Coded Self-Portrait

What made this project truly unique was the way it reflected my identity and style. I customized the portrait to reflect the changing nature of my accessories and glasses, which change along with my outfit. These elements were intricately woven into the code, resulting in an abstract but deeply personal representation of myself. Using Perlin noise and loops, I was able to create a dynamic, visually appealing background, complete with color streaks that added depth and interest to the portrait. This project became a source of pride for me, not only because it showcased my coding abilities, but also because it reflected my personality, appearance, and love of abstract, minimal art.

Personalization Through Code

What made this project truly unique was the way it reflected my identity and style. I customized the portrait to reflect the changing nature of my accessories and glasses, which change along with my outfit. These elements were intricately woven into the code, resulting in an abstract but deeply personal representation of myself. Using Perlin noise and loops, I was able to create a dynamic, visually appealing background, complete with color streaks that added depth and interest to the portrait. This project became a source of pride for me, not only because it showcased my coding abilities, but also because it reflected my personality, appearance, and love of abstract, minimal art.

LETS

Connect

Let's connect
Need to find something?

Kahlildavis.com