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

Render a single frame or a given portion of a video in HTML5 canvas with EaselJS

I'm using EaselJS to render videos in HTML5 canvases this way: HTML
0
votes
1 answer

Is there a canvas html5 framework that use a flash like API?

I'm working on a canvas app, and I need to be able to create bitmaps, lines, groups,and manage click events. I tried: kinetic-v3.9.6.js easeljs-0.4.2.min.js These are very nice tools but they don't have a way to get the width of a group of…
Delta
  • 2,004
  • 3
  • 25
  • 33
0
votes
1 answer

Easeljs Container event listeners

I create Container, attach onPress function to it, then add it as Child to the stage. Then clear the stage ( so there is no such child there anymore ), update it. but onPress is still working.
Herokiller
  • 2,891
  • 5
  • 32
  • 50
0
votes
1 answer
-1
votes
2 answers

Am I using `button.disabled = true;` incorrectly?

I'm trying to build an interaction in Animate CC that plays movie clips, and the buttons disappear after they are clicked. I'm trying to disable the other buttons temporarily while the movie clip plays over the main background, but it's not playing…
Mike
  • 48
  • 1
  • 14
-1
votes
1 answer

How to use easeljs in redux

I want to play multiple sprite animation in redux (ES6). I am using npm createjs-easeljs library. I did npm install createjs-easeljs and calling as import createjs from 'createjs-easeljs'. I am getting error as Uncaught ReferenceError: createjs is…
-1
votes
1 answer

EaseJS Drag & Drop (Animate CC) Mouse coordinates of Movie Clip

Im working on slider: volume, timeline, screen brighness, ect. but I cant get actual movie clip X coordinates, all I get is parent HTML5 canvas coordinates, not actual "DragZone" coordinates. I just dont get it, how do I need to code…
-1
votes
1 answer

EaselJS color difference on drawRect()

I have a simple easel.js game, where I draw the background as: b_color.graphics .beginFill('#563767') //this color is rendered lighter. .drawRect(0, 0, w, h); background = new createjs.Container(); background.addChild(b_color); Just…
Hiero
  • 2,182
  • 7
  • 28
  • 47
-1
votes
1 answer

Samung S-Pen detection in cordova app

I am developing a cordova app with ionic. I have some drawing functionality using canvas. Is there any way to detect whether user is drawing with finger or a S-Pen(Stylus) provided by samsung with mobile/tablet.
Mayank Kumar
  • 313
  • 2
  • 13
-1
votes
1 answer

HTML5 Javascript - Using Lat/Lon on a map without actually drawing a map

I need to use Longitude and Latitude coordinates on a map that will be loaded in by an external program, and I need to be able to draw things on this map and be able to zoom in and out. Thing is, I cannot draw this map, and I need to be able to…
-1
votes
1 answer

How to add text or picture to a createjs.Sprite?

I would like to add Text or Picture to a createjs.Sprite object, to create similar sprites. How can I achieve this? I think create a createjs.Container for each Sprite is a waste of resource. Like the picture, how to add the numbers to the…
leetom
  • 723
  • 1
  • 6
  • 27
-1
votes
1 answer

Fill a closed path in easeljs

Is there a way to fill a closed drawn path in easeljs? I have along string of mt(x_t,y_t).lt(x_(t+1),y_(t+1)) that draws a wacky shape. the shape closes off, but I can't find a way to have it actually fill in the closed area. Any ideas? T is how…
jbbj94
  • 324
  • 3
  • 13
-1
votes
1 answer

Easaeljs game project

In the following link basket I create a game but everything disappeared. Right now I have no clue why. I hope someone could see into the code just inspecting for give some advice. Thanks for help.
-2
votes
1 answer

Object is not moving proper with mouse movement in mobile devices

I am trying to move an object with mouse using pressmove event on the object. In PC and Tablet it is working well. But, in the mobile devices it is not working well as those have different width and height. You can view the following…
-2
votes
4 answers

How can i display fraction numbers using EaselJS

Please someone suggest me the styling / displaying the fraction numbers in js(Specially Easeljs) without using the html/css, Normal Style: Required Style:
Mamallan
  • 41
  • 6
1 2 3
67
68