資料介紹

• 網頁編程教程
• 計算機資料
• javascript視頻教程

語言：英語
網址：http://www.lynda.com/CreateJS-tutorials/EaselJS-First-Look/108135-2.html
類別：教程

由Lynda出品的JavaScript庫EaselJS教程。
教學時長：1小時28分鐘，
主講：Ray Villalobos
教程所使用的軟件：CreateJS, EaselJS



EaselJS是一個封裝了HTML5 畫布(Canvas) 元素的JavaScript 庫，它使得創建交互式Web內容更簡單，更直觀 。本課程為網頁設計師，動畫師，和內容創作者用於使用Adobe Flash和ActionScript這項新的開放網絡標准工作。Ray Villalobos介紹了EaselJS框架和HTML5 Canvas元素，以及他們的網頁設計能力，使用EaselJS的輔助類和層次的顯示列表加載圖片，繪制，動畫，和處理鼠標輸入的游客。

EaselJS is a free JavaScript library that makes creating interactive web content for HTML5 more straightforward and intuitive. This course transitions web designers, animators, and content creators who may be used to working with Adobe Flash and ActionScript to this new open web standard. Author Ray Villalobos first explains the capabilities of the EaselJS framework and the HTML5 Canvas element, and what they mean for web design. The rest of the course shows how to use EaselJS’s helper classes and hierarchal display list to load images, draw, animate, and handle mouse input from visitors.


Topics include:
Installing EaselJS
Understanding how Canvas draws and animates
Drawing lines and strokes
Drawing with graphic primitives
Using the chaining and compacting commands
Animating shapes
Working with text
Importing bitmaps and vector graphics
Working with sprite sheets
Handling mouse events