Creative
Coding

Creative
Coding

Overview.

I discovered my passion for creative coding while learning Arduino, p5.js and exploring the fundamentals of JavaScript as a self-learner. Through experimentation and playful projects, I developed a strong interest in interactive visuals and generative art. Alongside this, I also have a basic understanding of HTML and CSS, which allows me to build web experiences that combine both creativity and structure.

Disclaimer: Some Interaction sketches may not load due to high memory use, but each can be viewed on a dedicated page via the link below its description!

Interaction.
Interaction.

A playful interactive button.
the square changes color when hovered and toggles the background palette each time you click it.


Can’t see the sketch? Click here

An interactive painter where colors vary subtly around a chosen theme, creating soft brush strokes. Clicking the mouse resets the canvas and generates a new color palette.


Can’t see the sketch? Click here

A playful bubble system where each click spawns a new moving bubble that bounces off the edges, creating an interactive and dynamic swarm effect.


Can’t see the sketch? Click here

A group of bubbles that move randomly and change color when they overlap, creating a playful and dynamic interaction between shapes.


Can’t see the sketch? Click here

A simple “walker” that follows the mouse direction half of the time and moves randomly the other half, creating an organic wandering effect.


Can’t see the sketch? Click here

A rotating rectangle that changes its rotation direction when reaching the canvas edges, creating a dynamic and responsive visual based on the mouse position.


Can’t see the sketch? Click here

A rotating rectangle that changes its rotation direction when reaching the canvas edges, creating a dynamic and responsive visual based on the mouse position.


Can’t see the sketch? Click here

Animation gallery.
Exploring Arduino.

RGB LED Control via Arduino and Serial Monitor

The main goal of this project was to create a simple and interactive system for controlling an RGB LED.

Users can experiment with different color combinations by entering intensity values ranging from 0 to 255 for each channel.

In doing so, the project demonstrates the principles of serial communication and PWM (Pulse Width Modulation), two core concepts in Arduino programming that enable smooth analog-style control from digital signals.

‍Components Used

The system is built with basic electronic components:

• Elegoo UNO R3
• RGB LED
• Resistors (220–330 Ω), one per color channel
• Connecting wires
• PC with Arduino IDE and Serial Monitor

Functionality

When powered, the Arduino initializes serial communication and displays a welcome message. Users can then enter three numeric values corresponding to the red, green, and blue channels.

The program validates these inputs and applies them to the LED through analogWrite(), instantly updating its color.

This simple setup offers a clear way to explore color blending and signal control in real time.

Possible Extensions

Potential improvements include a graphical user interface for intuitive color selection, multi-LED synchronization for lighting patterns, and the option to store custom color presets for quick access.

Key Learnings

• Strengthened understanding of hardware–software interaction in embedded systems.

• Refined structured coding and user-centered design skills for functional, intuitive solutions.