Get $500+ of the best After Effects files, video templates and music for only $20!

Browsing Tag

EaselJS

Build an Image Editor With EaselJS, jQuery, and the HTML5 File API – Tuts+ Premium
plus

Build an Image Editor With EaselJS, jQuery, and the HTML5 File API – Tuts+ Premium

In this Premium tutorial, using the HTML5 Canvas and File APIs, we’ll create a full-blown picture editor, with features on par with some desktop applications – including simple transformations like skewing and rotating, and more complicated filters like Gaussian blurring, embossing, and edge detection. For this, we will use the EaselJS library and jQuery.

oCanvas: A jQuery- and Flash-Style Library for HTML5 Canvas

oCanvas: A jQuery- and Flash-Style Library for HTML5 Canvas

With the advent of tools like Adobe Edge and libraries like EaselJS, more resources are becoming available for developers looking to create interactive HTML5 content. Many of these tools are being geared specifically for Flash developers to make the transition from ActionScript to HTML5 canvas a smooth one. This article will overview oCanvas, an HTML5 library that developers might not only find invaluable but also very easy to use.

Create a Simple Space Shooter Game in HTML5 With EaselJS: Tuts+ Premium
plus

Create a Simple Space Shooter Game in HTML5 With EaselJS: Tuts+ Premium

It’s Premium time again! To kick off our Shoot-’Em-Up Session (and to follow up on last year’s Flash and AS3 shooter tutorial), Carlos Yanez has written a tutorial that’ll teach you how to create a simple space shooter game with HTML5 and the EaselJS library.


This entry is part 2 of 14 in the Shoot-’Em-Up Session
Create a Pong Game in HTML5 With EaselJS – Tuts+ Premium
plus

Create a Pong Game in HTML5 With EaselJS – Tuts+ Premium

It’s Premium tutorial time! This week, Tuts+ members will learn how to use the EaselJS JavaScript library (along with SoundJS and TweenJS) to create a version of the classic Pong game in HTML5.

Create a Whack-a-Mole Game in HTML5 With EaselJS – Active Premium
plus

Create a Whack-a-Mole Game in HTML5 With EaselJS – Active Premium

A couple of months ago, Carlos showed Premium members how to create a Whack-a-Mole game using Flash and AS3. Now, following on from Monday’s introduction to EaselJS, he’ll explain how to use that library to create the same game with the HTML5 canvas and JavaScript.

Getting Started With EaselJS: A Flash-Like Interface for the HTML5 Canvas

Getting Started With EaselJS: A Flash-Like Interface for the HTML5 Canvas

There’s been some resistance from Flash developers to our new HTML5 content. In this article – aimed at experienced AS3 coders – we’ll look at EaselJS, a JavaScript library that makes working with the HTML5 canvas very similar to working with the Flash display list.