中文名: Lynda.com出品HTML5圖形和動畫視頻教程
英文名: Lynda.com HTML5 Graphics and Animation with Canvas
資源格式: 光盤鏡像
學校: Lynda.com
主講人: Joe Marini
發行日期: 2011年
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：http://www.lynda.com/HTML-5-tutorials/HTML5-Graphics-and-Animation-with-Canvas/80782-2.html
類別：教程
Lynda.com 出品的時長3小時7分鐘的 HTML5圖形和動畫視頻教程。由Joe Marini 講述畫布背後的技術概念，並介紹如何執行繪制在網頁中直接操作。課程內容包括繪制基本和復雜的形狀，顏色和樣式設置，添加陰影，如縮放，圖案和漸變，更先進的技術，旋轉，合成對象，以及如何將在幻燈片和動畫canvas元素。練習文件將包括在該課程。
One of the most exciting additions that HTML5 offers to designers is the ability to draw free-form graphics on a drawing surface known as the Canvas. In this course, author Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a web page. The course covers drawing basic and complex shapes, setting colors and styles, adding shadows, patterns, and gradients, more advanced techniques such as scaling, rotating, and compositing objects, and how to incorporate Canvas elements in a slideshow and an animation. Exercise files are included with the course.
Topics include:
Understanding the differences between Canvas and SVG Graphics
Drawing shapes
Drawing arcs and paths
Rendering text
Using clipping paths
Drawing images and video
Transforming objects with the translate tag
Manipulating raw pixels
Applying a custom transformation
Creating an animation or slideshow control with Canvas
Course name: HTML5: Graphics and Animation with Canvas
Author: Joe Marini
Duration: 03h 07m
Released on: 6/3/2011

目錄:
Introduction
Welcome 01m 03s
Using the exercise files 02m 03s
Using the HTML5 Canvas element in the real world 01m 48s
10m 31s
1. Examples of Current HTML5 Sites Real-world example: CanvasMol 02m 09s
Real-world example: Raphaël-JavaScript Library 01m 47s
Real-world example: The Wilderness Downtown 04m 01s
Real-world example: Sketchpad 01m 10s
Real-world example: Pirates Love Daisies 01m 24s
03m 28s
2. Setting Up Your Workspace Installing the tools 01m 29s
Exploring the Canvas examples used in this course 01m 59s
08m 58s
3. Introducing the Canvas Element Introducing the Canvas tag 06m 30s
Understanding the differences between Canvas and SVG 02m 28s
05m 36s
4. Understanding the Canvas Element and 2D Drawing API Identifying the Canvas element's methods and properties 01m 40s
Using the Canvas drawing context 03m 56s
43m 14s
5. Basic Canvas Drawing Techniques Setting and using colors and styles 03m 19s
Drawing basic shapes: Rectangles and lines 10m 21s
Understanding the Canvas state 05m 15s
Drawing complex shapes: Arcs and paths 09m 15s
Drawing complex shapes: Bézier and quadratic curves 05m 46s
Rendering text 09m 18s
32m 35s
6. Complex Canvas Drawing Techniques Creating shadows 06m 41s
Drawing with patterns 07m 20s
Drawing with gradients 06m 18s
Using clipping paths 04m 46s
Drawing images and video 07m 30s
35m 42s
7. Advanced Canvas Drawing Operations Transforming objects using the translate tag 04m 18s
Scaling objects with the scale transformation 04m 07s
Rotating objects with the rotate transformation 04m 33s
Applying a custom transformation 06m 58s
Compositing in Canvas using globalAlpha 06m 36s
Manipulating raw pixels 09m 10s
41m 23s
8. Building Practical Examples Building an image slideshow control 04m 24s
Using smooth transitions in a slideshow 04m 28s
Creating a basic animation 05m 42s
Creating animation with double buffering 13m 13s
Incorporating Canvas into a real page 13m 36s
00m 48s
Conclusion Goodbye 00m 48s
代碼

.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS
· ───────────────────────────────────────────────────────────────────────── ·
HTML5 Graphics and Animation with Canvas
(c) Lynda.com
Supplier . : QUASAR Size ..... : 32 x 15MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 06–03–2011 OS ....... : Win/Mac
· ───────────────────────────────────────────────────────────────────────── ·
HTML5 Graphics and Animation with Canvas
Author: Joe Marini
One of the most exciting additions that HTML5 offers to designers
is the ability to draw free–form graphics on a drawing surface
known as the Canvas. In this course, author Joe Marini introduces
the technical concepts behind Canvas and shows how to perform
drawing operations directly in a web page. The course covers
drawing basic and complex shapes, setting colors and styles,
adding shadows, patterns, and gradients, more advanced techniques
such as scaling, rotating, and compositing objects, and how to
incorporate Canvas elements in a slideshow and an animation.
Exercise files are included with the course.
Topics include:
* Understanding the differences between Canvas and SVG Graphics
* Drawing shapes
* Drawing arcs and paths
* Rendering text
* Using clipping paths
* Drawing images and video
* Transforming objects with the translate tag
* Manipulating raw pixels
* Applying a custom transformation
* Creating an animation or slideshow control with Canvas
· ───────────────────────────────────────────────────────────────────────── ·
INSTALLATION
────────────
Unpack, burn or mount and enjoy.
· ───────────────────────────────────────────────────────────────────────── ·
GREETINGS
─────────
We salute our friends, our loyal members and our fair competitors.
· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·

下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者後果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版