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



Everything you need to learn how to #code for the #web in #easy small steps #html5 #css3, from setting up a code ed…

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