Flash is your Friend
18
March 25, 2008 Flash Is Your Friend An introductory level guide for getting acquainted with Flash by Tom Krupka
-
Upload
wayne-state-university -
Category
Technology
-
view
2.883 -
download
1
description
An introductory level guide for getting acquainted with Flashby Tom Krupka
Transcript of Flash is your Friend
March 25, 2008
Flash Is Your FriendAn introductory level guide for getting acquainted with Flashby Tom Krupka
March 25, 2008
A Brief History:Adobe Flash, which was previously called Macromedia Flash, is a set of multimedia technologies developed and distributed by Adobe Systems. First introduced in 1996, Flash technology has become a popular method for adding animation and interactivity to web pages, creating animations, advertisements , integrating video into web pages, and more recently, to develop rich Internet applications.
March 25, 2008
Flash Player Penetration:
Flash as a format has become the dominant desktop video player and become the player of choice, because of its streaming ability. Adobe has over a 98 percent market penetration for desktop users. Here is a chart from the Adobe website, comparing it to other popular video streaming players.
Millward Brown survey, conducted December 2007.
March 25, 2008
Version Penetration:
“Adobe's Flash player has done more to enable the current growth of interactive marketing and advances in design/interaction than any other plug-in in history. Penetration numbers have bounded to close to 100% for past versions of the player. “
Matt Dickman, Techno//Marketer.
March 25, 2008
Use of Flash with Video:
Flash is increasingly used as a way to display and stream video clips on web pages. Flash is used as the basis for many popular video sites, including YouTube and Google Video.
March 25, 2008
Flash Advantages:• Flash can make a web site more attractive, interactive and dynamic. • Flash uses vector graphics, which means that the graphics can be scaled to any
size without losing clarity or quality.• Flash Player has a small install size, quick download time, and fast initialization
time.• Flash can also be used to create innovative banner ads, games and multimedia
interactive movies that can be displayed on a web site.• Flash-based movies are likely to look the same on all browsers and across all
computer platforms.• Flash movies can also be exported to construct stand-alone executable
applications, which are ideal for CD-ROMs, kiosk programs and screensavers.
March 25, 2008
Flash Interactive Website Example:
http://www.wakeupyourphone.com/
March 25, 2008
Flash Interactive Game Example:
http://www.scruffs-game.com/
March 25, 2008
Flash Interactive Banner Ads:
March 25, 2008
Flash Disadvantages:• The Annoyance Factor – Depending on how the flash was designed it could come
off to be a serious distraction from the main content. • The main disadvantage of Flash is that the content is not currently indexed by
search engines.• Accessibility Issues for Screen Readers etc…
Using web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing those with better bandwidth or more advanced browser software an enhanced version of the page.
March 25, 2008
Progressive Enhancement Example:
With JavaScript On With JavaScript Off
http://virtualtour.wayne.edu/
March 25, 2008
Embedding Flash into HTML:<html>
<object width="400" height="300" id="movie“> <param name="movie" value="movie.swf"> <embed src="movie.swf" quality="high" width="400" height="300“
name="movie" align="" type="application/x-shockwave-flash"> </object>
</html>
March 25, 2008
Flash Interface:
March 25, 2008
Flash Timeline:
March 25, 2008
Flash Symbols:
Graphic symbols are reusable static images that are used mainly to create animations - Any drawn vector/plain text/imported bitmap (photo), or combinations of these, can be converted into a single controllable object: as a graphic symbol. They have only one frame in their timeline.
Button symbols are used for timeline navigation - They add interactivity to the movie and respond to mouse clicks, key press or rollovers/rollout, and other actions. You define the graphics associated with various button states (Up/Over/Down/Hit), and then assign actions to the instance of a button. They have 4 frames in their timeline - one each for the up, over and down states, and one to define the hit area of the button.
Movieclip symbols are reusable pieces of flash animation - Consisting of one or more graphic/button symbols - thus they are flash movies within your flash movie. They have their own non-restricted Timeline (any number of layers and frames - just like the main timeline) that plays independent of the main movie's Timeline. The best thing about using movieclips is that you can control them from actionscript.
March 25, 2008
Flash Instances:
Why use instances?•They save time - you won't have to re-make objects, just place new copies of them. •The save file size - instances don't take up as much space as new objects, so the more instances you use, the faster the flash player will load the movie.•Make a change one time - If you use symbols and instances, just changing the symbol will adjust the look of all your instances.
Instances are like copies of your symbol. They can be placed throughout your flash movie and then easily changed.
March 25, 2008
Future of Flash:• New text rendering, code named "Saffron": this new text renderer will bring extremely sharp text display
to the Flash Player, and I think it looks even clearer than ClearType.
• Significant performance improvements: one of these is the addition of bitmap caching, which enables graphics and components to be displayed much more quickly. In the demo (shown on a Mac), some moving components jump from about 14fps to 125fps.
• Realtime graphic effects: an array of new effects are being built into the Flash Player to enable rapid display and to keep content download size small. These effects include things like glows, blurs, drop shadows, color matrix, and others. They can be applied live to any objects in Flash, including graphics, text, and even video. Since these are applied live, they can react interactively and also reduces authoring time as it eliminates several post-processing steps in Photoshop or Fireworks that are required to achieve these effects today.
• Realtime video alpha channel: video will have the added capability of a transparent alpha channel, enabling live composition of non-rectangular video on top of background elements (even other background video).
Kevin Lynch - Chief Software Architect at Adobehttp://www.klynch.com/archives/000073.html
March 25, 2008
Flash Resources:
http://www.kirupa.com/http://www.flashkit.com/http://www.bestflashanimationsite.com/resources/
Basic Flash Tutorialshttp://www.smartwebby.com/Flash/flash_symbols.asphttp://www.kirupa.com/developer/flash8/tween.htmhttp://www.kirupa.com/developer/flash8/simple_animation.htm
Flash Tenth Anniversary and future of flash infohttp://www.adobe.com/products/flash/special/flashanniversary/
