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.





Design

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


Twitter

@webspaceinvader

@photonstorm Thanks for creating Phaser, it's awesome :D
Mon 20th Oct 14 08:57

Follow Me

Find Me In



Awards

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

Education

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