EaselJS | Easel Javascript | Animation library

by CreateJS JavaScript Version: 1.0.2 License: MIT

X-Ray Key Features Code Snippets Community Discussions(5)Vulnerabilities Install Support

kandi X-RAY | EaselJS Summary

EaselJS is a JavaScript library typically used in User Interface, Animation applications. EaselJS has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i easeljs' or download it from GitHub, npm.

EaselJS is a library for building high-performance interactive 2D content in HTML5. It provides a feature-rich display list to allow you to manipulate and animate graphics. It also provides a robust interactive model for mouse and touch interactions. It is excellent for building games, generative art, ads, data visualization, and other highly graphical experiences. It works well alone, or with the rest of the CreateJS suite: SoundJS, PreloadJS, and TweenJS. It has no external dependencies, and should be compatible with virtually any framework you enjoy using.

Support

Quality

Security

License

Reuse

Support

EaselJS has a medium active ecosystem.

It has 8036 star(s) with 2007 fork(s). There are 377 watchers for this library.

It had no major release in the last 12 months.

There are 195 open issues and 670 have been closed. On average issues are closed in 269 days. There are 28 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of EaselJS is 1.0.2

Quality

EaselJS has 0 bugs and 0 code smells.

Security

EaselJS has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

EaselJS code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

EaselJS is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

EaselJS releases are available to install and integrate.

Deployable package is available in npm.

Installation instructions are not available. Examples and code snippets are available.

EaselJS saves you 4867 person hours of effort in developing the same functionality from scratch.

It has 10257 lines of code, 0 functions and 204 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed EaselJS and discovered the below as its top functions. This is intended to give you an instant insight into EaselJS implemented functionality, and help decide if they suit your requirements.

Constructs a Stage .
Represents a display object .
Initialize a new BitmapCache object .
The MovieClip constructor
Represent a stage .
Constructs a new SpriteSheets object .
Creates a new Event .
Creates a new Graphics .
Create a Spriteheet instance .
Represents a Spriteheet .

Get all kandi verified functions for this library.

EaselJS Key Features

No Key Features are available at this moment for EaselJS.

EaselJS Examples and Code Snippets

No Code Snippets are available at this moment for EaselJS.

Community Discussions

Trending Discussions on EaselJS

How can I check if a symbol/MC is a child of another symbol/MC?

EaselJS: Is there any way to export a shape to an image file?

Using EaselJS, how can I set a framerate for painting while not redrawing the existing bitmap elements?

Is it possible to use EaselJS (CreateJS) with TypeScript using parceljs?

change stage size to fit window resize without scaling

QUESTION

How can I check if a symbol/MC is a child of another symbol/MC?

Asked 2022-Mar-04 at 13:47

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. I then want to check if it is a child of that parent in a later function:

...

ANSWER

Answered 2022-Feb-28 at 07:37

This worked for me:

Source https://stackoverflow.com/questions/71290986

QUESTION

EaselJS: Is there any way to export a shape to an image file?

Asked 2020-Nov-13 at 19:12

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:

...

ANSWER

Answered 2020-Nov-13 at 19:12

You can export any EaselJS DisplayObject by caching it, and then exporting the dataURL. Note that you have to know the raw bounds. If you want a larger cache of it, just increase the scale parameter.

Source https://stackoverflow.com/questions/64810601

QUESTION

Using EaselJS, how can I set a framerate for painting while not redrawing the existing bitmap elements?

Asked 2020-Oct-25 at 19:40

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 shape. This code forces ALL the elements on the stage (including bitmaps) to be redrawn. But the existing bitmaps on the stage should not be redrawn.

The bitmaps are in container which is a child of stage. This is what I have (much of it from https://github.com/CreateJS/EaselJS/blob/master/examples/CurveTo.html):

...

ANSWER

Answered 2020-Oct-25 at 19:40

You can't conditionally choose what gets redrawn to a stage.

The best option you have is to have a separate canvas/cache that you continuously draw to, and then add it as the source of a bitmap that is on your main stage. Caching basically does this for you.

An easy approach is to put your auto-draw content into a Container, and cache() it:

Source https://stackoverflow.com/questions/64517495

QUESTION

Is it possible to use EaselJS (CreateJS) with TypeScript using parceljs?

Asked 2020-Jul-21 at 01:22

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:

...

ANSWER

Answered 2020-Jul-21 at 01:22

I found a workaround. Use the createjs-module package instead, and use this as your import statement:

Source https://stackoverflow.com/questions/62944788

QUESTION

change stage size to fit window resize without scaling

Asked 2020-May-24 at 18:07

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 change the canvas size accordingly, I have simplified the example to cover the complete window.

...

ANSWER

Answered 2020-May-24 at 18:07

I found the culprit. jQuery

jQuery.width() (and jQuery.height()) implementation uses CSS styling to change the width of the element selected, which is not correctly interpreted by easeljs.

The solution was simply to direct change of the width of the element without using jQuery

change the line

Source https://stackoverflow.com/questions/61958728

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install EaselJS

You can install using 'npm i easeljs' or download it from GitHub, npm.

Support

It was built by gskinner.com, and is released for free under the MIT license, which means you can use it for almost any purpose (including commercial projects). We appreciate credit where possible, but it is not a requirement.

Find more information at: