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

Latest Chrome Desktop update preventing SoundJS from playing sounds (related to autoplay)

I'm getting this JavaScript warning on the latest version of Chrome Desktop, which now prevents auto-playing of sound without user interaction: http://bgr.com/2018/03/22/google-chrome-autoplay-videos-sound-block/ So I'm getting this error/warning in…
object404
  • 71
  • 6
2
votes
1 answer

Repeating a short sound very fast with CreateJS

Goal I am trying to create a fast ticking sound in a Cordova app using Createjs. The ticking sound speed changes based on user settings. At the moment the timing is erratic Setup I have an mp3 audio file of a single tick sound that is 50ms long. A…
2
votes
1 answer

SoundJS: mix html and web audio

I want to play buffered audio in my game for long music files (sort of streaming). It seems I have to use html audio: Buffered audio in SoundJS However, I still want to use webaudio for sound effects (to avoid delay on mobile browsers, for example).…
sbat
  • 1,453
  • 10
  • 21
2
votes
1 answer

Why does easeljs stage.getBounds() return null?

In this example: var canvas = document.getElementById("testCanvas"); var stage = new createjs.Stage(canvas); function drawRectangle(){ var rect = new createjs.Shape(); rect.graphics.beginFill("#000").drawRect(10, 10, 100, 100); …
justspamjustin
  • 1,730
  • 3
  • 19
  • 30
2
votes
1 answer

Cannot load assets more than once with PreloadJS and Vue.js

I am trying to create a Vue.js component which would allow me to load (using PreloadJS) and display various EaselJS canvas experiments. The Vue.js component: Gets created with a HTML canvas and 2 divs for experiment scripts and the EaselJS…
PeterTheLobster
  • 1,386
  • 16
  • 33
2
votes
2 answers

PreloadJS not working on Angular (createjs-module)

I'm having an issue with angular & createjs-module. The createjs-module is working, as you can see on the code, shape methods and tweens are working (I can visualize it on browser successfully): https://www.npmjs.com/package/createjs-module But when…
Icelafox
  • 21
  • 2
2
votes
0 answers

Passing an AudioBuffer to AudioContext Analyser in CreateJS

I have made an audioCtx in JavaScript using the AudioContext() class. I have an analyser made with audioCtx.createAnalyser(). If my audio is an audio tag and I make a source with audioCtx.createMediaElementSource(audio) then pass that to the…
Dan Zen
  • 480
  • 3
  • 10
2
votes
2 answers

Adobe Animate CC Canvas mouse actions on the stage are laggy and intermittent

In Adobe Animate CC HTML5 Canvas (createJS), I'm trying to do something very simple, to trigger an animated rollover when the entire stage of an ad is moused over, and to trigger an animated rollout when the mouse leaves the stage. It should be very…
Agent Zebra
  • 4,410
  • 6
  • 33
  • 66
2
votes
3 answers

addEventListener (and removeEventListener) function that need param

I need to add some listeners to 8 object (palms). These object are identical but the behaviour have to change basing to their position. I have the follow (ugly) code: root.palmsStatus = ["B","B","B","B","B","B","B","B"]; if (root.palmsStatus[0] !==…
Zauker
  • 2,344
  • 3
  • 27
  • 36
2
votes
0 answers

Easeljs coordinates

I'm making a game in javascript using EaselJS. I've run into problems with collision detection. I'm using this for hit detection (as I'm checking if shapes hit, not just points) https://github.com/olsn/Collision-Detection-for-EaselJS Which seems to…
2
votes
1 answer

Drag and drop with easeljs in Animate CC 2017

I've been using an HTML Canvas project in Adobe Animate CC 2015.2 to drag around a movieClip on the stage, using the method recommended in the creatjs Mouse Interaction Tutorial. I was doing this on a MacBook Pro running OS X Yosemite at work. Here…
David Crossen
  • 71
  • 1
  • 7
2
votes
1 answer

Animate CC HTML5/Canvas controling a nested MovieClip timeline with actionscript

I have a problem i can't seem to wrap my head around. In the Animate CC Canvas IDE I created a Movieclip with several frames and on each frame is another nested movieclip and ocasionally that also contains other movieclips (all with instance names…
sdenec
  • 23
  • 1
  • 3
2
votes
1 answer

TweenJS javascript

My first Stackoverflow question. The tween seems to run because it calls the brute function at the end. However, there's no tween happening. window.onload=init(); function init() { testImg = document.getElementById("testImg"); …
user3837893
  • 155
  • 7
2
votes
0 answers

canvas - change perspective of the camera in a 2d setup

TLDR: I need to change the perspective over an object in a 2d cavas. Let's say I make a photo of my desk while I sit next to it. I want to change that image, to look as if I would see it from above. Basically the view would change like in the image…
zozo
  • 8,230
  • 19
  • 79
  • 134
2
votes
1 answer

Animate / EaselJS - removeEventListener not working

I have an issue w/ Adobe Animate CC, and the Javascript framework it uses, EaselJS/CreateJS. I can add event listeners w/o issue, but I cannot remove them. I have tried various things from the debugger, including stepping into their JS…