Assitance slides from my Workshop for AS3 beginners. With some node.js basics.

1. ActionScript 3 (AS3)
Workshop für Einsteiger

2. 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

3. AS3 Workshop Gregor Sklorz
Content
• Day 1
o Flash / AS3
 History
 Basics
 Workflow
o Own little Game
 Bottom up
 Step by step

4. AS3 Workshop Gregor Sklorz
Content
• Day 2
o Extended prepared Game Elements
 XML
 Socket Connection
 ...
 ...
 ...

5. AS3 Workshop Gregor Sklorz
Content
• Dont´s
o Flash IDE
o AS2
o Design Pattern
o Algorithms
o Performance optimization

6. 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

7. 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.

8. 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:

9. 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

10. 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)

11. AS3 Workshop Gregor Sklorz

12. AS3 Workshop Gregor Sklorz
Prepare

13. AS3 Workshop Gregor Sklorz
Task 2