Questions tagged [createjs]

A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5.

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.


The CreateJS Suite is comprised of:

  • EaselJS - Makes working with HTML5 Canvas a breeze
  • TweenJS - Powerful library for tweening and animating
  • SoundJS - Tools for working with HTML5 Audio API
  • PreloadJS - Asset management system
  • Zoë - Tool written in ActionScript for producing Sprites for the CreateJS library.

Resources


Related tags

1271 questions
59
votes
1 answer

Visual bug in Safari using jQuery Mobile - Content duplication

I'm building a mobile app using jQuery Mobile 1.3.0, EaselJs 0.6.0 and TweenJs 0.4.0. So, when I load the page, some content gets visually duplicated. The DIVs are not really duplicated, it is just visual. This bug only appears on Safari (Windows…
Adrien A.
  • 691
  • 4
  • 3
16
votes
1 answer

render a tile map using javascript

I'm looking for a logical understanding with sample implementation ideas on taking a tilemap such as this: http://thorsummoner.github.io/old-html-tabletop-test/pallete/tilesets/fullmap/scbw_tiles.png And rendering in a logical way such as…
user3871
  • 12,432
  • 33
  • 128
  • 268
14
votes
2 answers

How can I set the z-index of EaselJS Graphics and Shapes

I have EaselJS Shapes on the canvas and then I start drawing Graphics each tick. At the moment the graphics are being drawn over the Shapes. Is there a way to define the z-index so that the Shapes are drawn over the Graphics each frame? Any help…
RobotEyes
  • 4,929
  • 6
  • 42
  • 57
10
votes
4 answers

How to draw a polygon using EaselJS?

There are Shape.graphic methods to draw circles and rectangles easily, but no obvious method to draw polygons such as hexagons and polygons? How do you draw them using EaselJS?
quik_silv
  • 2,397
  • 2
  • 15
  • 21
9
votes
6 answers

LimeJS vs CreateJS for game development

I want to start developing HTML5/JS games. And I see these 2 frameworks LimeJS and CreateJS & EaselJS. Which one is better? Does anyone have experience with these 2 frameworks? And what about the documentation?
user1877165
  • 129
  • 1
  • 3
  • 3
7
votes
1 answer

Createjs import files from indesign and place them on canvas

So i have this project where i need to manipulate pictures, text and other objects to create: birthday, wedding and other cards. Each of these cards contain fonts, styles ect. Now the tool i have found that i will edit these pictures with is …
Marc Rasmussen
  • 19,771
  • 79
  • 203
  • 364
7
votes
2 answers

Stop and Restart CreateJs animation

I was wondering how could I stop an entire CreateJs canvas animation and how to restart it later. I'd like to save computing power and memory while the canvas is not visible for the user. Does anybody know how? Thank you in advance
Andrea Silvestri
  • 1,082
  • 4
  • 14
  • 41
7
votes
1 answer

Center text in a container (EaselJS)

I am new to EaselJS and I am trying to create a colored container with a centered text. This is my code: var width = 100, height = 100; canvas.width = width + 10; canvas.height = height + 10; var container = new c.Container(); container.x =…
Naor
  • 23,465
  • 48
  • 152
  • 268
7
votes
2 answers

CreateJS / EaselJS Strange Performance with certain size shapes

I am currently developing a game, it uses a large tiled map, that can be dragged around, and moves quickly with your character. I have created a simple version of the problem JSFiddle Example Each tile is a Shape and is cached. All shapes go inside…
Bodman
  • 7,938
  • 3
  • 29
  • 34
6
votes
0 answers

Play animated gif using easeljs

I am looking for a way to display animated gifs using the EaselJS/CreateJS library. The only source I find are on displaying an animated spritesheet, but in this case I simply want to show an animated gif instead.
Kristof
  • 1,684
  • 2
  • 23
  • 49
6
votes
1 answer

How to get a random color in my CreateJS shape?

I want to have a random color where "Crimson" is defined var stage = new createjs.Stage("demoCanvas"); var circle = new createjs.Shape(); circle.graphics.beginFill("Crimson").drawCircle(0, 0, 50); circle.x = 100; circle.y =…
Jim Peeters
  • 2,573
  • 9
  • 31
  • 53
6
votes
3 answers

Createjs Shadow only in right and bottom

How to draw shadow only in right and bottom side of object in createjs. there is no shadow over the object or on top and left side. the shadow contains only 4 parameters 1. color of shadow 2. x 3. y 4. blur effect but it didn't tell anything…
ashishkumar148
  • 975
  • 1
  • 10
  • 26
6
votes
0 answers

Safely disposing stage element in EaselJS (CreateJS)

I have an app with a little animation class. The animation class creates a canvas (using jQuery), creates a createjs.Stage element that uses this canvas, and then this stage element is used to do some animations for a short period of time. When the…
Øyvind
  • 139
  • 2
  • 9
6
votes
1 answer

Using touch events with Createjs / Easeljs

I'm trying to use touch events with Createjs / Easeljs objects. For example, I'm trying to attach a touchstart and touchmove event using addEventListener. Touchstart and mousedown seems to work: I'm using a browser and a touch device to test it and…
Cod1ngFree
  • 1,873
  • 6
  • 21
  • 33
5
votes
2 answers

Rich text editing on HTML5 Canvas

Are there any rich text editing libraries which can be used with HTML5 canvas? I have tried looking into: Hallo Editor It points to createjs.org which is not a canvas library. http://bergie.iki.fi/blog/hallo-editor/ Froala (Awesome library with…
Chetan Sachdev
  • 738
  • 1
  • 12
  • 31
1
2 3
84 85