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
3
votes
1 answer

how to rotate my tween in the center of the container

i have a container 276*266 and i want to rotate an object in the center of this container thats for i am using this code : createjs.Tween.get(element, {loop: false}) .to({regY:element.height/2,…
Coolbrain
  • 41
  • 1
  • 8
3
votes
0 answers

createjs - stage.mouseX

I had noticed that createjs latest builds(0.8.0 and 0.8.1) has bug. if you click few times out of canvas(stage) and after trying click inside its stops shows you correct stage.mouseX & mouseY. its always shows "old" values. this bug only on…
3
votes
1 answer

CreateJS - Issue loading sounds in IE11

I've run across a weird issue with sound file loading in IE11. I have a manifest of about a dozen images and then about 8 sound files. What's happening is versions of IE11 that have even the slightest modifications in the security settings are…
3
votes
0 answers

Incorrect mouse event zooming in windows surface using easeljs / createjs

I have a website that uses CreateJS and canvas. Some objects have associated a click event. Works well in browsers and mobile devices, except in windows surface. If I zoom in windows surface the click event is lost when the screen moves. Only works…
Juan Pablo
  • 81
  • 1
3
votes
4 answers

Add class to canvas element HTML5 & CreateJS

I am generating 5 circles with a for loop in a canvas and I want to give them a class so I can control them with jquery, but I am doing something wrong. Can you guys figure out what's happening? var stage; var quantity = 6, width = 60, …
SimeriaIonut
  • 516
  • 2
  • 11
  • 20
3
votes
2 answers

Unable to preload and display SVG with CreateJS

I am trying to preload a set of SVG objects and display them using CreateJS/PreloadJS. So far I was able to display a SVG object without preloading, but as soon as I use the LoadQueue from PreloadJS, I can't get my sample to work. Does somebody know…
Martin
  • 39,309
  • 62
  • 192
  • 278
3
votes
1 answer

how to set custom cursors in CreateJs?

how can i show custom cursors in createjs ? I have multiple images/bitmaps rendered on the canvas. I want the cursor to change to a specific image whenever I click on a particular bitmap. ie on clicking image no.1 the cursor will change to an image…
Janjua
  • 63
  • 1
  • 6
3
votes
1 answer

Combine two different graphics into a single one with Easel.js

how do I make below two instance into single one for animation, Code is given below: var x = new createjs.Bitmap("img1.png"); var b = new createjs.Text("A","normal 20px Arial"); stage.addChild(x,b); stage.update();
asb14690
  • 1,757
  • 3
  • 15
  • 21
3
votes
0 answers

Javascript MVC application design

I'm having difficulty grasping how to structure/architect a canvas application using an MVC like approach in Javascript. UI will be fairly fluid and animated, the games fairly simplistic but with heavy emphasis on tweening and animation. I get how…
3
votes
1 answer

How i change fill color of graphics in create js

I am using this for change color of fill in create js this is not working var shape_rect = new createjs.Shape(); shape_rect.graphics.beginFill("#FFD64B").drawRect(61, 253, 398, 25); shap_rect3.addEventListener('mouseover', function (evt) { …
asb14690
  • 1,757
  • 3
  • 15
  • 21
3
votes
1 answer

Different positonining of text element of createjs in different browsers

The is slight difference in the top position of text object rendered by firefox to other browsers in CreateJs while the shapes object does not show this difference. For instance, this.text = new cjs.Text("Click to Start", '500 47px…
NNS
  • 195
  • 1
  • 1
  • 9
3
votes
3 answers

EaselJS Spritesheets from TexturePacker

How do you create proper spritesheet exports for EaselJS from TexturePacker? After exporting I get something like this ... { "images": ["textures.png"], "frames": [ [818, 44, 42, 42], [818, 1, 42, 42], [775, 87, 42, 42], [775, 44,…
BadmintonCat
  • 9,416
  • 14
  • 78
  • 129
3
votes
1 answer

HTML5 Canvas / Flash. How to access children movie clip and make it gotoAndPlay?

In Flash I have 2 frames in the main-timeline. The first one is to select a language and the second one contains a navigation-bar. this navigation-bar is a movieclip, which contains items (movieclips). Those "item-movieclips" contain 2 frames: one…
John Doe Smith
  • 1,623
  • 4
  • 24
  • 39
3
votes
1 answer

CreateJS - Targeting aspecific key frame

I have an html5 basic presentation that was generated using Flash 6 and CreateJS. The presentation is basically a bunch of flash keyframes with stop(); commands. Now, here come my questions: 1. How do I target a specific frame on this presentation,…
user3074691
  • 31
  • 1
  • 4
3
votes
2 answers

How to clear CreateJS code and canvas completely?

I am adding a canvas to the DOM, and then using CreateJS to build a game. I am initialising a CreateJS ticker, and adding animations and graphics. Everything works fine, but only once. If I remove the canvas and the game code, I can't add it again…
Kokodoko
  • 26,167
  • 33
  • 120
  • 197