v

您的位置:VeryCD教育计算机


《Lynda.com出品HTML5图形和动画视频教程》(Lynda.com HTML5 Graphics and Animation with Canvas)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Joe Marini
    发行日期2011年
    对白语言英语
    文字语言英文
  • 时间: 2011/06/04 23:20:54 发布 | 2011/06/06 01:15:27 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名Lynda.com出品HTML5图形和动画视频教程
英文名Lynda.com HTML5 Graphics and Animation with Canvas
资源格式光盘镜像
学校Lynda.com
主讲人Joe Marini
发行日期2011年
对白语言英语
文字语言英文
简介

IPB Image

语言:英语
网址: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

IPB Image



目录

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

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有38网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。