Overview:
This class introduces modern JavaScript mechanisms for working with graphics and multimedia. Participants will learn the different types of streaming media, 2D and 3D graphics that are available in modern browsers. They will understand the underlying conceptual models that have historically informed implementations of these capabilities, and how these models manifest in JavaScript and web browsers. The relevant data types will be discussed, and a variety of labs will give a chance to get hands-on with each kind of media. We will also spend time seeing how the different kinds of graphical content can be combined (e.g. 3D + texture mapping; Streaming + video overlay; Vector + raster, etc.)
Audience:
NA
Pre-Requisite:
Participants should be thoroughly comfortable with modern JavaScript language and idiom in the browser context, including DOM programming, async patterns, etc
Course Curriculum
| CMAScript 5 properties and property descriptors | |||
| ES5 strict mode Details | 00:00:00 | ||
| Async control flow Details | 00:00:00 | ||
| Deferreds, promises, async.js Details | 00:00:00 | ||
| HTML Video and Audio tags | |||
| Formats Details | 00:00:00 | ||
| Scripting the Video and Audio elements Details | 00:00:00 | ||
| 2D Raster Graphics with Canvas | |||
| Immediate modes vs Retained modes Details | 00:00:00 | ||
| Rendering loops, speed, and timing Details | 00:00:00 | ||
| Animation techniques Details | 00:00:00 | ||
| Compositing techniques Details | 00:00:00 | ||
| Integrating the Video element with Canvas Details | 00:00:00 | ||
| Vector Graphics with SVG | |||
| Manipulating SVG content with Raphael and D3 Details | 00:00:00 | ||
| Mixing vector and raster content Details | 00:00:00 | ||
| 3D Graphics with | |||
| WebGL WebGL via Oak3D and ThreeJS Details | 00:00:00 | ||
| Using 3D to render 2D Graphics Details | 00:00:00 | ||
Course Reviews
No Reviews found for this course.