On this page you will see some action.

Click on any project

Reflection: Motion design is an essential part of webdesign, making animations more engaging and dynamic. In p5.js, motion is created through code, where objects follow a predefined path. In CSS, animations use keyframes and easing functions to create smoother transitions. For example in the zigzag motion project it is based on a mathematical calculation, rather than an ease-in function, which would make the movement feel smoother. The motion follows a strict zigzag path, controlled by circleProgress and conditional logic. The object moves between points in a linear way, without acceleration or deceleration. Working on this project showed me the difference between rigid mathematical motion and eased transitions. While p5.js allows for precise control, CSS animations make motion feel more natural. Combining both could improve how movement is used in visual communication.