Artist Statement
Inspired by the duality of day and night, light and darkness, the website unfolds a visual narrative as the user engages with the sun. The sun, symbolizing the cycle of day, transforms seamlessly into the moon upon ascending the digital horizon. This transition triggers a mesmerizing shift in the website's aesthetic, bathing the scene in vibrant hues during daylight and transitioning into a nocturnal dreamscape as night falls.
Process Work
- Inspiration: The concept was inspired by the natural beauty of day and night, exploring the transitions between the sun and moon.
- Interactive Concept: The idea of allowing users to drag and interact with the sun, triggering dynamic changes in the website's visuals, was a central theme.
- Layout Design: The initial website structure was defined using HTML and CSS, creating the layout that would host the interactive elements.
- Responsive Design: Consideration was given to ensuring a responsive design that adapts well to various screen sizes.
- Drag-and-Drop Implementation: JavaScript was used to implement the drag-and-drop functionality for the sun element.
- Position Tracking: The position of the sun during the drag was tracked to determine the changes in the website's visual elements.
- CSS Transitions: CSS transitions were utilized to smoothly transition between day and night modes based on the sun's position.
- Background Changes: The background gradient and color palette were adjusted to reflect the changing atmosphere.