You are previewing Instant EaselJS Starter.
O'Reilly logo
Instant EaselJS Starter

Book Description

Build innovative and engaging HTML5 canvas applications for your mobile and desktop browsers

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.

  • Learn to create interactive web content with the latest version of EaselJS framework and the HTML5 Canvas element

  • Starts with the basics and you will soon find yourself creating responsive and customized applications

  • Learn how to use EaselJS, TweenJS, and PreloadJS to create user interfaces and interactive animations

In Detail

EaselJS, created by Grant Skinner, greatly simplifies application and game development in HTML5 Canvas and allows for the creation of an amazing user experience with a look, feel, and behaviour similar to native iOS and Android applications.

Instant EaselJS Starter is a starter guide that provides you with all the information you need to quickly create HTML5 canvas web applications. You will also learn how to use the other CreateJS tools like PreloadJS, TweenJS, Zoë and the CreateJS Toolkit to create fancy user experiences.

This book provides an introduction of the most important and useful features of EaselJS which is a part of the CreateJS suite, a JavaScript library for building rich and interactive Web Content. It will take you through a number of clear and practical tasks that will help you to create your first responsive HTML5 Canvas applications.

Table of Contents

  1. Instant EaselJS Starter
    1. Instant EaselJS Starter
    2. Credits
    3. About the Author
    4. About the Reviewers
    5. www.packtpub.com
      1. Support files, eBooks, discount offers and more
    6. www.packtlib.packtpub.com
      1. Why Subscribe?
      2. Free Access for Packt account holders
    7. Instant EaselJS Starter
      1. So, what is EaselJS?
      2. Installation
        1. Step 1 – what do I need?
        2. Step 2 – downloading EaselJS
        3. Step 3 – creating the project folder
        4. Step 4 – importing the EaselJS library
        5. And that's it!!
      3. Quick start – creating your first canvas application
        1. Step 1 – creating the HTML template
        2. Step 2 – creating a "Hello World" example
      4. Top 8 features you'll want to know about
        1. Drawing graphic primitives
          1. Chaining
          2. Tiny API
          3. Shapes and lines
          4. Fills
          5. Borders
          6. Lines and stroke style
        2. Displaying the text
          1. Multiline text
        3. Images and PreloadJS
          1. Loading images with JavaScript
          2. PreloadJS
        4. The display list and the display objects
          1. The display list
          2. Containers
          3. Registration point
        5. The MouseEvent class
          1. The enableMouseOver and cursor properties
          2. The addEventListener method
        6. Animation with TweenJS and the Ticker class
          1. TweenJS
          2. TweenJS and the registration point
          3. TweenJS and containers
        7. Spritesheets and bitmap animations
          1. Create a spritesheet in Adobe Flash and Zoë
        8. Create cross-platform web applications for desktop and mobile devices
          1. Performance and cache
          2. Resize and fullscreen responsive layouts
          3. Smaller screens
          4. Enabling the Touch events
          5. Mobile orientation
          6. Scaling, disabling the zoom in/out pinch, and double tapping on mobile devices
          7. Fullscreen iOS web applications
          8. Fullscreen iOS status bar style
          9. Remove paddings and margins around your HTML page using CSS
      5. People and places you should get to know
        1. Official sites
        2. Articles and tutorials
        3. Community
        4. Blogs
        5. Twitter