as3 basics workshop

13
ActionScript 3 (AS3) Workshop für Einsteiger

Upload: gregor-sklorz

Post on 05-Dec-2014

821 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: AS3 basics Workshop

ActionScript 3 (AS3)

Workshop für Einsteiger

Page 2: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Me

• Gregor Sklorzo Dipl. Ing. der Medieninformatiko Geb: 26.01.1981o Stepstones:

Siemens: IT-System Azubi Fachabitur: Informatik FH Studium: Informatik (50%) FH Studium: Medieninformatik Gameforge: Entwickler

Page 3: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Content

• Day 1o Flash / AS3

History Basics Workflow

o Own little Game Bottom up Step by step

Page 4: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Content

• Day 2o Extended prepared Game Elements

XML Socket Connection ... ... ...

Page 5: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Content

• Dont´so Flash IDEo AS2o Design Patterno Algorithmso Performance optimization

Page 6: AS3 basics Workshop

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

Page 7: AS3 basics Workshop

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.

Page 8: AS3 basics Workshop

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:

Page 9: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Prepare

• Projektstrukturo main.aso Namespaces

• Metatagso [SWF(width="800", height="600", frameRate="30", backgroundColor="#FFFFFF")]

• Keywordso var , new, class, Object, function (constructor)

• Konsolenausgabeo traceo FlashConnect

• Referenz: http://help.adobe.com/de_DE/FlashPlatform/reference/actionscript/3/index.html

• Manual: http://livedocs.adobe.com/flex/3/html/help.html

Page 10: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Task 1

• Actionscript 3 Projekt erstellen• Leer kompilieren• Object erstellen

oWerte zuweisen• Alle Werte auf der Konsole ausgeben• Debuggen (vorgesetzer Code)

Page 11: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Page 12: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Prepare

Page 13: AS3 basics Workshop

AS3 Workshop Gregor Sklorz

Task 2