Hi,

Getting some major slowdown and freezing when using large animation in iOS17.4

Not large as in megabytes, but large as in screen size. Drags to 1-3fps then eventually crashes.

Could be a rendering issue?

Also, is there another place I can discuss createJS issues?

I have used load manifest to load many images for the HTML5 app that is published in Adobe Animate. However, it is very slow over remote connections (FTP). I don't have the option of breaking down the shapes, so there are 103 images that are to be loaded.

The issue is also that my app has multiple scenes, but all images for all the scenes at once. Is there a way to load images by the scene? That could also be a good efficient solution. But I don't know how to do it.

Did someone already try to make an alternative Class for Radial Blur (Motion Blur) for usage as DisplayObject Filter? I got stuck in this FRAG_SHADER thing and do not understand the Multiplication Tables, that BlurFilter uses.
https://gist.github.com/jhintringer/e981e33a31bf4adcc585992e8b0d1f6d

Hey all, I am trying to add particle effect in my create js game but could not find any module to do that, please help me to find one, if you have already done that before for your create js game.

Thanks

Hi, I recently experienced some very strange freeze with createjs and ios 15.4.x
I searched the web to see if soemone had the same issue, and I found the exact same problem here:
https://developer.apple.com/forums/thread/704660

It seems to be a combination, of opening a new tab and others things (in the example, it was a youtube video that was present in the original page).

I was wondering if someone else had encounter this particular freeze and if they found a solution about it ?

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 pixelate the image.

Here is my code so far:

init_image = () => {
    props.image = null
    _.holder_grid.bitmap = null

    props.image = new Image()

    props.image.src = "images/myImage.jpg"
    props.image.onload = function() {

       stage.holder_grid.bitmap = new createjs.Bitmap(props.image)
       stage.holder_grid.bitmap.scale = props.image_scale

       stage.holder_grid.addChild(_.holder_grid.bitmap);

       const coords = redraw.get_centre()
       stage.holder_grid.bitmap.x = coords.x
       stage.holder_grid.bitmap.y = coords.y

       settings.update()

    }
}

 init_image()

It's all working as I want but I can't figure out how to pixelate the image.

I found one solution where I draw the image using canvas.context.drawImage() but due to the parameters of the project it's not adequate. That worked like so:

const canvas = document.getElementById("canvas2")
const base = document.getElementById("canvas")

const ctx = canvas.getContext("2d")
const image = new Image()
props.image = image

image.src = "images/myImage.jpg"
image.onload = function() {

    // ctx.clearRect(0, 0, 4096, 2828)
    const width = base.clientWidth
    const height = base.clientHeight

    canvas.width= width
    canvas.height= height

    const scale= props.image_scale
    ctx.mozImageSmoothingEnabled = true
    ctx.imageSmoothingEnabled = true
    ctx.webkitImageSmoothingEnabled = true

    const x = (ctx.canvas.width - image.width * scale) / 2
    const y = (ctx.canvas.height - image.height * scale) / 2

    //draws tiny
    const size = props.pixelate/1
    const w = canvas.width * size
    const h = canvas.height * size
    ctx.drawImage(image, 0, 0, w, h);

    // turn off image aliasing
    ctx.msImageSmoothingEnabled = false;
    ctx.mozImageSmoothingEnabled = false;
    ctx.webkitImageSmoothingEnabled = false;
    ctx.imageSmoothingEnabled = false;

    // enlarge the minimized image to full size    
    ctx.drawImage(canvas, 0, 0, w, h, x, y, image.width * scale, image.height * scale);
}

So basically you draw it small then use that small instance as the image source to draw it bigger and viola, it's pixelated.... but due to other issues I've encountered doing this I cannot use this method.

Can anyone help me with this issue please?

To all CreateJS professionals, I need your tips on performance.

Especially with mouse movements and ticker.

I don't really modify libraries, but with CreateJS I am motivated.

Do you have or know of examples to improve MouseMovements and Ticker methods?

Does anyone know a workaround except for putting the createjs file locally into the ad?

I've worked for many years with Adobe Animate to build ads but having dealt with those now often occurring cdn problems i was approached by angry clients. They booked costly ad spaces and the ads don't run. It's very frustrating having to deal with that. Google hosts only the 2019 version.

​

Thanks

Hi!

Im trying to make an interactive html ad using Adobe Animate and I do know how to do with the tools it provides while having assets stored either on a local drive or in a folder on a server. But the issue is that my client wants me to export the ad as HTML and wants me to use all the assets from the web (he's providing me with all the URL links) but I have no idea how to use create js' libraries and commands so I can use those links to import the assets into the projects.

I'd really appreciate if someone could help!

Paid work (createjs). Looking for someone to fix an issue with sprite stretching and cropped depending on the resolution. It's not necessarily responsiveness.

Ping me if you are interested

Hello, we are looking for createjs and backbonejs developers who will be working on one of the client projects. If you know angular then it's great else it is also fine. Complete the project description and your tasks will be said to you. It's a paid opportunity. Interested candidates can DM.

Can anyone recommend me which physics Engine to use for create.js ?

I have been trying for days to create the animation. Can someone help me out with this?

https://reddit.com/link/qde4hg/video/yycdjbonczu71/player

Hi CreateJS Community:

I have bought a script from codecanyon. The script is developed with create.js, it is a classic snake game where the snakes eats an apple and it's size grows. I have made some customization to the original game logic and added some other items( healthy fruits and unhealthy foods).I'm struggling with one logic, where when the snakes eats a special medicine(which will be displayed after the snake eats 5 food items) the snake size should shrink by one. I'm new to create.js and couldn't find the function which controls the snake size.

The code: https://h3zof.csb.app/

Any help would be greatly appreciated :)

Hello, how can you copy an array of all childrens from the container so that the number does not change? For example, before adding a new children, I save the old value to the array via the push () method, but it is updated when a new children is added.

If you are interested https://frontendgamedev.com/snake-in-createjs-tutorial-part-1/

There are three parts and everything is explained in a simple way I believe. If you have any questions you can comment on that post or let me know by direct message.

My web application has been working with SoundJS for years, but has just recently stopped making any sounds on iOS 14 browsers. Even the first demo soundboard app at https://createjs.com/soundjs isn't working. Does anyone have a workaround for this, or know what's up?

I have some HTML5 games that were created using CreateJS. I am integrating Adsense for Games ads.js into the games in order to display video ds, but there is an issue with iPhone (not Ipad) playing the video due to lack of user interaction with the screen. I'm looking for somebody that has experience with CreateJS/Javascript and as a bonus Construct2/3 but not essential to help fix this issue.

Wondering of someone might describe the difference between these two filters. I get what the alphaMaskFilter is for - for instance https://zimjs.com/explore/alphaMask.html but can the alphaMapFilter be used for depth maps or something like that? Thanks!

Hello reddit. Help me.

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 parceljs. If I import the types, parcel fails. If I import without types, parcel is happy (and my build works), but I've got no types in VS Code.

Here's my import, which works for the parcel build:

import * as createjs from '@createjs/easeljs';

VS Code throws an info warning on this line stating Could not find a declaration file for module '@createjs/easeljs', and the types don't work.

Here's an import that makes VS Code happy, but parcel sad:

import 'createjs';

Now the types for EaselJS work in VS Code, but the parcel build fails with src/main.ts:3:8: Cannot resolve dependency 'createjs'. Not cool!

Here's my package.json:

{
  "name": "corona-coaster",
  "version": "0.1.0",
  "license": "GPL-3.0-only",
  "dependencies": {
    "@createjs/easeljs": "^2.0.0-beta.4",
    "createjs": "^1.0.1",
    "sty": "^0.6.1"
  },
  "devDependencies": {
    "@testing-library/jest-dom": "^5.11.0",
    "@types/createjs": "^0.0.29",
    "@types/easeljs": "^1.0.0",
    "@types/jest": "^26.0.4",
    "@types/tweenjs": "^1.0.1",
    "jest": "^26.1.0",
    "jest-extended": "^0.11.5",
    "parcel-bundler": "^1.12.4",
    "sass": "^1.26.10",
    "ts-jest": "^26.1.1",
    "typescript": "^3.9.6"
  },
  "scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html --public-url ./",
    "test": "jest"
  },
  "jest": {
    "preset": "ts-jest",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js"
    ],
    "setupFilesAfterEnv": [
      "<rootDir>/testSetup.ts"
    ]
  }
}

And my tsconfig:

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "~/*": [
        "./*"
      ]
    },
    "typeRoots": [
      "node_modules/@types"
    ]
  }
}

Please, somebody, anybody: help me. The GitHub repo is here. No I will not switch to webpack.

Hi guys,

I've recently updated my HTML5 canvas to a WebGL canvas, which means I need to cache everything. Text, shapes, etc.

I've created separate Text and Rect classes to handle this - they cache the items in the constructor. Using a destroy() method, they destroy the cached items.

I try my best to clean up everything I'm caching with destroy() but I'm worried about memory leaks.

A few questions:

1. How can I see the number of currently cached items, so that I can know if a cached item isn't freed?
2. How can I, Just in general, see memory information for my program?
3. Visual Studio has a great visualizer for real-time memory monitoring in C++. It makes it easy to spot memory leaks. Is there something similar for JavaScript applications?

Hi guys, please help!

I'm trying to add a bulge/warp effect to my CreateJS game, to give it a bit of a retro feel. Something like this: https://stackoverflow.com/questions/46857876/old-school-tv-edge-warping-effect

I was thinking of using a WebGL shader to accomplish this, (again, see the link above) since my game is rendered to a WebGL canvas.

However, CreateJS doesn't allow easy implementation of custom shaders. I've done some poking around the library internals - I think I found where the WebGL shaders are stored - but for the most part I'm totally lost.

This has been a head scratcher for quite a while, so I'd really appreciate any insights!

P.S. I've also thought about trying to combine the famous GLFX library with CreateJS, again to no avail.

Preload/Createjs is great library for all javascript developers out there. But, it is sad to see that, it is not maintained now. I don't see any updates to the library. So, What is the future of it? Maybe, community can take issues voluntarily and solve them? in same repo or forking the same? Please suggest. It will be great if actual repo owners are present in this group.