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

Create dynamic rectangle/box using easelJs or KineticJs

Hi I am looking to make a floor plan editor (something like MsPaint) using JavaScript. I have shortlisted EaselJS or KinetiJS as my preferred libraries. I would like to know how to create a dynamic rectangular box/line with these libraries. I…
user1517108
  • 2,395
  • 6
  • 32
  • 43
0
votes
1 answer

EaselJS dragging movement is not smooth

I just started trying out EaselJS and my first attempt is at loading a jpeg image following the drag and drop example at https://github.com/CreateJS/EaselJS/blob/master/examples/DragAndDrop.html Problem: When I attempted to drag an object, the…
Nyxynyx
  • 61,411
  • 155
  • 482
  • 830
0
votes
4 answers

Returned event object overwriting parent object - javascript, easeljs

I am using easeljs for a HTML5 game. I am calling onClick from within a method in a class, but the event object is overwriting my 'this' object so I can no longer access the other class methods or vars. For example I have something like (obviously…
karatecode
  • 574
  • 6
  • 21
0
votes
0 answers

How can I use a dynamically-resized hitArea for an EaselJS DisplayObject?

I'd like to use a hitArea to capture click events in my EaselJS project, but the hitArea Shape I've assigned doesn't seem to be respected. jsFiddle Example var stage = new createjs.Stage($("#game")[0]); // This will be a big button var container =…
Duncan Beevers
  • 1,830
  • 11
  • 17
0
votes
0 answers

Is it possible to create the growing flower effect with easeljs?

I am trying to create a html5 game for touch devices with easeljs. One of the effects I'm trying to accomplish is when the player swipes up on the screen, a flower grows up dynamically (randomly) for a butterfly to rest on. Is it possible to do that…
user14412
  • 987
  • 1
  • 11
  • 32
0
votes
1 answer

Easeljs - smooth animation over socket.io and nodejs

I am developing a multiplayer game with socket.io (nodejs) on the serverside and easeljs on the clientside. Until now it is really simple, you can move a rectangle over a canvas element and the position update is send to the server and it broadcasts…
Tim
  • 929
  • 1
  • 14
  • 28
0
votes
3 answers

Drawing blurry semi transparent circles with EaselJS

I want to draw shape like this: How to draw a blurry circle on HTML5 canvas? on canvas where I'm using EaselJs. I'll do some basic drawing and I need blurry semi transparent circles, is there any other way in Easel to achieve this? Is anything wrong…
ewooycom
  • 2,651
  • 5
  • 30
  • 52
0
votes
0 answers

Object prototype interference with Easeljs

I was setting up a little helper function like so: if (!Object.prototype.__construct) { Object.prototype.__construct = function() { if (typeof arguments[0] !== 'object' || arguments.length === 0) return; for (var name in…
grep
  • 3,986
  • 7
  • 45
  • 67
0
votes
1 answer

HTML5 Framework for a custom product editor

I'm looking into several html5 frameworks for a project that would be in some ways similar to the iMakeMyCase editor. The main features that have to be implemented: choosing a predefined background placement of multiple pre-defined elements with…
digitaljerry
  • 198
  • 2
  • 11
0
votes
2 answers

Box2D & EaselJS, setTransform returns an error

I have the following code to manually set the position of a (dynamic) object in a Box2D world (drawn with the help of EaselJS). Unfortunately setTransform returns this error. Uncaught TypeError: Cannot read property 'position' of undefined This is…
ios-lizard
  • 834
  • 1
  • 12
  • 19
0
votes
2 answers

Box2D, Lock body in a certain position (can't get SetPosition and SetTransform to work)

I am using Box2D to simulate a small world where the user can drag objects and 'stick' them in some predefined locations (basically 'locking' them in a certain position). I have this code to lock an object in a position. Everything works excepts I…
ios-lizard
  • 834
  • 1
  • 12
  • 19
0
votes
1 answer

My very short code doesn't show anything

As I am trying the easeljs javascript library, I've coded a short page in order to print a blue square. Unfortunately, I've tested it under Chromium in Ubuntu 12.04 host : but it does not show anything. Furthermore, the developper console of…
loloof64
  • 5,252
  • 12
  • 41
  • 78
0
votes
1 answer

Drop down menu in Canvas using Kinetic or Easel.js

I need to create a totally self contained web application that allows a user to select different options in select drop downs, as well as input text. My plan was to create the entire app within Canvas. However, being a novice at Canvas coding, not…
Bachalo
  • 6,965
  • 27
  • 95
  • 189
0
votes
1 answer

EaselJS Matrix2D

I am new in EaselJS. Can you tell me how to make matrix worked for Image. Can you tell me what is wrong with my code For example matx = new Matrix2D(1,2,3,4,5,6); image.addChild(matx); stage.update();
Irakli
  • 1,151
  • 5
  • 30
  • 55
0
votes
2 answers

How to move rotation point of element in Javascript?

If i rotate image in EaselJS it rotates around 0,0 point how do i move it? Ty! Ras
Rasovica
  • 239
  • 1
  • 4
  • 14