OpenGL and 3D in HTML5
An O'Reilly Breakdown
Publisher: O'Reilly Media
Final Release Date: September 2011
Run time: 1 hour 40 minutes

Some of the more notable effects in HTML5 are graphical ones, and the most intricate graphics are 3D, rather than 2D. In this Breakdown, you'll learn about the 3D canvas abilities that HTML5 offers. You'll also need to get your math hat on, because you'll be performing complex transformations, as well as setting up cameras and lighting. If that sounds more like a movie than a web page, then this video will open your eyes to a brand new Web.

It's not uncommon to import a video onto a web page that had great lighting, a fantastic director, and zooming and flying cameras. But as you work through HTML5's 3D capabilities with David Griffiths, you'll get those same effects--without embedding any video at all. You'll also get a handle on the difference between the 3D and 2D canvas, and even learn how you'll need to use a lot of math--but may need nothing more than a good search engine to write great graphical JavaScript.

The experts in the O'Reilly Breakdown live video series not only break down the concepts of difficult and complex subjects, they also demonstrate practical implementation and use. Each episode features an experienced programmer, developer, or software designer working on real-world challenges, ranging from iPad user interface design and multi-tasking on Android phones to caching in cloud-based applications.

Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
O'Reilly MediaOpenGL and 3D in HTML5
 
2.7

(based on 3 reviews)

Ratings Distribution

  • 5 Stars

     

    (0)

  • 4 Stars

     

    (0)

  • 3 Stars

     

    (2)

  • 2 Stars

     

    (1)

  • 1 Stars

     

    (0)

Pros

  • Helpful examples (3)

Cons

    Best Uses

        • Reviewer Profile:
        • Developer (3)

      Reviewed by 3 customers

      Sort by

      Displaying reviews 1-3

      Back to top

       
      2.0

      I don't see a possible target

      By Fale

      from Milan, Italy

      About Me Developer

      Verified Reviewer

      Pros

      • Concise
      • Easy to understand
      • Helpful examples

      Cons

      • Too basic
      • Too pricy
      • Unclear target

      Best Uses

      • Novice

      Comments about O'Reilly Media OpenGL and 3D in HTML5:

      This video speaks about WebGL. WebGL is a non-standard technology that allows web developers to be able to use the power of the user GPU to show fancy 2D and 3D effects. Even if WebGL is not a standard, all the major browsers (out of Internet Explorer 9) have implemented it. The technology, by itself, is very interesting, powerfull and complex.This video gives you the taste of power of this technology, but is far from being complete. I do think that this is an excellent video to be seen if you are evaluating WebGL for a project or evaluating whether you're going to study it or not. In the end, I've been a little bit disappointed by this video, probably because is meant to be for project managers, designers, marketing guys, etc but not programmers. I think this video is good to have a general clue about the technology without entering too much into the thing. As prove of this, I've seen that there is no 'final code' released of the demo (I think it would be a good idea to publish it). If is not meant for programmers, in my two cents, is too much programming focused, so I'm not getting who us the real target.I think that for the use that could have, the price is too high ([$] while I'm writing), unless is possible for a medium/big corporate to buy a license and to show it to dozens of people, but I'm not sure that the license allows this.

       
      3.0

      WebGL is awesome!

      By iabdlkrm

      from Amman, Jordan

      About Me Developer

      Verified Reviewer

      Pros

      • Helpful examples

      Cons

      • Not comprehensive enough

      Best Uses

      • Intermediate

      Comments about O'Reilly Media OpenGL and 3D in HTML5:

      First of all having 3d graphics in your browser is awesome! David did a great job building up the demo with smooth explanations especially 3D jargon ones.

      Most of the time David is copying and pasting code from here and there which makes the idea of having 3D world in a webpage copy-paste easy
      , but with this amount of copy n' paste without knowing what it does specifically and "technically" for each code line is not a good idea for me. He explains the overall of what the code will do but that is not enough.

      What I like in video tutorials and breakdowns is to be able to follow along while code being written. But I couldn't; the code was not shared and with that amount of copy n' paste it's quite impossible. And When I tried start from scratch, finding the required libraries (j3di.js and j3dimath.js) on the web was not easy.

      For a topic like WebGL a video or two is not enough, the video is recommended for those who want to have a demo being built in front of their eyes to see what can be done in html5 canvas and WebGL.

      Bottom line Html5 and OpenGL is the future of the web, and despite the challenges I ran through, I would recommend this video for a friend.

      I received free access to watch this video from O'Reilly Media Inc. for the purpose of writing this review.

      (1 of 1 customers found this review helpful)

       
      3.0

      WebGL is awesome!

      By iabdlkrm

      from Amman, Jordan

      About Me Developer

      Pros

      • Helpful examples
      • Well-written

      Cons

      • Not comprehensive enough

      Best Uses

      • Intermediate

      Comments about O'Reilly Media OpenGL and 3D in HTML5:

      First of all having 3d graphics in your browser is awesome! David did a great job building up the demo with smooth explanations especially 3d jargon ones.
      Most of the time David is copying and pasting code from here and there which makes the idea of having 3d world in a webpage copy-paste easy, but with this amount of copy n' paste without knowing what it does specifically and "technically" for each code line is not a good idea for me. He explains the overall of what the code will do but that is not enough.
      What I like in video tutorials and breakdowns is to be able to follow along while code being written. But I couldn't; the code was not shared and with that amount of copy n' paste it's quite impossible. And When I tried start from scratch, finding the required libraries (j3di.js and j3dimath.js) on the web was not easy.
      For a topic like WebGL a video or two is not enough, the video is recommended for those who want to have a demo being built in front of their eyes to see what can be done in html5 canvas and WebGL.
      The price tag for the video is quite not reasonable; I mean I can have a WebGL reference book with the same amount of bucks (not technically the same but come on! How many we need to master WebGL and you can do the math).

      Displaying reviews 1-3

      Back to top

       
      Buy 2 Get 1 Free Free Shipping Guarantee
      Buying Options
      Immediate Access - Go Digital what's this?
      Video: $34.99
      (Streaming, Downloadable)