Emerging technologies

Build a portfolio-level piece that works with new and emerging technologies. Students will create a unique and memorable experience through the combination of both sound and visuals

Three possible directions for this assignments include:

  1. creating an augmented reality experience using SparkAR to create an instagram/facebook filter
  2. working with the Virtual Reality class to create motion graphics for the Voyage to Mars experience
  3. Use p5.js, a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, to create a motion graphic

Solutions will show a deepened understanding of user experience design, sound design and a curiosity in working with new technologies.



For any of the three directions you decide to work in, the first step is research. Both SparkAR and p5js have tons of documentation and tutorials, both on their own websites and user contributed projects on youtube and other platforms.

For the VR direction, you will be collaboratively creating information graphics and heads up displays. You will use both basecamps and discord to correspond with your team. Begin with researching other heads up displays and see the common conventions that they use.


Explore a variety of approaches and media. Be inventive and push your creativity. Explore and perform typographic experiments using a variety of 2D and 3D materials and processes. Look at ways of hybridization working back and forth between physical and digital making. 

All imagery created must be your own. You may use any combination of processes and imagery this may be accomplished by lettering, drawing, illustration, photography/video, stop motion, 3D built, collage, etc.

Consider implementing a different method for each animation and/or creating a visual system that connects them. Formal aspects such as, type style, image, composition, color, texture, shape, perspective, weight, scale, foreground/background – are all vital in how your pieces might relate. 


The first step in creating an animation is storyboarding your animation to create a proof of concept.

This sequence of drawn or digitally created panels will depict the main sections of your animation. What you want to think about here is what is going to be on the screen.


Designers work sound into their experience design to create an immersive experience. The sound will compliment the piece or further its meaning.


  • Photoshop, After Effects, CSS animation
  • RGB 
  • No smaller than 300 x 300 px
  • (GIF’s smaller loads faster,
  • limited color pallet loads faster)
  • Must include at least 100 frames no more than 500
  • After Effects: MP4 or MOV,  frame rate 22 fps reduces file size without losing quality

– – – – – – – – – – – – – – – – – – – – – – – – – –