Dynamic Web Art
Now that you've experimented with the static structure of your
hypertext art, you are asked to make web-based artworks that are dynamic. In
this assignment, you'll use JavaScript to add interactivity and
responsiveness to your existing HTML pages.
If you prefer, you can modify and extend your previous hypertext art project from Project 1, but this is entirely optional.
Interactivity through Javascript:
- Use JavaScript events (e.g., click, hover, scroll) to trigger interactions within your artwork. Consider how these interactions contribute to the overall experience narrative.
- Animation and Movement:
Implement JavaScript animations to bring elements of your artwork to life. Think about how movement and transitions can add depth and dynamism to your piece.
- Using Libraries:
By incoporating external code using javascript libraries, you can add new functionality to your page. While libraries are powerful, make sure that it is within your abilities with the time you have. (Some libraries can be so extensive, it may take many weeks/months to understand).
- Real-time Updates:
Utilize JavaScript to make your artwork respond to user input or external factors (e.g., time, date). Explore how these real-time updates can add experiences not possible with static HTML pages.