Loading...

Self Portrait

Side Project

Side Project

Interaction Design

Tools

Javascript p5js

Team/ Roles

Class

Summary

For my coded self-portrait, I used Perlin noise, loops, and vectors to create a simple interactive piece inspired by my love of jewelry and accessorizing. As you move the mouse, the artwork responds and changes, inviting playful exploration. I chose a black background to reflect my personal branding and minimalistic style, allowing the design elements to stand out. The piece subtly mirrors my appearance and interests, from shifting accessories to abstract forms. I'm proud of how it captures both my identity and the coding skills I've developed.

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.

LETS

Connect

Let's connect
Need to find something?

Kahlildavis.com