Core HTML5 Canvas: Graphics, Animation, and Game Development (Paperback) (核心 HTML5 畫布:圖形、動畫與遊戲開發)

David Geary

  • 出版商: Prentice Hall
  • 出版日期: 2012-05-14
  • 售價: $2,100
  • 貴賓價: 9.5$1,995
  • 語言: 英文
  • 頁數: 752
  • 裝訂: Paperback
  • ISBN: 0132761610
  • ISBN-13: 9780132761611
  • 相關分類: HTML
  • 立即出貨 (庫存=1)

買這商品的人也買了...

相關主題

商品描述

Free chapters and the book's code are available at CoreHTML5Canvas.com

One of HTML5's most exciting features, Canvas provides a powerful 2D graphics API that lets you implement everything from word processors to video games. In Core HTML5 Canvas, best-selling author David Geary presents a code-fueled, no-nonsense deep dive into that API, covering everything you need to know to implement rich and consistent web applications that run on a wide variety of operating systems and devices.
 
Succinctly and clearly written, this book examines dozens of real-world uses of the Canvas API, such as interactively drawing and manipulating shapes, saving and restoring the drawing surface to temporarily draw shapes and text, and implementing text controls. You'll see how to keep your applications responsive with web workers when you filter images, how to implement smooth animations, and how to create layered, 3D scrolling backgrounds with parallax. In addition, you'll see how to implement video games with extensive coverage of sprites, physics, collision detection, and the implementation of a game engine and an industrial-strength pinball game. The book concludes by showing you how to implement Canvas-based controls that you can use in any HTML5 application and how to use Canvas on mobile devices, including iOS5. This authoritative Canvas reference covers 
  • The canvas element--using it with other HTML elements, handling events, printing a canvas, and using offscreen canvases
  • Shapes--drawing, dragging, erasing, and editing lines, arcs, circles, curves, and polygons; using shadows, gradients, and patterns
  • Text--drawing, positioning, setting font properties; building text controls
  • Images--drawing, scaling, clipping, processing, and animating
  • Animations--creating smooth, efficient, and portable animations
  • Sprites--implementing animated objects that have painters and behaviors
  • Physics--modeling physical systems (falling bodies, pendulums, and projectiles), and implementing tweening for nonlinear motion and animation
  • Collision detection--advanced techniques, clearly explained
  • Game development--all aspects of game development, such as time-based motion and high score support, implemented in a game engine
  • Custom controls--infrastructure for implementing custom controls; implementing progress bars, sliders, and an image panner
  • Mobile applications--fitting Canvas apps on a mobile screen, using media queries, handling touch events, and specifying iOS5 artifacts, such as app icons 
Throughout the book, Geary discusses high-quality, reusable code to help professional developers learn everything they really need to know, with no unnecessary verbiage. All of the book's code and live demonstrations of key techniques are available at CoreHTML5Canvas.com.

商品描述(中文翻譯)

《核心HTML5 Canvas》是暢銷作家大衛·吉瑞(David Geary)所著,該書提供了免費章節和書中的程式碼,可在CoreHTML5Canvas.com網站上獲取。Canvas是HTML5最令人興奮的功能之一,它提供了一個強大的2D圖形API,讓您可以實現從文字處理器到視頻遊戲的各種應用。本書深入探討了Canvas API,以代碼為基礎,深入淺出地介紹了實現豐富且一致的網絡應用所需的一切知識,這些應用可以在各種操作系統和設備上運行。

本書簡潔明瞭地介紹了Canvas API的許多實際應用,例如互動繪製和操作形狀、保存和恢復繪圖表面以臨時繪製形狀和文字、實現文字控件等。您將學會如何在過濾圖像時使用Web Worker使應用程序保持響應,如何實現平滑動畫,以及如何創建具有視差效果的分層3D滾動背景。此外,您還將學會如何使用精靈、物理引擎、碰撞檢測以及實現遊戲引擎和強大的彈珠遊戲等來實現視頻遊戲。本書最後還介紹了如何在任何HTML5應用程序中使用基於Canvas的控件,以及如何在移動設備上使用Canvas,包括iOS5。

這本權威的Canvas參考書涵蓋了以下內容:
- Canvas元素:與其他HTML元素一起使用、處理事件、打印Canvas以及使用離屏Canvas
- 形狀:繪製、拖動、擦除和編輯線條、弧線、圓、曲線和多邊形;使用陰影、漸變和圖案
- 文字:繪製、定位、設置字體屬性;構建文字控件
- 圖像:繪製、縮放、裁剪、處理和動畫
- 動畫:創建平滑、高效且可移植的動畫
- 精靈:實現具有繪製器和行為的動畫對象
- 物理:建模物理系統(下落物體、擺錘和彈射物),並實現非線性運動和動畫的插值
- 碰撞檢測:清晰解釋高級技術
- 遊戲開發:遊戲開發的各個方面,如基於時間的運動和高分支持,實現在遊戲引擎中
- 自定義控件:實現自定義控件的基礎;實現進度條、滑塊和圖像平移器
- 移動應用:將Canvas應用程序適應移動屏幕,使用媒體查詢,處理觸摸事件,指定iOS5的特定元素,如應用程序圖標

在整本書中,吉瑞討論了高質量、可重用的代碼,以幫助專業開發人員學習他們真正需要了解的一切,沒有不必要的冗言。書中的所有代碼和關鍵技術的實時演示都可以在CoreHTML5Canvas.com網站上找到。