By Afshin Mehrabani

Design and boost wonderful lively internet functions utilizing CreateJS

About This Book

  • Enables you to layout top-notch internet functions with the most effective frameworks according to JavaScript
  • Illustrates using EaselJS API to customise and increase functionality of advanced applications
  • Provides suggestions to universal difficulties confronted through CreateJS users

Who This publication Is For

If you're a net developer with a few event in JavaScript improvement, and need to go into the interesting international of feature-rich net purposes with CreateJS, then this e-book is ideal for you.

What you are going to Learn

  • Install and configure CreateJS
  • Implement the drag-and-drop interactions
  • Utilize HTML5 to improve complicated animations with EaselJS and TweenJS
  • Improve animation rendering with caching techniques
  • Enhance images and shapes utilizing filters like hue
  • Build a UI utilizing CreateJS

In Detail

CreateJS is a well-liked, good supported JavaScript library used for online advertising, schooling, gaming, and cartooning.The CreateJS suite comprises diversified libraries which are designed to paintings independently or jointly to create wealthy interactive content material on open net applied sciences on an HTML5 canvas. In CreateJS, the EaselJS API offers options for operating with wealthy photographs and interactivity and integrates good with its tweening library; TweenJS.

Starting with the fundamentals of CreateJS, you are going to create your first operating net software. you are going to achieve sensible event of using good points like drag-and-drop, caching, filtering, and portray, to construct visually amazing net applications.

Filled with useful examples and wide descriptions, this e-book starts off via supporting you with fitting and configuring the CreateJS suite in several environments. you'll then become aware of the EaselJS API and enforce the fundamental gadgets and techniques. you'll growth to create animations in CreateJS utilizing TweenJS and may learn how to optimize the functionality of animations for higher rendering in numerous browsers.

You also will learn how to use the Vector mask to create a number of layers at the canvas.Finally, you are going to achieve the services to enhance your personal internet functions, wealthy with wonderful visible renditions and a hands-on event of operating with CreateJS.

This is a definitive advisor for a person who's making plans to exploit the prolific CreateJS suite to strengthen compelling internet applications.

Show description

Read or Download Getting Started with CreateJS PDF

Similar Programming books

Embedded C

For those who are approximately to write down their first embedded software - or were suffering to profit approximately this crucial zone - this ebook will retailer weeks of attempt.

Cocoa Design Patterns

“Next time a few child indicates up at my door requesting a code assessment, this is often the publication that i'm going to throw at him. ”   –Aaron Hillegass, founding father of sizeable Nerd Ranch, Inc. , and writer of Cocoa Programming for Mac OS X   Unlocking the secrets and techniques of Cocoa and Its Object-Oriented Frameworks   Mac and iPhone builders are usually beaten via the breadth and class of the Cocoa frameworks.

C++ Primer (5th Edition)

Bestselling Programming educational and Reference thoroughly Rewritten for the hot C++11 usual   absolutely up-to-date and recast for the newly published C++11 regular, this authoritative and finished advent to C++ may also help you to profit the language speedy, and to exploit it in glossy, powerful methods.

Operating System Concepts

Maintain velocity with the fast-developing international of working structures Open-source working structures, digital machines, and clustered computing are one of the prime fields of working structures and networking which are speedily altering. With big revisions and organizational alterations, Silberschatz, Galvin, and Gagne’s working method thoughts, 8th variation continues to be as present and appropriate as ever, supporting you grasp the elemental recommendations of working structures whereas getting ready your self for today’s rising advancements.

Extra info for Getting Started with CreateJS

Show sample text content

Stage(canvas); /* create and draw the form */ var circle = new createjs. Shape(); circle. photos. beginFill("red"). drawCircle(50, 50, 40); /* upload the blur filter out to filters estate */ circle. filters = [new createjs. BlurFilter(5, five, 10)]; /* cache the form to use the filter out */ circle. cache(0, zero, a hundred, 100); /* upload form to level and replace */ level. addChild(circle); degree. update(); within the first line, now we have created a form item; within the subsequent line, we have now created a circle with the colour pink. the following line comprises the clear out configurations, and within the final line we now have cached the thing utilizing the cache functionality. utilizing the cache technique in examples with filtering won't basically strengthen functionality yet also will follow the clear out to the form and make it paintings. EaselJS includes numerous easy filters, reminiscent of blur or colour filters, for you to use simply. here's a checklist of integrated filters: AlphaMapFilter: this can be used to map a grayscale snapshot to the alpha channel of a exhibit item. AlphaMaskFilter: this can be used to map the alpha channel of a picture to the alpha channel of a reveal item. BlurFilter: this is applicable vertical and horizontal blur to a show item. ColorFilter: this colour transforms a show item. ColorMatrixFilter: This transforms a picture utilizing a ColorMatrix. within the subsequent part, we are going to speak about most of these filters intimately. utilizing the AlphaMapFilter classification The AlphaMapFilter is an integrated filter out is used for employing a grayscale alpha map photo (or canvas) to the objective. To be clearer, the alpha channel of the outcome should be copied from the purple channel of the map and the RGB channels may be copied from the objective item. regularly, it is strongly recommended that you simply use AlphaMaskFilter, since it has far better functionality. This has been taken from: http://www. createjs. com/Docs/EaselJS/classes/AlphaMapFilter. html the subsequent code snippet is the definition for this type: AlphaMapFilter (alphaMap) The parameters are as follows: alphaMap | snapshot | HTMLCanvasElement we have now used the grayscale photograph or the canvas because the alpha channel. it's going to be of a similar dimensions because the goal. the next code is an instance of utilizing the AlphaMapFilter type: /* upload canvas and level */ var canvas = record. getElementById("canvas"); var degree = new createjs. Stage(canvas); /* Create clear out */ var field = new createjs. Shape(); field. photos. beginLinearGradientFill(["#0000ff", "#ff0000"], [1, 0], zero, zero, zero, three hundred) field. pics. drawRect(0, zero, three hundred, 300); field. cache(0, zero, three hundred, 300); /* create the second one form */ var box2 = new createjs. Shape(); box2. portraits. beginLinearGradientFill(["#0000ff", "#ff0000"], [0, 1], zero, zero, zero, 300); box2. pix. drawRect(0, zero, three hundred, 300); /* upload clear out to box2 */ box2. filters = [ new createjs. AlphaMapFilter(box. cacheCanvas) ]; /* and at last, cache the form to use alterations */ box2. cache(0, zero, three hundred, 300); /* upload bitmap to level and replace degree */ level. addChild(box2); degree. update(); within the first few strains of the code, we created a rectangle created with a linear gradient after which cached the item utilizing cache strategy.

Rated 4.93 of 5 – based on 31 votes