Week 2

Spatial Narratives via Web Graphics

62-633 F'17

This course is a research seminar that will explore affordances of spatial narratives by experimenting with various web graphics technologies.

Course Logistics

• Syllabus / Course Repository github.com/eddymankim/snwg
• Course Website / Gallery
  snwg.eddyman.kim
• Course Slack
  snwg.slack.com
• Enrollment Survey
  https://goo.gl/forms/ej3iri3KQvEyWaSt2

Goals

Let's go beyond the obvious. Stay away from overly utilitarian and/or commercial approaches. Let us strive to challenge, accentuate, and intertwine the following spatial concepts:

• Dimensionality
• Materiality
• Scale

Dimensionality

Materiality

Scale

Motivation

Technology as Humanoid Extension

Changing Perceptions

Changing Intuition

At the Tip of the Iceberg

Interface Design

For your consideration

Sketchfab

Modelo

Playcanvas

Cl3ver

Graphics Programming is a lot of work

• Buffers
• RenderBuffer
• FrameBuffer
• Textures
• Blending
• Depth buffer
• Stencil buffer
• Uniform variables
• Attribute variables

Three.js

Three.js

THREE Fab

Three.js Editor

Intro to Three.js

Fluid Simulation

Andrew Marsh

ACNPL

Alex Motzenbecker

URWHATUPOST

3D Nyan Cat

Impress.js

SVG Animations

Sketches by Yiwen Lin

A Short Journey

Dennis Music Video

ROME

What to do now

• Decide now if you will stay in this class
• Finalize class time / location
• Get familiar with the course repository
• Get familiar with Foundation
• Set up your local dev environment
• Attempt to create a new Jekyll post