Questions tagged [easeljs]

EaselJS is a JavaScript library for working with the HTML5 canvas element. Part of the CreateJS suite.

The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The EaselJS JavaScript library provides a retained graphics mode for a canvas including a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.

When asking EaselJS questions, you should:

  1. Read the EaselJS API Documentation.
  2. Search Stack Overflow to see if your question has already been answered. Include the text [easeljs] to match questions and answers tagged .
  3. Try to provide a minimalistic example online to illustrate. This is best done with Stack Snippets (the <> toolbar button), but if you like you can also use jsFiddle or JSBin provided you include all the code in the question (not just in jsFiddle/JSBin).
  4. Tag the question appropriately. Always include the tag, and use the other web development such as , , , where appropriate.
  5. Determine whether this problem is browser specific and be sure to note which in the question.
  6. Make sure your code can pass the list. JSHint or the more strict JSLint are excellent tools that determine whether your code contains common errors that will break your JavaScript program.

Resources


Related tags

1009 questions
0
votes
1 answer

Class Extends Container But Can't Add Event Listener?

I created a custom class extending Container. However, when I try to add a listener to it, I get the following errors: "TypeError: this.addEventListener is not a function Here's a minimal example of my code: (function() { var…
Ricebandit
  • 233
  • 4
  • 12
0
votes
1 answer

Why can't i access the x variable of the bitmap? (javascript)

I'm trying to loop through 3 images in my array and add it to the stage (using easelJS). I want to position it as well. When I try to access the images in the array i get an error saying that the I can't set x of undefined. Why can't the x variable…
kag359six
  • 1,693
  • 2
  • 16
  • 21
0
votes
1 answer

How to reduce width of rectangle in EaselJS animation

I want to reduce the width of a rectangle every tick in an animation. In the init() method, I initially create the rectangle with: var graphics = new createjs.Graphics().beginFill("green").drawRect(650, 90, 280, 8); var shape = new…
Bashevis
  • 1,507
  • 16
  • 21
0
votes
1 answer

Change world boundaries with window resize

I'm new to Box2D, and working on a first project using EaselJS along with Box2DWeb. I'm hoping to have the standard static shapes that comprise the walls and floor of the world to move/update along with the browser window when it's resized. I'm…
gomper
  • 1
  • 2
0
votes
1 answer

easelJS IE9 bitmap not loading

I'm having trouble using easelJS to render Bitmap in IE9. Every other browser renders the image fine, but IE9 canvas is blank. I even tried preload the image in a hidden div and it still doesn't work. here's my code, help please! function…
user389767
  • 73
  • 1
  • 9
0
votes
1 answer

javascript easelJs onPress enlarge image circle

Working with javascript and the Easeljs lib and createjs, i need some help. my program draws some circles and fills them with color. also with a Ticker they are moving and with some if statements they are bouncing from the walls of the window. The…
0
votes
1 answer

Creating a 10x10 image grid using easel.js where images cross dissolve randomly

Creating something I'm hoping is easy using Easel.js, but still a novice. Simply want to create a 10X10 image grid where each of the images will cross dissolve to another paired image at random intervals. Can anyone point me to any similar examples…
Bachalo
  • 6,965
  • 27
  • 95
  • 189
0
votes
1 answer

EaselJs with SpriteSheet Opacity and Background

I have a simple Problem - I currently make sprites and animations using Sprite sheets and easelJS , but I want the white pixels (around the character ) to be clear so the background can be viewed. I think it can be done pixel by pixel but it would…
0
votes
3 answers

easeljs hyperlink

Easeljs - Hyperlinking. Out of an easeljs script: how can I hyperlink to another web site? For instance: when an onClickEvent occurs another window would open - in my case I want to send a variable, an ID to another page with an SQL request on the…
J o e
  • 11
  • 3
0
votes
3 answers

The Image doesn't show up on the Canvas

Game