HTML5 Canvas, 2nd Edition
Native Interactivity and Animation for the Web
Publisher: O'Reilly Media
Final Release Date: April 2013
Pages: 750

Flash is fading fast as Canvas continues to climb. The second edition of this popular book gets you started with HTML5 Canvas by showing you how to build interactive multimedia applications. You’ll learn how to draw, render text, manipulate images, and create animation—all in the course of building an interactive web game throughout the book.

Updated for the latest implementations of Canvas and related HTML5 technologies, this edition includes clear and reusable code examples to help you quickly pick up the basics—whether you currently use Flash, Silverlight, or just HTML and JavaScript. Discover why HTML5 is the future of innovative web development.

  • Create and modify 2D drawings, text, and bitmap images
  • Use algorithms for math-based movement and physics interactions
  • Incorporate and manipulate video, and add audio
  • Build a basic framework for creating a variety of games
  • Use bitmaps and tile sheets to develop animated game graphics
  • Go mobile: build web apps and then modify them for iOS devices
  • Explore ways to use Canvas for 3D and multiplayer game applications
Table of Contents
Product Details
About the Author
Colophon
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyHTML5 Canvas, 2nd Edition
 
4.3

(based on 4 reviews)

Ratings Distribution

  • 5 Stars

     

    (1)

  • 4 Stars

     

    (3)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

67%

of respondents would recommend this to a friend.

Pros

  • Accurate (3)

Cons

    Best Uses

    • Intermediate (3)
      • Reviewer Profile:
      • Developer (4)

    Reviewed by 4 customers

    Sort by

    Displaying reviews 1-4

    Back to top

     
    5.0

    Deep and clear overview of HTML 5 Canvas

    By keul

    from Italy

    About Me Designer, Developer

    Verified Reviewer

    Pros

    • Concise
    • Easy to understand
    • Helpful examples
    • Well-written

    Cons

      Best Uses

      • Intermediate

      Comments about oreilly HTML5 Canvas, 2nd Edition:

      First chapters are great, but it's like HTML 5 Canvas are useful only for games developer (nothing against it) but if you keep reading you'll find some other great chapters with a lot of powerful features.

       
      4.0

      Simple JavaScript but good analysis

      By keul

      from Ferrara, Italy

      About Me Developer

      Pros

      • Accurate
      • Concise

      Cons

      • Too basic

      Best Uses

      • Novice

      Comments about oreilly HTML5 Canvas, 2nd Edition:

      The analysis of the power of HTML 5 Canvas is really detailed and you can find also some good external reference to good articlet, libraries, etc.

      Example are quite good but they are presented using bad JavaScript approach, like global vars (let's say: now as "JavaScript the good part" teach).

      However: a very good book if you want to learn Canvas usage.

      (2 of 2 customers found this review helpful)

       
      4.0

      Good reference book

      By Przemysław

      from Kraków

      About Me Developer

      Verified Reviewer

      Pros

      • Accurate

      Cons

        Best Uses

        • Expert
        • Intermediate

        Comments about oreilly HTML5 Canvas, 2nd Edition:

        I'm not new to canvas and before reading HTML5 Canvas I was curious what new I can learn.

        HTML5 Canvas is good book. It is good reference for canvas. It provides examples about drawing shapes, texts, raster images e.g. from PNG, JPEG. There is nice JavaScript library: Box2DWeb for animating physics & drawing it on canvas. There also examples how to mix HTML5 video and canvas. Two chapters are devoted to canvas games. Authors implemented Geo Blaster and Micro Tank Maze.

        Book covers canvas really well, but examples need to be polished. Every author writing about technology which draws/presents stuff should prepare good-looking examples. It's much more pleasant to learn by eye-candy exercises.

        PDF version of HTML5 canvas has 749 pages. I'm not sure whether it makes sense to include full listings when code is available as a separate archive to download.

        (3 of 3 customers found this review helpful)

         
        4.0

        Great Book, Tonnes of Code

        By The Professional Heretic

        from Independence, MO

        About Me Developer

        Verified Reviewer

        Pros

        • Accurate
        • Easy to understand
        • Well-written

        Cons

        • Code Overkill

        Best Uses

        • Expert
        • Intermediate

        Comments about oreilly HTML5 Canvas, 2nd Edition:

        I recently read HTML5 Canvas, 2nd Edition by Steve Fulton and Jeff Fulton. As usual, the disclaimer is that I received a copy of the book for free in return for the review. In this case, I am very glad that I was able to read and review this book. I'm not a designer, I know enough about Illustrator and Photoshop to be dangerous, I'm a programmer by comfort level, so this book is really geared for me.

        Most of the book is centered on Javascript and how to leverage that to create some very interesting experiences with the canvas element. A lot of the book is focused on game development, which with today's programming trends, makes a lot of sense. However they also do an excellent job covering audio and video inside a canvas element as well. Overall, the book does an excellent job with building up from the absolute basics to some very advanced effects.

        My only criticism of the book would be that there is, strangely, too much code. In many of the chapters, when they build on the code, you not only get the new additions ,but then they give you the entire code with the new additions. In one chapter that meant 16 different examples which were all built on each other. I am more accustomed to tech books which tell you to replace or insert the new code at a particular point and then move on. I know this is a style choice, but to me, it makes the book easier to get through.

        However, that really is my only criticism. The book is well-written, explains the concepts thoroughly, and the ebook versions link you to the libraries they use throughout the programming to make it simpler for you to follow along. By the end, I felt like I understood the subject. I would certainly suggest that anyone reading this book have a good grasp of Javascript before they start. There is no unnecessary hand-holding to bring you up to speed. You're expected to know the material, which is a positive to my mind, and then go farther with their information. By the time you finish the book, you will go far indeed!!!

        HTML5 Canvas, 2nd Edition is a good book and well worth the price if you want to have a lot of fun seeing what you can do with the canvas element.

        Displaying reviews 1-4

        Back to top

         
        Buy 2 Get 1 Free Free Shipping Guarantee
        Buying Options
        Immediate Access - Go Digital what's this?
        Ebook: $38.99
        Formats:  DAISY, ePub, Mobi, PDF
        Print & Ebook: $49.49
        Print: $44.99