developing dreams
WebBy Ian Byrne

WebGL: Another weapon in the 3D printing revolution

My Robot Nation — customisable mix-and-match robots modelled in the browser with WebGL

Browser-based 3D is taking a giant leap forward thanks to a technology called WebGL. It isn’t fully supported by Internet Explorer or Apple ios yet (though jailbreakers on ios have ways and there is reportedly an Apple hack).

But if you are reading this on a mac or pc using a recent version of Firefox, Chrome, Opera or Safari then slip your brain into neutral because it’s time to take a trip…

Hold on.. what is WebGL again?

If you want to get technical, it is a royalty-free web standard that uses the HTML5 canvas element, access to your graphics hardware, and a JavaScript API to create real-time 2D or 3D graphics.

If you don’t, try this: WebGL (Web Graphics Library) is a technology that makes 2D and 3D graphics run in your browser without any plugins. The results display in real-time, are as smooth as a marble, and allow the user to interact with them. It can be used for in-browser gaming, visualisation of dynamic data, physics simulations, interactive film, twitter streams and just about anything else you want to turn into exploratory and lovingly created eye candy. It can also interact very neatly with your webcam, microphone or anything else you choose to use to input data into your computer – including Kinect.

What does that have to do with 3D Printing?

Sites that are producing 3D models for print are already taking advantage of Web GL technology. Here are a few examples where the technology has been put to good use:

My Robot Nation

My Robot Nation — customisable mix-and-match robots modelled in the browser

These guys were early adopters, using web GL to display customisable mix and match robots that you can then send to their colour 3D printer, and were subsequently bought by 3D Systems – one of the current behemoths in the industry. Nervous System design studio’s cell cycle works on a similar principle. It is a Web GL design app that allows you to dynamically model your own personal customised jewellery based on naturally occurring patterns.

3DTin

3DTin — an in-browser 3D modelling suite
See the models others have made or make your own in this 3D modelling experience

Fancy trying an online 3D modelling suite that sits in your browser? This one is free to play with and you can save your models in the cloud or export them as STL, OBJ or Collada files then take your model to a 3D printers.

Willit3dprint

Willit3dprint — checks how well a 3D model will print

If you already have your model but want to check how well it will print, this is the site for you. Made by 3D print consultants Econolyst Ltd, it uses WebGL to assess the model quickly and securely on your own machine and, as with all these examples, doesn’t require you to install anything to use it.

3Dfile.io

3Dfile.io — drop and display 3D models at a custom URL

If your 3D model is perfected and you want to show the world, you can just drop it here. No sign up or login is required and your STL (binary), PLY, 3DS, OBJ and SolidWorks, Pro/Engineer Creo, Siemens NX, CATIA, Autodesk Inventor, IGES are displayed using Web GL at a custom URL.

You can expect to see lots more companies from the 3D print industry kissing Flash goodbye and eagerly adopting the slicker, speedier experience that is WebGL for new and innovative sites.

Erm, you mentioned taking a trip?

Innovation is always the name of the game with new technology. Tear it to bits, put it back together and see what you can create. These guys have taken their imagination and stirred it up with technology to create some truly mind bending experiences:

3 Dreams of Black

3 Dreams of Black — interactive WebGL film

Prepare for a feast of visual and auditory excellence in these 2D and 3D interactive dream sequences that combine video. This is one of the sites setting the benchmark for interactive film.

Lights

Lights — an interactive musical WebGL experience for Ellie Goulding

Highly colourful and interactive musical experience for artist Ellie Goulding. Great to see the guys who created this – HelloEnjoy – are fellow Brightoners. Howdy! They have also written a good behind the scenes article.

Chrysora

Chrysora — a WebGL jellyfish experiment

Click and drag to turn somersaults under water around beautifully rendered moving jellyfish

Alcatraz Azathioprine

Alcatraz Azathioprine — a post-apocalyptic WebGL scene

Ever felt like you’ve been dropped into a post-apocalyptic dystopian jail. No? Well, here’s your chance.

Emotiglobe

Emotiglobe — real-time Twitter sentiment rendered on a globe

Exactly how positive or negative is your part of the world feeling at this moment? This example uses real-time data from Twitter to let you know.

Little Sun Light Graffiti

Little Sun Light Graffiti — light drawings rendered on an interactive globe

Visitors to the Tate Modern were invited to create light graffiti by dancing, jumping, and writing out with a Little Sun in their hand. The results are beautifully rendered on an interactive globe. Part of a bigger project that provides solar-powered lamps for those in the world without electricity

100,000 stars

100,000 stars — an interactive map of our stellar neighbourhood

Take a ride through the 100,000 stars that make up our stellar neighbourhood, incredible use of data as all the stars are named and plotted in this interactive experience.

Nouvelle Vague by Ultranoir

Nouvelle Vague by Ultranoir — 3D art driven by a Twitter feed

Take a whole slew of incredibly rendered beautiful 3D art, add a Twitter feed with your favourite hashtag and this is what you get.

Mr Doob

Mr Doob — WebGL experiments by the driving force behind three.js

The technical director of Ro.me and a widely recognised WebGL wizard and a driving force behind JavaScript library three.js. This interactive video presentation he created is awesome, and after your long and at times ethereal journey you may just like to hang out on his clouds.