Pattern, Part B

Consider this project an exercise in creating an abstract interface.

Abstraction in the browser

• Notes on Abstract Browsing
• Arrangement Collage
• jodi.org
• Ryoji Ikeda

Brief

You will create a second Javascript pattern and a “control panel” to match. Your pattern should utilize setTimeout/setInterval methods and CSS keyframes to animate. You will then introduce a variety of eventListeners to facilitate interactivity.

• Consider some of the recent Interface Research Blocks that you find particularly interesting. How would you begin to abstract them? What patterns might you find?
• Consider What elements of Pattern Part A remind you most of an “actual” website—how might you utilizie these elements in your Pattern Interface?
• Consider what aspects of your “control panel” might integrate with the pattern and what aspects may remain clearly separate.

Sidenote

*While you are free to use your pattern from Part A as a starting point, please consider how you might develop it into an interface.

Timeline

• Week 1: Gather a collection of pattern and interface references. Highlight what elements you find compelling. You should have 4-6 references by next week. Sketch out your pattern statically or in code—identify the components that you would like to animate (and how), along with the components you would like to manipulate with your interface.
• Week 2: Continue developing your project in code. Consider the feedback you received from your group.
• Week 3: Finalize your code and be ready to present.