Sprites

as an animated GIF that may be moved on-screen and otherwise manipulated as a single entity. || ** Example of a Sprite Sheet ** that is used to create a movie clip. Each movement is a keyframe in the movie clip. || === ===
 * ** Historically, ** a sprite is an elf or a fairy- || ** In our digital age ****,** a sprite is known

Sprite Animation Requirements
||
 * [[image:dbutera-webdesign/fairy.jpg width="123" height="163"]] || [[image:giphy.gif width="208" height="147"]] || [[image:pic1.jpg width="213" height="207"]] || * two(2) animated sprites


 * a background


 * music


 * credits - at the end of the movie and return to the title page with the PLAY button


 * >= 95 for additional characters, weapon or other enhancements

=INSTRUCTIONS=
 * Example Sprite Animation ||
 * STEP 1: Find sprite sheets for your characters **
 * Choose and save two sprite sheets from the web. One for each of your 2 characters. Use the keywords: "free sprite sheets with transparent backgrounds"
 * STEP 2: How to create an animated sprite character using movie clips **
 * Student Example - Running Cat
 * === Step by step sprite movie instructions ===
 * === Step by step sprite movie instructions ===

*

 * If you need more help, watch the videos below. Some of the videos below were created in older versions of flash so there are some variations in the user interface.
 * Sprite Tutorial 1:[[image:http://www.wikispaces.com/i/mime/32/application/octet-stream.png width="32" height="32" link="file:dbutera-webdesign/Sprite tutorial 1.exe"]] [[file:dbutera-webdesign/Sprite tutorial 2.exe|Sprite tutorial 1.exe]]
 * [[file:dbutera-webdesign/Sprite tutorial 1.exe|Sprite tutorial 2.exe]]
 * __ [[@http://sprites%20a%20sprite%20is%20an%20elf%20or%20a%20fairy%20like%20such:%20in%20the%20world%20of%20computer%20graphics%2C%20a%20sprite%20is%20known%20as%20an%20animated%20gif%20that%20may%20be%20moved%20on-screen%20and%20otherwise%20manipulated%20as%20a%20single%20entity.%20example%20of%20a%20sprite:%20example%20of%20a%20sprite%20sheet:%20sprite%20animation%20movie%20goal:%20create%20an%20animation%20using%20sprites%20http//dbutera-webdesign.wikispaces.com/Sprites%20-%20last%20edited%20Mar%2029,%202012%20by%20DButera2%20DButera2%20%20Sprite%20tutorial%201.exe%20Sprite%20tutorial%201.exe%20http://dbutera-webdesign.wikispaces.com/file/detail/Sprite+tutorial+1.exe%20-%20uploaded%20Jan%2018,%202012%20by%20DButera2%20DButera2%20%20Sprite%20tutorial%202.exe%20Sprite%20tutorial%202.exe%20http://dbutera-webdesign.wikispaces.com/file/detail/Sprite+tutorial+2.exe%20-%20uploaded%20Jan%2018,%202012%20by%20DButera2%20DButera2%20%20JPEG%20Image%20sprite.jpg%20http://dbutera-webdesign.wikispaces.com/file/detail/sprite.jpg%20-%20uploaded%20Mar%2026,%202012%20by%20DButera2%20DButera2%20%20random%20sprite%20fight.exe%20random%20sprite%20fight.exe%20http://dbutera-webdesign.wikispaces.com/file/detail/random+sprite+fight.exe%20-%20uploaded%20Mar%2028,%202012%20by%20DButera2%20DButera2%20Tutorials%20Flash%20beginner%20video%20lessons%20-%20Lynda.com%20Flash%20beginner%20lessons%20-%20Vineyard%20Designs%20Sprite%20Tutorial%201:%20Sprite%20tutorial%201.exe%20Sprite%20Tutorial%202:%20Sprite%20tutorial%202.exe%20http://dbutera-webdesign.wikispaces.com/Tutorials%20-%20last%20edited%20May%2027,%202014%20by%20DButera2%20DButera2%20Extra%20Credit%20EXTRA%20CREDIT%20Web%20Design%20II%20-%20FLASH%20ANIMATION%20WORK:%20Sprites%20%E2%80%93%20Create%20an%20animation%20using%20sprites%20Click%20here%20for%20Sprite%20Animation%20Instructions%20Examples:%20random%20sprite%20fight.exe%20CHARACTER%20%E2%80%93%20Create%20a%20talking%20face%20animation%20with%20a%20caption%20Create%20a%20talking%20face%20for%20a%20character%20with%20moving%20features%20http://dbutera-webdesign.wikispaces.com/Extra+Credit%20-%20last%20edited%20Apr%2016,%202012%20by%20DButera2%20DButera2%20Flash%20Assignments%20Figure%20with%20Bouncing%20Ball%20and%20Sound%20Effects%20Examples%20Sprite%20Animation%20http://dbutera-webdesign.wikispaces.com/search/view/sprites%20...%20Slideshow%20Mask%20Tool%20Shape_tween%20Product%20Advertisement%20Sprite%20Animation%20Animated%202-D%20Character%20Flash%20Mini%20http://dbutera-webdesign.wikispaces.com/Flash+Assignments%20-%20last%20edited%20Apr%202,%202015%20by%20DButera2%20DButera2|Sprite Tutorial for CS6:]] __
 * @https://www.youtube.com/watch?v=XNpfBQMRfR8
 * @https://www.youtube.com/watch?v=j6bePmYixaw
 * STEP 3: Add a background to your movie **
 * Find and save a background image for your animation. Use the keywords: "sprite game background" or another of your choice.
 * Create a new layer (this will be your bottom-most layer) and name it **background**.
 * Import your image to stage on your background layer
 * STEP 4: Add your sprites to the movie **
 * On a new layer, add your animated sprite - this will be in your library saved as a movie clip, if your sprite is not already on stage.
 * Put each animated sprite on its own layer
 * Create your movie, have your sprites move around against the background.
 * STEP 5: Add music to your movie **
 * Save a music file and import it to the stage in a new layer - add a keyframe at the last point in your movie to the music plays the entire movie
 * Research how to control your audio file in Flash - fade it out or make it stop after the credits.
 * STEP 6: Add credits to your movie **
 * Animation by:
 * Music Title and Composer:
 * And any other credits
 * Make sure the user has time to read the credits.
 * Make your movie return to the title page with the PLAY button
 * STEP 7: Improve the appearance of your introduction screen **
 * Add a layer and add drag and drop your sprite movie clip to the stage
 * STEP 8: BLOG POST - Title: Sprite Animation **
 * Create a blog post and write a learning reflection and include your animation below it.
 * How to get you animation's .swf file in your blog post