Flash: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
(→‎Reference and manuals on-line: moved reference manuals and cheatsheets to AS3 links documentation as some of this information was repeated on two different pages)
(→‎Links to Tutorials: moved tutorials to a separate tutorials page)
Line 146: Line 146:
* See [[texture]]
* See [[texture]]


== Links to Tutorials ==
== Extra Resources ==
 
This section only should index good and free tutorials. '''No''' junk indexes with nothing but advertisements.
There is a problem with Flash Version. Various Flash versions are considerably different and most sites include older stuff...
 
=== Web sites with tutorials ===
* Both just links or "real" repositories
* Since there exist very little Flash 9-only collections, I also include sites with older information. There is quite a huge difference between ActionScript 2 and 3, but drawing and the elements of the Flash environment (timeline, etc.) are not that different.
 
; Collections - both text and videos
 
* Lloyd Rieber's [http://www.nowhereroad.com/menu.html Flash Tutorials] (both text and video)
 
* [http://www.adobe.com/devnet/flash/ Adobe Flash Developer Center]. Includes some tutorials, including video tutorials
 
* [http://www.oman3d.com/tutorials/ Oman3D]. Contains both good text and video tutorials (the latter from learnflash.com).
 
* [http://www.video-animation.com/flash_01.shtml Steve tutes] (good, but Flash 8)
 
* [http://www.flzone.net/ FlZone.net] has a [http://www.flzone.net/categories.asp?TypeId=2 tutorial section] with ratings (links to other sites)
 
* [http://www.emanueleferonato.com/2007/09/05/the-best-flash-game-creation-tutorial-sites/ The best Flash game creation tutorial sites]
 
; Collections - mostly video
 
* [http://www.adobe.com/designcenter/video_workshop/ Video tutorials] at Adobe
 
* [http://wikivid.com/index.php/Flash Wikivid Flash]. Index of Video Tutorials (mostly Flash 8, but CS3 is similar) from the whole web. Probably the '''biggest''' index of training videos.
 
* [http://cartoonsmart.com/ cartoonsmart.com/] Includes three good Flash video tutorials, e.g. shape tweening and a button tutorial.
 
* [http://learnflash.com/ LearnFlash.com]. (Some good free ones, scroll down, for more registration is needed)
 
; Collections - mostly text tutorials
 
* [http://www.lukamaras.com/tutorials/tutorials-index.html lukamaras.com] Probably one of the best short tutorials site (mostly Flash MX/Flash 8)
 
* [http://www.kirupa.com/developer/flash/index.htm Flash/ActionScript] Tutorials at Kirupa. Gook, but mostly < Flash 9
 
* [http://www.webwasp.co.uk/index.php WebWasp] (some content is free, *.fla files are sold)
 
* [http://www.webdevelopersnotes.com/tutorials/flash/index.php3 Webdeveloper notes]
 
* [http://www.w3schools.com/flash/ W3School Flash Tutorial]. Short step-by-step tutorials.
 
* [http://www.toxiclab.org/default.asp?ID=2 ToxicLab.org]. About 99 little Flash tutorials submitted by various people. The ones I have seen are short and nice.
 
; Collections - to sort out
 
* [http://www.cbtcafe.com/flash/ cbtcafe flash tutorials]
 
* [http://www.echoecho.com/flash.htm EchoEcho.com Flash Tutorials] (including drawing, tweening and buttons, etc.)
 
* [http://www.flashkit.com/ Flashkit.com] (A Flash Developer Resource Site)
 
* Find [http://www.youtube.com/results?search_query=%22Adobe+Flash+CS3%22&search= "Adobe Flash CS3"] on YouTube.
 
* [http://www.webworksite.com/flashtutorials.shtml Flash Tutorial at webworksite] (For Flash 5, but still useful).
 
* [http://www.flashvalley.com/ Flash Valley]
 
* [http://www.flashkit.com/tutorials/ Flash Kit] Index of Tutorials (lots of outdated ones too).
 
* [http://netdiver.net/toolbox/flashware.php Netdiver Flashware]
 
* Subsites of http://about.com, e.g. [http://webdesign.about.com/ webdesign] and [http:animation.about.com animation] have several flash related resources. You need to search ...
 
=== Recommended introductory CS3 tutorials ===
 
; Basics (graphics and animation)
 
??
 
; ActionScript 2.0
 
* [http://www.mindtrove.info/articles/flash.html Simple Design Patterns in Adobe Flash MX] by Peter Parente. ActionScript 2.0
 
; ActionScript 3.0
 
* [http://www.senocular.com/flash/tutorials/as3withflashcs3/ Getting Started with ActionScript 3.0 in Adobe Flash CS3]
 
=== Academic Flash courses ===
(should include lecture notes or Slides, plus examples)
 
* [http://voyager.deanza.edu/~marie/caos114a/index.shtml Introduction to Flash], [http://voyager.deanza.fhda.edu/~marie/ Marie Taylor-Harper] ([http://voyager.deanza.edu/~marie/caos118a/index.shtml Advanced Flash], under preparation ?)


* [[AS3 Links Tutorials|Tutorials]]
* [[AS3 Links Documentation|Reference Manuals and Cheatsheets]]
* [[AS3 Links Documentation|Reference Manuals and Cheatsheets]]
* [[AS3 Links Documentation|Books]]
* [[AS3 Links Documentation|Books]]

Revision as of 16:49, 31 October 2007

<pageby nominor="false" comments="false"/>

Definition

Adobe Flash, or simply Flash, refers to both the Adobe Flash Player, and to the Adobe Flash Professional multimedia authoring program. The player features support for vector and raster graphics, a scripting language called ActionScript and bi-directional streaming of audio and video. (Wikipedia, retrieved 12 July 2007).

This page contains some general definitions, as well as links and references to tutorials, software and other websites.

Flash articles in EduTech wiki

Flash tutorials in EduTech Wiki

EduTech Wiki contains a few introductory Flash tutorials for Flash version 9 (aka Flash CS3). I used them in my COAP 2110 (Fall 1 2007) and STIC III (Fall 2007, in french) courses. So far, we have this list of flash tutorials. Some are better than others and none is top quality so far, but most can serve as lecture notes. (Daniel K. Schneider 30 August 2007).

Setting up Flash and understanding the environment
  1. Adobe Creative Suite 3 Design Premium installation
  2. Flash CS3 desktop tutorial
Basic drawing
  1. Flash drawing tutorial
  2. Flash layers tutorial
Basic animation
  1. Flash frame-by-frame animation tutorial
  2. Flash motion tweening tutorial
  3. Flash shape tweening tutorial
  4. Flash animation summary
  5. Flash special effects tutorial
Use of external media
  1. Flash video component tutorial
  2. Flash sound tutorial
  3. Clipart and texture (to help you finding/importing media elements)
Advanced drawing
  1. Flash object transform tutorial
  2. Flash arranging objects tutorial
  3. Flash colors tutorial
  4. Flash pen tutorial (not done)
Basic interactivity
  1. Flash button tutorial
  2. Flash components tutorial (just started)
  3. Flash video component tutorial
  4. Flash drag and drop tutorial
  5. ActionScript 3 event handling tutorial
  6. ActionScript 3 interactive objects tutorial (not finished)
  7. Flash games tutorial (just started)
Associated materials (mostly flash files)

Other Flash articles in EduTech Wiki

These are pieces like overviews, cheatsheets or unfinished stuff.

  1. Flash CS3 keyboard shortcuts
  2. Flash ActionScript 3 overview
  3. Flash formats and objects overview (not ActionScript objects !)
  4. Flash - being organized
  5. Actionscript 3 -- a fully fledged programming language

Alternative technologies

General formats
Others

See also multimedia authoring systems and computer games. Some of these have their own format, some can export to more common formats.

Links for software and media elements

General / Indexes

  • OsFlash has a large comprehensive list of links to Open Source Flash projects, both those hosted on OSFlash and elsewhere. Of particular interest are tools that generate flash in various ways.

Viewers

  • Adobe (Flash player download)
  • Gnash (Wikipedia article) A project which aims to create a player and browser plugin for the Adobe Flash file format which is free software.

Authoring tools

  • SWISH. An alternative set of commercial products to produce Flash. Much cheaper and somewhat easier it seems, but doesn't export to *.fla files (so you can't import to the Adobe authoring tool). See the Wikipedia article.
  • UIRA A project to make a free authoring tool. Should output both Flash and SVG. (development seems to have stalled in 2007).
  • FLAME. A similar project. For the moment, outputs SVG.

Special purpose authoring tools

  • Adobe Captivate. An authoring environment to create simulations, scenario-based training, and robust quizzes. Can importexport to Flash *.fla documents.
  • Adobe Flex is a software development kit and an IDE for a group of technologies to make [rich internet application]s with Flash, HTML, JavaScript etc.).
  • OpenOffice Impress (the power point clone) can produce *.swf
  • Some capturing tools (see screen capture, photo gallery makers, and video editing software can export to Flash.

Generating Flash

  • Ming Ming is a C library for generating SWF ("Flash") format movies, plus a set of wrappers for using the library from C++ and popular scripting languages like PHP, Perl, Python, and Ruby.
  • SWFMill xml2swf and swf2xml processor that can be used to create (non interactive) multiframe SWF animations.
  • HaXe. Programming language very similar to actionscript that can compile a SWF file for Flash Players 6 to 9. Free to use.

Reusable flash code

There are several kinds of components

  • *.swf - Flash (embedd as movie)
  • *.fla - Flash source code (i.e. a template with drawings and code)
  • *.as - Action Script source code (watch out for the version !!)
  • *.swc - Compiled components (like the ones in the built-in components library).
Indexes
Free (need more)
Commercial (I only want to have 5-6, the best at some point and not a long list ...)

In addition, you also should know that you can import several vector graphics formats. e.g. Windows Metafile formats into Flash CS3 (speeds up drawing).

Media for building your own scenes

Extra Resources