3D objects in HTML

3D objects in HTML

You know when you search around trying to find out how to achieve a particular task and you stumble on something¬† that is so unique…

I was looking for a way to have two layers moving acorss each other very slowly – Sky Sports TV adverts used it about a year ago – the effect is like creating a 3D moving scene from a 2D image. I found a jQuery technique called parallax scrolling. Parallax is a term I haven’t seen since the days of Commodore64 computer games. The jquery worked, although the smoothness of the animation was more akin to the movement of a space invader on the Atari 2600!

I then got to thinking that what I needed was an 3D animation package. Seeming as I don’t do Flash, it left me with Blender, an amazing Open Source 3D animation package, a bit like 3D Studio Max. Whilst looking through some examples I found a technique called 3D camera mapping and an excellent example video

So, I can create a parallax effect in Blender, but how do I get it into a HTML page? I could export from Blender straight to Flash flv files but that seemed like using a sledgehammer to crack a nut.

So, it seems you can actually embed blender animations directly into a HTML page, for an example see here.

Oliver Partridge

Building websites since 2000, I have a wealth of experience in eMarketing, SEO, e-mail marketing and social media marketing. Google+ and Twitter

Leave a Reply


  • Cookies and the EU Privacy DirectiveCookies and the EU Privacy Directive

    Cookies and the EU Privacy Directive

    Website Design & Development

    The Information Commissioners Office (www.ico.gov.uk) released last year new EU Privacy Directives targeted at cookie use on websites Related posts: Script for obtaining consent for

  • Analysing your website visitors through Statistics

    Website Design & Development

    Every website we build comes with Google Analytics integration, the most accurate way to gather statistical information not only from your website, but also from

  • (not provided) in Google analytics(not provided) in Google analytics

    (not provided) in Google analytics

    Website Design & Development

    October 18th saw a big change to how Google deals with users that are logged into one of Googles services and how this affects keyword