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



Did you know there has been 9584 earthquakes around the world, just in April? Neither did I…

Follow Me

Find Me In


I have won a number of awards, both for practice and education


I work closely with Adobe as part of their Education Leaders Program