ActionScript 3 (AS3)
Workshop für Einsteiger
AS3 Workshop Gregor Sklorz
Me
• Gregor Sklorz
o Dipl. Ing. der Medieninformatik
o Geb: 26.01.1981
o Stepstones:
 Siemens: IT-System Azubi
 Fachabitur: Informatik
 FH Studium: Informatik (50%)
 FH Studium: Medieninformatik
 Gameforge: Entwickler
AS3 Workshop Gregor Sklorz
Content
• Day 1
o Flash / AS3
 History
 Basics
 Workflow
o Own little Game
 Bottom up
 Step by step
AS3 Workshop Gregor Sklorz
Content
• Day 2
o Extended prepared Game Elements
 XML
 Socket Connection
 ...
 ...
 ...
AS3 Workshop Gregor Sklorz
Content
• Dont´s
o Flash IDE
o AS2
o Design Pattern
o Algorithms
o Performance optimization
AS3 Workshop Gregor Sklorz
Was ist Flash
Flash
SWF
Runtimes
Flex
Compiler
ActionScript
Flex
Flash IDE
( CS )
ActionScript
Timeline
Animations
Client
Browser
Plugin
Flash Player
Stand alone
Player
Flash Player AIR
AS3 Workshop Gregor Sklorz
Flash History
1996: Future
Splash
1997:
Macromedia
Flash 1...4
• Macromedia
Player
2000:
Macromedia
Flash 5...MX
• Actionscript 1
• Shockwave /
Flash Player
2003:
Flash
MX 7...8
• Actionscript 2
• Flash Player ...8
2007:
Adobe Flash
CS3...CS5
• Actionscript 3
• Flash Player
9...10
? 2011:
• Molehill
• Flash Player 11
Actionscript:
Eine ECMA basiert Scriptsprache zur Entwicklung von Flash
Applikationen (SWF).
- Seit Version 3 eine eigenständige Entwicklungsumgebung.
AS3 Workshop Gregor Sklorz
Workflow
movie.fla
• Timeline
Flash IDE
• Tool
movie.swf
• Byte Code
Flashplayer
• Interpreter
main.as
• Text
mxmlc
• Compiler
main.swf
• Byte Code
Flashplayer
• Interpreter
mxmlc main.as
• Flex SDK
• JRE
Flash IDE:
AS3 Workshop Gregor Sklorz
Prepare
• Projektstruktur
o main.as
o Namespaces
• Metatags
o [SWF(width="800", height="600", frameRate="30", backgroundColor="#FFFFFF")]
• Keywords
o var , new, class, Object, function (constructor)
• Konsolenausgabe
o trace
o FlashConnect
• Referenz:
http://help.adobe.com/de_DE/FlashPlatform/reference/actionscript/3/index.html
• Manual:
http://livedocs.adobe.com/flex/3/html/help.html
AS3 Workshop Gregor Sklorz
Task 1
• Actionscript 3 Projekt erstellen
• Leer kompilieren
• Object erstellen
o Werte zuweisen
• Alle Werte auf der Konsole ausgeben
• Debuggen (vorgesetzer Code)
AS3 Workshop Gregor Sklorz
AS3 Workshop Gregor Sklorz
Prepare
AS3 Workshop Gregor Sklorz
Task 2

AS3 basics Workshop

  • 1.
  • 2.
    AS3 Workshop GregorSklorz Me • Gregor Sklorz o Dipl. Ing. der Medieninformatik o Geb: 26.01.1981 o Stepstones:  Siemens: IT-System Azubi  Fachabitur: Informatik  FH Studium: Informatik (50%)  FH Studium: Medieninformatik  Gameforge: Entwickler
  • 3.
    AS3 Workshop GregorSklorz Content • Day 1 o Flash / AS3  History  Basics  Workflow o Own little Game  Bottom up  Step by step
  • 4.
    AS3 Workshop GregorSklorz Content • Day 2 o Extended prepared Game Elements  XML  Socket Connection  ...  ...  ...
  • 5.
    AS3 Workshop GregorSklorz Content • Dont´s o Flash IDE o AS2 o Design Pattern o Algorithms o Performance optimization
  • 6.
    AS3 Workshop GregorSklorz Was ist Flash Flash SWF Runtimes Flex Compiler ActionScript Flex Flash IDE ( CS ) ActionScript Timeline Animations Client Browser Plugin Flash Player Stand alone Player Flash Player AIR
  • 7.
    AS3 Workshop GregorSklorz Flash History 1996: Future Splash 1997: Macromedia Flash 1...4 • Macromedia Player 2000: Macromedia Flash 5...MX • Actionscript 1 • Shockwave / Flash Player 2003: Flash MX 7...8 • Actionscript 2 • Flash Player ...8 2007: Adobe Flash CS3...CS5 • Actionscript 3 • Flash Player 9...10 ? 2011: • Molehill • Flash Player 11 Actionscript: Eine ECMA basiert Scriptsprache zur Entwicklung von Flash Applikationen (SWF). - Seit Version 3 eine eigenständige Entwicklungsumgebung.
  • 8.
    AS3 Workshop GregorSklorz Workflow movie.fla • Timeline Flash IDE • Tool movie.swf • Byte Code Flashplayer • Interpreter main.as • Text mxmlc • Compiler main.swf • Byte Code Flashplayer • Interpreter mxmlc main.as • Flex SDK • JRE Flash IDE:
  • 9.
    AS3 Workshop GregorSklorz Prepare • Projektstruktur o main.as o Namespaces • Metatags o [SWF(width="800", height="600", frameRate="30", backgroundColor="#FFFFFF")] • Keywords o var , new, class, Object, function (constructor) • Konsolenausgabe o trace o FlashConnect • Referenz: http://help.adobe.com/de_DE/FlashPlatform/reference/actionscript/3/index.html • Manual: http://livedocs.adobe.com/flex/3/html/help.html
  • 10.
    AS3 Workshop GregorSklorz Task 1 • Actionscript 3 Projekt erstellen • Leer kompilieren • Object erstellen o Werte zuweisen • Alle Werte auf der Konsole ausgeben • Debuggen (vorgesetzer Code)
  • 11.
  • 12.
    AS3 Workshop GregorSklorz Prepare
  • 13.
    AS3 Workshop GregorSklorz Task 2