Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Hinweis der Redaktion
A sprite sheet is a collection of sprites/images arranged into a single image, where each sprite represents a frame of an animation, an asset, a part of an image, or something to that extent. The idea of a sprite sheet has been utilized for a long time, namely in early gaming systems like Atari and Nintendo. In recent times they are most often used for efficient bitmap animation and are extremely useful in tile based games for level creation.Sprite sheets are popular because there are many existing code frameworks that use sprite sheets for animation sequences, they use memory efficiently, they can be GPU accelerated on both mobile and desktop platforms, and they can be used in applications created in almost any language like C/C++, Java, AS3 and HTML5. Our goal is to allow the user to create animations in Flash Professional and then export those animation sequences to a sprite sheet which will include the sprite sheet image data and the metadata needed by the using application to know where each frame of the animation is located in the sprite sheet image. The graphics used in the animation can of course be imported from other applications like Illustrator of Photoshop. To start off we will probably export the metadata in JSON format since it is supported by Flash Player 10.3 and XML and then expand to exporting other popular formats.Blitting is the process by which you take two or more bitmap data objects (one being the destination object, the rest being the source objects) and you combine them in to a single bitmap data object. Think of this like merging layers in Photoshop. One advantage of this is that it is far more efficient to just have one item rendered to the display than lots of individual assets. As a result you can have more assets displayed than you would using normal display methods (using the DisplayList in Flash for example).
The Adobe Flash Professional Toolkit for CreateJS is an extension for Flash Professional CS6 that enables designers and animators to create assets for HTML5 projects using the open source CreateJS JavaScript libraries. The extension supports most of the core animation and illustration capabilities of Flash Professional, including vectors, bitmaps, classic tweens, sounds and JavaScript timeline scripting. With one click, the Toolkit for CreateJS exports the contents on the stage and in the library as JavaScript that can be previewed in the browser to help you start building expressive HTML5-based content in no time.
Designer/AnimatorCreate assets and animationsScript timeline navigation in JavascriptGenerate sprite sheets using EaselJS data format Preview content in browserExport library and stage to JS libraryIterate until ready to handoff to developer[in parallel with development] Update assets and regenerate JS libraryDeveloperCreate new project and import generated JS lib and html filesCreate new JavaScript file Check-in to source control systemSetup Stage, Ticker and preloaderIntegrate assets as encapsulated objectsWrite logic in JavaScriptIterate, test and debugDeploy to web server