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

drawing on canvas with createjs is aliased

I have a problem with drawing on html5 canvas using the createjs library. The drawings are not smooth but aliased. It seems that many people have that issue just with chrome but for me it's not different in IE and firefox either. I also found that…
David_Z
  • 301
  • 1
  • 3
  • 8
3
votes
2 answers

Why is easelJS scaling my sprites?

I am creating an animated background in Canvas with EaselJS. I am wondering why my sprites are being scaled as soon as I set my canvas to the size of the window... The images are looking streched... $('body').append(''); …
manomoul
  • 41
  • 5
3
votes
1 answer

Referencing canvas graphics as DOM elements with jQuery

Is it possible to reference graphics drawn on an HTML5 canvas element with jQuery? Here's a function I wrote for EaselJS that iterates through an object containing arrays of vector coordinates: function newShape(obj,shape,coords){ …
dcd0181
  • 1,493
  • 4
  • 29
  • 52
3
votes
1 answer

Issues in flash site coversion using createJS to HTML5 to get it working in android devices

We have 100s of flash files in our site. Multiple swf files uses AS3 and xml files for flash movies . We have converted .fla files to HTML5 using createJS. We are getting following errors for some of flash files during export to HTML5 and not…
sugunasok
  • 61
  • 5
3
votes
3 answers

Spinning Wheel with HTML 5 canvas

Im trying to get these 2 png images to simply rotate on my canvas. The images are larger than the canvas because I only want to show certain sections of the wheel as it rotates into the canvas. I got the pngs perfectly on the canvas, they are…
Carlos R. Batista
  • 135
  • 1
  • 4
  • 11
3
votes
3 answers

FlashDevelop, Haxe import CreateJS?

I just started trying out Haxe to make a web-app, and I would like to use CreateJS, which has a Haxe extern lib thingy. I'm using FlashDevelop as my IDE. So I created a new Haxe JS project in FlashDevelop, and installed CreateJS with "haxelib…
The Oddler
  • 6,314
  • 7
  • 51
  • 94
2
votes
3 answers

ENOENT (error -4058) during create-react-app

when i type npm command create-react-app my-app i have error like this : npm ERR! code ENOENT npm ERR! syscall spawn C:\Windows\System32; npm ERR! path C:\Users\Administrator\Documents\th-wedding\template npm ERR! errno -4058 npm ERR! enoent…
Reyhan Hamzah
  • 21
  • 1
  • 3
2
votes
1 answer

How to use createjs in reactjs

I'm wanting to import createjs into my reactjs app. The createjs file i have is from https://code.createjs.com/ Im trying to import in my App.js file as import './lib/createjs.min'; However I get the error 'createjs' is no defined error.
Gibbz
  • 69
  • 4
2
votes
2 answers

How to detect overlapped shapes and split them up using leaflet and createJS

I am going thru a development feature for a map based application wherein I need to do two things: Detect which all shapes are overlapped on one another (coordinates match). Click on the top of them to split them up Here is the picture of the…
jogo
  • 25
  • 7
2
votes
0 answers

Issues with Prototype Interactive Space Map

I'm building an interactive website for a space RPG for a group of my friends. It's supposed to show a group Map that shows quests/planets to logged in users. At the moment I'm doing preliminary work on the map and have run into a problem with…
Isaac
  • 21
  • 3
2
votes
0 answers

How to center scaling of game world in Create.js?

I am creating a Create.js 2D game engine in JavaScript and need a way to center the player (which will be a sprite placed in the center of the screen) when the main container is scaled. It should be an offset to the containers translation every time…
Jay Holton
  • 41
  • 4
2
votes
1 answer

How to apply ColorMatrix along with Canvas Context

I am working on canvas and using EaselJS library to play along. With EaselJS, I am able to apply the ColorMatrix using Filters const myGraphics = new createjs.Shape(); myGraphics.graphics.bf(img, 'no-repeat') .drawCircle(x, y,…
Niranth Reddy
  • 493
  • 1
  • 11
  • 27
2
votes
2 answers

Createjs: How to rotate a bitmap and crop it by using sourcerect without rotating the sourcerect?

I want to display a bitmap in my web application. Before displaying it, I want to rotate it to a certain degree and afterwards crop a specific area. Is there a way to rotate a bitmap, without rotating the sourcerect, so that the cropped image…
Chris
  • 23
  • 4
2
votes
1 answer

A way to center an SVG or raster graphic with the same code?

For whatever reason, I can't seem to get Firefox to render SVGs through CreateJS. Probably a bug, but I'm willing to fallback to raster graphics. The problem is I can't position a raster graphic vs an SVG the same way using the same code. What I…
CoryCoolguy
  • 1,065
  • 8
  • 18
2
votes
1 answer

How would one draw an arbitrary curve in createJS

I am attempting to write a function using createJS to draw an arbitrary function and I'm having some trouble. I come from a d3 background so I'm having trouble breaking out of the data-binding mentality. Suppose I have 2 arrays xData = [-10, -9,…
ClimbingTheCurve
  • 323
  • 2
  • 14