The WebGL content shown above is created with the ThreeJS Library. The invader is created by drawing the shape onto a 2D canvas and extruding using the THREE.ExtrudeGeometry feature. Two torus (doughnut) shapes are placed on the outside of this from ThreeJS primitives and the background image is cubemapped as a reflection texture onto the models. Click and drag to change the viewing angle.
Web Space Invader is the online portfolio work of Mark Shufflebottom a Motion and Interaction Designer. Mark is currently working as Professor of Interaction Design at Sheridan College, Ontario, Canada. Mark is also an Adobe Education Leader, writer and speaker.
I ♥ to play with technology and design with code.
I work across a diversity of different media creating responsive web sites, Apps and broadcast quality motion graphics. The video shown here reflects the style of motion graphic design that I produce.
As an interaction designer I specialize in creating playful experiences to enhance users engagement with products and brands