A Great HTML5 Website Designed For Animated Movie 'ParaNorman'

A Great HTML5 Website Designed For Animated Movie ‘ParaNorman’

Share on Facebook+1Share on LinkedInShare on TumblrShare on Twitter

‘ParaNorman’ is a recently released animated movie by the makers of ‘Coraline’, the animated movie inspired by Neil Gaiman’s book. What caught my attention was the HTML5 website made for ‘ParaNorman’ where you can get a gist of the storyline, play cool games and also animate your own zombie movie!http://digitalanalog.in/wp-includes/js/tinymce/plugins/wordpress/img/trans.gifThe great thing about this awesome HTML5 website is that it narrates the tale of the central character Norman by using the side stroll function. As you go from left to right you get to know the character inside out, literally. You even understand what went on while creating the animated characters and environments of the fantasy film ‘ParaNorman’. The videos give you insights into the meticulous task that the animation team went through while creating each character of the film. Each step of the way, you’re fed neat tit bits of information in the making of ‘ParaNorman’.

The website is arranged in the form of chapters; you navigate through these chapters of the HTML5 website with the scroll functionality. To view the chapters, click on the ‘Open Menu’ tab on the bottom left corner. The website makes full use of the story telling capabilities of the HTML5 format; with each scroll, a new aspect of the story is revealed.  You can interact with individual elements on some level but the interaction is limited. The content of the website is already a lot and interaction with elements would have been too overwhelming so limited interaction is fine.

The best feature of the website is the chance to make your own basic zombie animated film. The HTML5 website presents a variety of zombies to choose from and you can make them groove to the music exactly like maneuvering a puppet. You can animate individual frames easily with your mouse by shifting the glowing orbits on the bodies of the zombies and clicking a photo of it. The photos are compiled together to create a simple frame by frame animation. It’s a fun concept and requires no skill in animation at all. The product is an animated zombie movie made by you. The HTML5 website gives you the option of also uploading your movie on YouTube page of ‘ParaNorman’. Here’s the direct link to zombie animation feature: ParaNorman animation.

The website is also full of videos and interviews of the makers of the film; hence it gives limelight to the animation team of ‘ParaNorman’. You get information about these ‘not-so-normal’ gentlemen and women who gave years of their lives to make the movie come alive. You have the option of skipping all these videos but I highly recommend you view them at least once to pay due respect to the sheer herculean task that these guys went through to make the film.

Go check out the HTML5 website of ParaNorman here: ParaNorman website. It’ll make your wrist hurt due to all the scrolling but I feel it’s well worth the effort. You can also check out some cool HTML5/ Flash Websites by clicking here: HTML5/ Flash Websites.

A Great HTML5 Website Designed For Animated Movie 'ParaNorman' 1

A Great HTML5 Website Designed For Animated Movie 'ParaNorman' 2

Related posts:

  1. Google Chrome Time Machine: Google Celebrates 4 yrs of Chrome with interactive HTML5 Website
  2. The LEGO Story: An Animated Short that Shows the History of LEGO
  3. Google Recreates the Ramayana in HTML5
  4. Best HTML5 Websites
  5. HTML5 – The Future is Near