1,000 questions
0
votes
0
answers
271
views
Is PixiJs is good for creating Graph to plot large number of data points with zoom and scroll
I want to build a Graph with scroll and zoom something similar to this (https://www.amcharts.com/demos-v4/line-chart-with-scroll-and-zoom-v4/) with lot more customization. I don't want to use any ...
0
votes
1
answer
107
views
Weird fill + stroke alpha in CreateJS
I'm attempting to create a text shadow in CreateJS, although I suspect this issue applies to any fill + stroke combination with an alpha < 1.
I want my text stroke to be aligned outside of my text, ...
- 135
1
vote
1
answer
246
views
Create.js/Easel.js - createjs.Bitmap() - Getting SVG to load at original size?
I am using createjs.Bitmap to add an SVG to the stage. This is in Adobe Animate HTML5 Canvas which uses the Create.js/Easel.js frameworks. The project is using a responsive layout.
The problem is ...
- 4,324
0
votes
2
answers
357
views
Keep angle between 1 and 180 degrees
I have the following which returns the rotation in degrees of an object, lensParentRight, through 360.
This is in Adobe Animate HTML5 Canvas (create.js/easel.js would apply). cylinderAngle is just ...
- 4,324
0
votes
1
answer
179
views
Drag object around a half circle on mouse over - Adobe Animate HTML5 Canvas
I have the following code in Adobe Animate HTML5 Canvas using JavaScript/Easel.js/Create.js. The code enables an object to be dragged around a circle.
I now want to change this to function for a half ...
- 4,324
0
votes
2
answers
273
views
Drag object around a circle on mouse over - Adobe Animate/Create.js/Easel.js
Using Adobe Animate HTML5 Canvas which employs Create.js/Easel.js.
I have the following code which drags an object around a circle.
Works Ok, but the object should only be moveable when the cursor is ...
- 4,324
0
votes
1
answer
63
views
Set button state - Create.js/Easel.js
In Adobe Animate HTML5 Canvas (Create.js/Easel.js), I am trying to set the state of a button, but not working with various code:
this.retinoscopeButton.addEventListener("click", retinoscope....
- 4,324
1
vote
2
answers
248
views
Is it possible to add a Gradient Filter to a Bitmap with EaselJS?
I have a Bitmap inside of a Container. The Container has all the transform properties (these properties are dynamic, they are fetched from the server).
// Container
const display = new createjs....
- 13
0
votes
2
answers
50
views
How can I check if a symbol/MC is a child of another symbol/MC?
I'm using Adobe Animate HTML5 Canvas. EaselJS would also apply.
How can I check if a symbol/MC is a child of another symbol/MC?
So a symbol/MC is added as a child of lensParentLeft in the following. ...
- 4,324
0
votes
1
answer
85
views
Can I Save only a specific item of an HTML canvas?
I've already known that there is a similar question "Save only a certain part of an HTML canvas" been solved.
Save only a certain part of an HTML canvas
However, my question is
if there are ...
- 1
0
votes
1
answer
97
views
How to ignore right click on Easel JS
I am working on Easel JS and came across one issue.
If I am adding Events to one easelJs element then how can I ignore the right-click and only listen to left-click?
Click should work on a primary key ...
0
votes
1
answer
262
views
easelJS & adobe_animate blur filter not working
I'm trying to implement a blur filter in animateCC2019.
I succeeded in creating the blur... But have trouble animating it.
Here is what I put in animate CC, in the action panel at that time for that ...
- 31
0
votes
2
answers
255
views
CreateJs not showing an image
I am new to create js and I want to show an image in localhost:8000
This is the index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
&...
- 102
2
votes
0
answers
109
views
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 ...
0
votes
1
answer
103
views
Is it possible to share a easel.js shape instance through json?
I am trying to sync the state of a html canvas across multiple clients. I am using the easel.js framework, and it defines the shape objects. When a client adds a shape to their own stage, I want to ...
- 333
0
votes
1
answer
521
views
EaselJS: Is there any way to export a shape to an image file?
I have a project in CreateJS which I'd like to remake without CreateJS, but it seems that all my images are in an EaselJS shape format. For example:
this.shape_1 = new cjs.Shape();
this.shape_1....
- 827
0
votes
1
answer
201
views
Using EaselJS, how can I set a framerate for painting while not redrawing the existing bitmap elements?
I'm new to EaselJS and I have a stage with bitmaps and I need to add painting functionality so shapes can be drawn on top of bitmaps.
The paint function needs stage.autoClear = false to create the ...
- 15
0
votes
1
answer
134
views
What is the alternate for drawPolygon in create JS ? Has this function been changed to something else?
Hope you're doing well and day has been good for you. My scenario is, we used create js Create JS library for drawing shapes in our old Angular JS project and the code is below:
polygonGraphics(){
...
- 45
0
votes
1
answer
723
views
How to load an angular component dynamically on canvas shape click?
In angular, I am trying to load a component dynamically but I am not able to do it. I have shape which I am creating using create Js, now what I want to do is to load a component when this shape gets ...
- 45
0
votes
1
answer
198
views
CreateJS/EaselJS Collision trigger from PNG image
I am a complete novice in CreateJS and I am using it to try and make a simple canvas game.
The user clicks a point on the screen and the sprite moves and stops. I have different display containers in ...
1
vote
2
answers
1k
views
Is it possible to use EaselJS (CreateJS) with TypeScript using parceljs?
I'm trying to make a game with EaselJS, and since it's [current year], I'm using TypeScript. There are "official" types that I'm using from here, but I can't get it working together with ...
- 21
0
votes
2
answers
146
views
Comparing two shapes in Createjs
Is there a way to determine whether two Shape objects are the same? By same I mean they have same shape and size, preferably (but not necessarily) also same x and y?
- 1
0
votes
1
answer
443
views
Adobe Animate (HTML5 Canvas) check timeline position of two movie clips and then display another movieclip if both movieclips are on frame 2
In Adobe Animate (HTML5 Canvas) I need to check if two buttons have been clicked on and advanced to the second frame and if both have then display a movieclip.
I am new to programming and not sure how ...
- 1
0
votes
1
answer
169
views
change stage size to fit window resize without scaling
I am adopting easeljs from raw canvas programming, one feature that
has me stuck is how to resize the stage when the browser window resized.
I just listen to the resize event of the window and ...
- 29.5k
0
votes
1
answer
129
views
Calculate the points of block arrow in HTML5 canvas
I have to generate a block arrow using HTML5 canvas. I found few very good answers for this here.
But my requirement is different. I have to calculate the 6 points shown in the below picture.
I have ...
- 490
0
votes
1
answer
369
views
Zimjs pressmove event doesn't work outer the elements
I'm using zimjs library for my canvas project. I'm trying to do continued pressing around the circles. When pressing and moving over the circles, circles must be change color. But pressmove event don'...
- 1,136
0
votes
1
answer
156
views
Javascript canvas object gets stuck after rotating with ctx.Rotate()
I'm trying to make a car game that rotates the car everytime you press an arrow key. I've created the car, but everytime I try to rotate it with ctx.Rotate, the car gets stuck after moving it a ...
user8967105
1
vote
0
answers
143
views
EaselJS - Storing Shape Graphics in Database
I'm using EaselJS for a project, and have the need to store the details of various 'Shape' objects in a database, so that they can be re-drawn at another time.
My project has the 'Stage' set up so ...
- 61
1
vote
0
answers
55
views
EaselJS onclick takes over entire canvas - old issue in new version
Version:
CreateJS - Version: 1.0.1
EaselJS - Version 1.0.2
Browsers:
- Chrome (Latest)
- Firefox (Latest)
OS:
Windows 10
I am experiencing an issue that was previously described over 6 years ...
- 545
1
vote
1
answer
1k
views
Touch.enable not working in CreateJS through Animate CC
I've created an html5 canvas file in Animate CC and I can't seem to get it to respond to touches when run on a touch screen device. I've created a stripped down file to demonstrate the issue.
Every ...
- 116
0
votes
1
answer
732
views
Pan Zoom behaviour using EaselJS
I’m having some trouble incorporating pan/zoom behaviour with the ability to also drag-move some shapes around on the canvas, using EaselJS.
I want to be able to move the shape ONLY if I mousedown ...
- 61
0
votes
0
answers
451
views
Bouncing ball code causes jitter in HTML5 canvas
I have a HTML Canvas on my website that I use to contain balls that drop into the canvas, they bounce around and have a real good time settling down at the bottom in a range of ways.
I was under the ...
- 939
0
votes
2
answers
286
views
how to move a line Shape object
Using EaselJS 1.0 I want to move a line. I can get this to work setting the x and y by incrementing and decrementing, but not by setting x and y directly to numbers. IOW - line.x++; works, but line.x =...
1
vote
2
answers
814
views
EaselJS - Change Transparency of a Line
I've been using CreateJS (EaselJS) for a while now, and have utilized Bitmaps as well as Rect shapes. I'm currently working with the line shape to draw a line between two points.
I want to change the ...
0
votes
0
answers
250
views
EaselJS : Check if the shape is drawn inside other shape on canvas
I am into a situation where is need to find out of the shape is drawn inside an other shape on canvas.
For Example:
I have a canvas and I draw a random shape by plotting the points on the canvas and ...
- 493
0
votes
2
answers
217
views
Is it possible to add a non-breaking space in CreateJS?
I try to add a non-breaking space when using CreateJS (or EaselJS). But it does not work.
For example: I don't want a linebreak between a "text" and a "!"
Example:
this.copy_01 = new cjs.Text("This ...
0
votes
1
answer
522
views
Getting Value of Variable from Inside Mouse Event Function
EDIT: I was tempted to delete this question when I had an epiphany regarding the way javascript handles variables. The "CorrectAnswer" variable will be accessible outside the function once the the ...
3
votes
1
answer
804
views
Javascript/ Easeljs Adding Dynamic Text
I'm using HTML5 Canvas in Adobe Animate.
I'm trying to write a function that allows me to drop a text message anywhere on the stage.
Please see my code below.
function newtext(TextToDisplay, ...
0
votes
1
answer
969
views
How can I add a scroll to zoom feature to a bitmap in easelJS?
I am evaluating whether I want to use EaselJS to make a JS image viewer/editor. One necessary feature is the scroll to zoom feature. This means when you have your mouse over a bitmap and you move the ...
- 147
0
votes
1
answer
495
views
Easeljs: "createjs.Ticker.paused = true" not working
I can't get my animation to pause. I'm using createjs CDN inside vue-cli, trying to make my animation pause at the click of a pause button. I think my setup is okay, because if I replace "createjs....
- 33
1
vote
1
answer
240
views
How to click through elements?
I have two shape at same position, not same color, and when i click over them, i want to fire click event on both, not just the first.
These two shapes are in the same container.
I have tried ...
- 15
0
votes
1
answer
125
views
Animate CC - Call instance with var Strings
I'm trying to make a function that make play a symbol animation (hijo) when i click other one (padre). I want a function to use them many times so I'm trying to automatized.
Im getting the instance ...
- 3
0
votes
1
answer
511
views
Countdown animation circular - CreateJS / EaselJS / TweenJS
I am quite new with createJS - I want to achieve like a countdown timer animation:
I stumbled upon this issue which have this fiddle - I want to achive something like this but I want to create an arc ...
- 4,680
3
votes
2
answers
775
views
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 ...
- 33
1
vote
1
answer
429
views
How do i prevent mouse and touch events from trigger for DisplayObjects below a backdrop
I have several display objects in createjs and event using easeljs i want to prevent from mouse and touch event passing through them.
i want like a easy one liner like .mouseEnabled or .mouseChildren ...
- 39
2
votes
1
answer
553
views
A way to center an SVG or raster graphic with the same code? [duplicate]
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 ...
- 1,097
0
votes
1
answer
175
views
How to scale an SVG without losing contours in Easel.js?
I have an Easel.js-based canvas and a bunch of SVGs. When I put these SVGs on canvas as vector shapes and try to scale the whole canvas, some SVG contours become distorted / blurred.
Are there any ...
- 448
3
votes
2
answers
372
views
How to fix preloaded assets not showing on canvas in createjs?
I'm trying to create an animation by setting a background to a canvas and then trying to move my assets over the background image. I'm able to display the background image in the canvas and also able ...
- 31
0
votes
1
answer
572
views
Cannot read property "getContext" of undefined - electron
I'm trying to generate a sprite-sheet dynamically in easeljs after triggering a event from the ipcMain to a window.
The problem i'm having is that preloadjs/easeljs trigger this error in the console:
...
- 23
0
votes
0
answers
301
views
EaselJS/CreateJS Sprite and Bitmap Color Key/set transparency color
I was wondering if anyone knew how to set a transparency color and select a color to be replaced with another one for a sprite sheet and bitmaps using EaselJS.
I'm creating a JavaScript game where ...
