Interactive Web Design: Art + Code

As an artist, I love experimenting with different mediums and tools. I view the world as an open canvas with many possibilities. One of my favorite subjects to paint is light, in fact light has been the focus in the majority of my artwork since the very beginning of my artistic journey. I often paint from life using one direct light source on the subject or object I am painting.

Grisaille Study From 2020:

In many ways, I feel like my interest stems from wanting to learn more about the properties of light both in art and the physical world. I was recently inspired by a project developed on Code Pen which used a hovering affect, and I used that to build on my own project. I added various animation frames with CSS and created the text animation with JavaScript:

Would love feedback on this interactive project: Click Here

Instructions: click on Hello World, Play Music, and click and move mouse within the circle to watch the lights move.

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.