Authoring Interactivity

1
Authoring Interactivity

• Flash

2
Flash Its Uses

• Quick tour of online flash artefacts
• Advert/justification
• 2006 97.3 of Web users have the flash player
  plug-in
• Approximately 722 million people
• Yesterday Google search
• 121,000,000 pages with .swf
• .swf (pronounced swiff) is the published version
  of a Flash movie embedded in a web page

3
Flash Its Uses

• Demonstration/educational purposes
• Nasa
• http//solarsystem.nasa.gov/index.cfm

4
Flash Its Uses

• Non-standard/innovative Navigation
• http//www.trollback.com/
• http//www.momu.co.kr/main.asp 
• http//www.blackmonday.co.uk/index2.php

5
Flash Its Uses

• Experimental
• Subservient Chicken
• http//www.subservientchicken.com/

6
Flash Its Uses

• Audio
• http//www.whalesounds.com/home/index.html

7
Flash Its Uses

• Video
• http//www.elevatormoods.com/

8
Flash Its Uses

• Corporations/e-commerce
• http//www.nikonsportoptics.com/home.html

9
Flash Its Uses

• Exhibitions and Museums
• http//wintercounts.si.edu/index.html

10
Flash Its Uses

• Games
• General games link
• http//www.miniclip.com/ 
• vector
• http//www.miniclip.com/heli2.htm 
• multiplayer
• http//www.miniclip.com/anagrammatic/anagrammatic.
  htm
• Myst revelation
• http//www.mystrevelation.com/uk/index.html 
• Spook - BBCtv Series game
• http//www.spooksmi5.info/
• Orisinal
• http//www.ferryhalim.com/orisinal/

11
Flash How it works

• Authoring
• Create or import assets in Flash
• Video
• Audio
• Bitmaps
• Buttons
• etc
• Assets stored in a library known as symbols
• Can reuse them from the library
• Reuse makes file sizes smaller and applications
  run faster
• Arrange symbols in layers and across frames
• Apply animation effects
• Masking
• Tweening
• Fading
• etc

12
Flash The Interface
Stage
13
Flash The Toolbar
Selection For selection of whole objects
Subselection For selection of anchor points
Pencil Drawing fine, freehand vector lines
Free Transform Rotating, resizing, Shearing etc
14
Flash The Toolbar
Ink Bottle Changes stroke attributes
Eye Dropper Picking up fill stroke effects
Hand Moving view of stage
lasso Selecting a portion of an object
15
Flash The Toolbar
Brush Freeform vector shapes
Fill Transform Changing gradient and Bitmap fills
16
Flash Panels

• A variety of panels are available for Design and
  development
• Found under the Window menu

Look at other panels later concentrate on
design panels for moment
17
Flash Panels

• Design Panels
• Align
• Mostly self explanatory

18
Flash Panels

• Design Panels
• Colour Mixer

19
Flash Panels

• Design Panels
• Info - Gives details about object selected on
  stage

20
Flash Panels

• Design Panels
• Transform Allows or shows changes to object on
  stage

• Changes to
• scale
• Rotation
• And skew

21
Flash Panels

• Properties Panel
• Appears by default under stage

Will come to know this panel well
22
Flash Panels

• Timeline
• Layers Timeline
• Will explore these in practical session