Questions tagged [createjs]
A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5.
1,271
questions
-1
votes
1
answer
55
views
Need to change text to upper case in JavaScript - createJs [closed]
I'm new to JavaScript and I have an HTML page with JavaScript where I need to show the text in a field with text "test text tuu" to upper case. I have tried to change it so:
this....
0
votes
0
answers
25
views
EaselJS: update tweens as fast as possible while playing MovieClips at 30 FPS
I have Adobe Animate project exported to HTML5 which uses CreateJS as a backbone. All animations in AA (in terms of MovieClips) seem to be implemented with 30 FPS in mind.
So, when I have CreateJS ...
0
votes
0
answers
22
views
Creating a path for CreateJS MotionGuidePlugin
I'm trying to animate a paper plane icon moving along a path. I have the path drawn in Illustrator and I can even draw it on a canvas with CreateJS, but I can't use it in the MotionGuidePlugin because ...
0
votes
1
answer
37
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, ...
0
votes
0
answers
108
views
Create a BitmapText in PixiJS starting from single .png images where each image corresponds to a char
apologize if my question is a little generic.
I'm trying to move from createJS to PixiJS. In createJS, I usually create bitmap texts starting from .png images, where each image corresponds to a single ...
0
votes
0
answers
18
views
How can I force the next tick immediately in CreateJS 1.0.0+?
Under the 2015 version of CreateJS, it's safe to force the next stage tick immediately by calling update(). I've used this in a timeline "change" event handler to force the timeline to stay ...
0
votes
1
answer
16
views
How do I over-ride the alpha settings on the createJS Container children?
I am using createJS and have constructed a Container containing two bitmaps
var content = new createjs.Container();
content.addChild(bkground, foreground);
if I set content.alpha = 0.5 I can see part ...
0
votes
0
answers
19
views
keydown event not firing in google sites/wix when using easel.js
I'm trying to understand why my 15-puzzle game works locally but not when embedded in a google site or a wix site.
Here's a sample of the code:
<canvas id = "myCanvas" width = "800&...
0
votes
0
answers
31
views
Angular . Problem to create new component
Angular . Problem to create new component.
More than one module matches. Use the skip-import option to skip importing the component into the closest module or use the module option to specify a module....
0
votes
0
answers
21
views
TweenJS motionguide draw a curved line
I'm having a trouble on drawing animation of curve line using createJs, TweenJs, EasleJs.
https://codepen.io/Plax1TechJustin/pen/vYVXaQG
const cnvsElem = document.getElementById('cnvs')
const ...
1
vote
0
answers
330
views
Import external script with angular and storybook 7
I'm using a storybook 7 instance with angular 14 and want to import createjs. In angular.json createjs is being imported as a script:
"scripts": [
{
"input": "...
0
votes
0
answers
15
views
Sync easeljs spritesheet position with rendered frame
I have a spritesheet animation showing a die bouncing onto the screen. The spritesheet animation is playing back perfectly, but I am moving the die as it animates and I can clearly see that the image ...
0
votes
0
answers
67
views
Mute and unmute music once it's started playing in Adobe Animate
I'm trying to create a game that demonstrates the different instruments in a band. I've managed it in AS3, but I'm struggling in Javascript.
You can either listen to all the instruments playing a ...
2
votes
3
answers
7k
views
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\...
0
votes
1
answer
62
views
how to change bitmap image width and height in createjs
I have created a game in createjs. For images I am using bitmap to load them. I am able to give them positioning in my grid. I'm trying to change its width and height but its not working.
// this is ...
0
votes
1
answer
64
views
How do I get the Mouseover Target's X&Y for a CreateJS Shape
I am trying to change the FILL COLOR of a SHAPE on Mouseover & Mouseout. Most examples I've seen use the events StageX and StageY coordinates. However, those coordinates are the X & Y ...
0
votes
1
answer
50
views
HTML video does not play
I'm creating a video like this, based on this CodePen:
export function createVideoFromBinary(src, mimeType = 'video/mp4') {
let $video = $(`<video autoplay loop/>`);
let $source = $(`<...
0
votes
1
answer
48
views
Load image with PreloadJS and clone the result
I'm using PreloadJS from CreateJS and am successfully getting an HTMLImageElement:
const PreloadedAssets = {
logo: null,
// ...
initializeMisc(loadQueue) {
PreloadedAssets.logo = ...
0
votes
1
answer
51
views
UP ans DOWN in Adobe Animator and with CreateJS
enter image description here
I use Adobe Animate, I'm not a basic coder.
I am creating an animation to understand the effect of the moon on the tide.
I manage to run:
-The earth on itself indefinitely....
0
votes
1
answer
66
views
Multiple visibility outputs from a if statements adobe animate html5
Thank you for your time
I have a large animation I am working on with several if statements with many outputs
I join the outputs with & ampersand and it all works ok, but when I try to call the ...
-1
votes
1
answer
127
views
Createjs: How to pixelate bitmaps?
I have a very specific project I'm working on and after 2 weeks the best option seems to be using a bitmap within an empty movie clip. It's perfect apart from one issue - I can't figure out how to ...
-2
votes
1
answer
357
views
CreateJS click target is wrong on Samsung Internet browser
I develop a html5 canvas browser game with createjs (Adobe Animate) and after the last update of Samsung Internet browser when the user clicks somewhere, it fires the click event for totally different ...
1
vote
1
answer
181
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 ...
0
votes
2
answers
212
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 ...
1
vote
0
answers
32
views
how to distinguish which picture put in the right position
I am using preloadjs, but I have a question that when I store the images in the queue object. How do I distinguish which image put in the right place.
here is storing the images code
queue....
0
votes
1
answer
116
views
Createjs tweens execute once per window session and never run until page refresh
I'm trying to run code that tweens a stage child at the end of every minigame. I have several minigames with different tweens. The idea is that when you complete some goal with said minigame, a tween ...
0
votes
1
answer
86
views
How to scaleX an object from the side, instead of centered in Animate CC HTML5?
I managed to create a progress bar where I used queue.on("progress", handleProgress); to change the scaleX of a movieclip I named as bar_mc.
var queue = new createjs.LoadQueue();
queue.on(&...
0
votes
2
answers
219
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 ...
1
vote
1
answer
136
views
How to remove addEventListener when jumping between frames in Animate CC HTML5 Canvas?
I seem to have trouble removing addEventListeners when I jump between frames. When I jump back and forth, the addEventListeners still seem to stack up:
Frame 1 code:
this.stop();
this....
0
votes
1
answer
50
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....
1
vote
1
answer
166
views
How to make object jump to cursor/touch position on mousedown?
based on the createjs drag and drop demo, I'm trying to make it so that the circle jumps to the position of the cursor/touch on mousedown.
I managed to make the dragging work, but no idea how to make ...
1
vote
2
answers
164
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....
0
votes
2
answers
38
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. ...
0
votes
0
answers
29
views
Audio plays in all browsers but Safari desktop [duplicate]
I have an issue with Safari desktop. This snippet of code works even on the mobile version of Safari just not on the desktop version (12.1).
js
var targetBeep = "targetBeep";
var atmos = &...
0
votes
2
answers
355
views
The Event pressmove of CreateJS doesn't work on desktop browsers (windows touchscreen)
I have this code that uses the events mousedown , pressmove and pressup ,it runs fine on Android ,IOS ,and windows (mouseEnent), but using finger touch on windows touchscreeen I receive mousedown ...
0
votes
1
answer
94
views
Converting createjs.Graphics stroke to animation path
Using createjs.Shape, I've drawn a stoke between two points. I'd like to convert the stroke to an animation path for an object. Looking into GSAP animateToPath, apparently the path needs to be an ....
0
votes
1
answer
198
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 ...
-1
votes
1
answer
115
views
Nested function losing this scope
I have a js script that works fine on its own, however when I try to move my code to reactjs the nested/referenced function loses 'this' and it references window instead.
Pseudo code bellow.
Any idea ...
2
votes
1
answer
464
views
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 ...
0
votes
1
answer
50
views
Parse shape movement from createjs tween?
I'm trying to pre-calculate the bounding boxes of objects in a createjs file.
I have a simple recursive loop that loops over the tween.
I'm having trouble understanding how the data is stored.
My ...
0
votes
1
answer
96
views
Unexpected variable reassignment in Adobe Animate using JavaScript
I have very recently started playing around with Adobe Animate + JavaScript. I am trying to increment a variable every tick. When in Adobe Animate project, at some point I encountered unexpected ...
2
votes
2
answers
393
views
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 ...
0
votes
1
answer
162
views
Drag to resize a bitmap with createJS & Canvas
I'm working on a basic design app where the user can upload images to a canvas, drag them around and resize them. The problem I have is resizing the image with a mouse drag. I'd like the user to ...
0
votes
2
answers
164
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">
&...
0
votes
1
answer
42
views
Get last created shape in createjs?
I have a demo file that I load into a player output from Adobe Animate.
I want to know if its possible to find the last created shape (or its position or bounds) on the stage in createjs via the ...
0
votes
1
answer
130
views
How to access createjs instance from zim npm
My project is developed using createjs in react framework. I have added zimjs npm in my project.
on console.log(zim) I found zim object contains window.createjs, I can't figure out how to access ...
1
vote
1
answer
33
views
Two images playing the same sound when using "onclick" with create.js script?
Coding noob here. I am trying to use two separate audio files on two separate images, so that when I click on picture A, sound 1 plays, and when I click on picture B, sound 2 plays. The problem is, ...
0
votes
1
answer
103
views
createjs removed all existing info on canvas?
I am trying to verify that this happens no matter what, and there's no way to bypass it. It seems pretty silly to me that createjs uses this architecture. But I noticed that creating a stage from an ...
1
vote
1
answer
95
views
createjs - way to initialize rotated rectangle?
Is there a way to initialized a rotated rectangle without animating its rotation first?
stage = new createjs.Stage("demoCanvas");
//Create a Shape DisplayObject.
rect = new createjs.Shape();
...
0
votes
2
answers
41
views
what is the purpose of circle.x and circle.y in createjs example?
I am trying to see why createjs used this code in its example:
var circle = new createjs.Shape();
circle.graphics.beginFill("red").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
stage....