Lynda.com出品HTML5图形和动画视频教程 Lynda.com HTML5 Graphics and Animation with Canvas [光盘

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0

资源信息： 中文名: 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 未经过安装测试与安全检测，使用者后果自负与本论坛无关 软体版权归原作者及其公司所有，如果你喜欢，请购买正版