Questions tagged [createjs]

A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5.

Filter by
Sorted by
Tagged with
-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....
Alfista's user avatar
  • 35
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 ...
Slaus's user avatar
  • 2,106
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 ...
GeorgePorge's user avatar
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, ...
GeorgePorge's user avatar
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 ...
Lorenzo Alighieri's user avatar
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 ...
ClayH's user avatar
  • 3
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 ...
Andy Donald's user avatar
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&...
user3747680's user avatar
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....
ahilleas lezakis's user avatar
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 ...
Plax1Justin's user avatar
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": "...
Pateta's user avatar
  • 430
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 ...
GeorgePorge's user avatar
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 ...
PJS's user avatar
  • 1
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\...
Reyhan Hamzah's user avatar
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 ...
Asad Ur Rehman's user avatar
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 ...
Prisoner ZERO's user avatar
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 = $(`<...
Hydroper's user avatar
  • 356
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 = ...
Hydroper's user avatar
  • 356
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....
Jean-François CARIOU's user avatar
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 ...
Peterw's user avatar
  • 1
-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 ...
EdelweissPirate's user avatar
-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 ...
Stoyan Stoyanov's user avatar
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 ...
IlludiumPu36's user avatar
  • 4,182
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 ...
IlludiumPu36's user avatar
  • 4,182
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....
Lunkai Yang's user avatar
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 ...
Fabian Bautista's user avatar
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(&...
Trial's user avatar
  • 57
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 ...
IlludiumPu36's user avatar
  • 4,182
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....
Trial's user avatar
  • 57
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....
IlludiumPu36's user avatar
  • 4,182
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 ...
Trial's user avatar
  • 57
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....
atian155's user avatar
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. ...
IlludiumPu36's user avatar
  • 4,182
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 = &...
ziggelflex's user avatar
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 ...
Tou You's user avatar
  • 1,159
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 ....
bhnh's user avatar
  • 31
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 ...
Mikey Muss's user avatar
-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 ...
Gibbz's user avatar
  • 69
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 ...
Gibbz's user avatar
  • 69
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 ...
Gibbz's user avatar
  • 69
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 ...
Sarunas's user avatar
  • 85
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 ...
jogo's user avatar
  • 25
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 ...
Rob's user avatar
  • 3
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"> &...
Glow Bunny's user avatar
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 ...
Gibbz's user avatar
  • 69
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 ...
Amit Shakya's user avatar
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, ...
mdx111's user avatar
  • 11
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 ...
rickster26ter1's user avatar
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(); ...
rickster26ter1's user avatar
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....
rickster26ter1's user avatar

1
2 3 4 5
26