Stack Overflow
Stack Overflow

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
2
votes
2 answers

Trying to use indexOf to find index value of the array when the buttons are clicked

I'm using Adobe Animate CC for a canvas project. I have an array that I assigned events listeners to like so: for(var i = 0; i < navBtnArray.length; i++ ){ navBtnArray[i].addEventListener("click", navigationControls); } What I am trying to figure…
icekomo
  • 9,328
  • 7
  • 31
  • 59
2
votes
2 answers

How to play sounds in HTML5 after an animation?

I'm having a hard time on how to play a sound in the game I'm currently developing. I need to play sound after an animation but when I tried to call sound.play(). And the browser state that you can only play a sound using human gestures? Anyone…
POGI
  • 335
  • 1
  • 3
  • 12
2
votes
1 answer

Run Createjs inside React?

I was trying to test run createjs inside React but I cant find anyway to run this. Would someone point out what I did wrong please. Thanks import React from "react"; import ReactDOM from "react-dom"; export default class CanvasChart extends…
Phuong Le
  • 377
  • 5
  • 16
2
votes
1 answer

PreloadJS tag loading instead of xhr

I am using preloadjs for large asset loading. I am using lots of js libraries like 60+ jquery plugins. I just want a nice loader that displays progress of assets loading with progress bar and listing file which were loaded successfully and which…
django
  • 2,809
  • 5
  • 47
  • 80
2
votes
1 answer

EaselJS - Is it possible to add a BlurFilter to a line?

I'm attempting to add a blur effect to a single line using easelJS. I've been following the BlurFilter demo in the createJS docs (except that they are using a circle instead of a line). My shape disappears completely unless I remove the shape.cache…
Eric M.
  • 53
  • 4
2
votes
2 answers

Canvas timeline is not syncing with audio

So I am having an issue with the timeline in Adobe Animate not syncing with audio that is called in CreateJS. The issue is that the frame rate being set to 24fps to match the Adobe Animate timelines fps. If the frame rate is slower than 24fps the…
Brent Williams
  • 23
  • 5
2
votes
1 answer

Ionic + CreateJs high CPU and Memory

I have a serious problem with an increasing CPU and RAM usage in an ionic app with createjs library. The problem cause the app to crash after a while. As I am navigating between pages where each page has a new canvas, I see the RAM and CPU to…
anestis
  • 931
  • 3
  • 9
  • 24
2
votes
1 answer

CreateJS using ES6 modules

I'm using createJS - preloadJS and ES6 along with Babel and webpack. const files = [{ src: 'characterSprite.png', id: 'characterSprite' }]; const Loader = new createjs.LoadQueue(false); Loader.loadManifest(files, true, 'img/'); export default…
Hiero
  • 2,182
  • 7
  • 28
  • 47
2
votes
2 answers

Trouble referencing object from within function - adobe animate canvas

I am having trouble getting a function to reference a movie clip on the stage (thatsRight). I can reference it outside of a function to initially set it visible = false and inside the this.Correct function to visible = true, but calling another…
efortin
  • 21
  • 3
2
votes
2 answers

Updating Canvas Shape With Range Slider Using EaselJS

How would I redraw a canvas shape while updating an object's properties, with EaselJS? I see that the properties are being updating, but my draw function is not clearing the canvas or redrawing the shape with the new values. JSFiddle HTML
DRB
  • 633
  • 11
  • 24
2
votes
2 answers

How to use the Timeline in tweenjs

Docu says: Timeline The Timeline class synchronizes multiple tweens and allows them to be controlled as a group. but there is no example how to use it. If I create a Timeline with var tl = createjs.Timeline(); none of the shapes are rendered…
Stefan
  • 14,826
  • 17
  • 80
  • 143
2
votes
1 answer

How to clone an image and put them in random positions

I am attaching an image to my page using create.js. And I want to clone it several times and put each one in random positions. I've used Jquery clone() method but there was no use from it. function handleComplete(e) var _obstacle = new…
Ruben Hakobyan
  • 57
  • 6
2
votes
1 answer

eval() function not working with global scope

I am using CreateJS to animate an object. I want to move the circle shape to a position that changes in a for loop. var x = { time: 200, x: 0, y: 0 }; I am going to change this variable after every time the shape…
Ron
  • 57
  • 1
  • 8
2
votes
0 answers

Is it possible to graphics on a bitmap in easeljs?

i want to draw a circle on an image in easeljs. My actual status: In my canvas 1200 x 800 is a bitmap 9000 x 1000. The image got a "pressmove" function, so i can navigate from the left to the right of the panorama and from the top to the bottom. I…
oops
  • 179
  • 1
  • 8
2
votes
1 answer

Performance issue with tweenjs when animating line draw

I am using eaeljs and tweenjs to animate multiple lines getting drawn from a position to a position through a point, making it a curved line with an img attached to the front of the line. I am using the tween plugin MotionGuidePlugin for this. This…
Kristin Annabel
  • 31
  • 5
1 2 3
…
84 85