Create three original compositions that are dynamically drawn. Take inspiration from the work of artists and designers as you chart your own personal approach to imagemaking.
Look at the work of your favorite artists and designers. What draws you to this work? How would you describe the marks, lines, shapes, forms, colors, and textures in the work? What do you like about the composition of the work? Where would you place the work in the space between simplicity and complexity?
Use traditional tools to sketch out some ideas—draw and collage images, experiment with composition, play with line, shape, texture, and palette.
Select your favorite sketch and reproduce it in digital media using Canvas and JavaScript. Expand and refine your ideas as you build your project—be open to accidents and mistakes that suggest a new direction. The creative process is rarely linear; experiment, reflect, and refine to iterate your way to a better design.
When your first digital composition is complete, go back to the Prepare stage—sketching, collaging, experimenting—and create two more compositions that connect to your first. Think of the composition as a series; connect them through their palette, shapes, texture, and composition. Include enough variation from one composition to another to create variety and sustain the interest of your audience.
Build three HTML pages, one for each composition. Code a simple HTML menu interface that lets a user move from one composition to another.
Organize your files—create a clear folder-and-file hierarchy for your site and follow file naming conventions for the web. Make your code legible—add comments, give descriptive names to your variables and functions, and add spaces to indent lines of code that form a logical group. Upload your project to the web and test it out in different browsers and platforms to verify it works in a variety of hardware-software configurations.