HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Introduktion till Director Jody Foo

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Historia n Rötter i Hypercard n.. sen blev det VideoWorks n.. sen Macromind Director n.. sen Macromedia Director 4, 5, 6, 7, 8, MX, MX2004

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Användningsområden n Spel n ”Multimedia- presentationer” n Prototyper n m.m.

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Director/Flash n Flash –Möjlighet att gruppera objekt –Komponeneter har en egen timeline –Annat scriptspråk (ActionScript) n Director –Klarar av 3D –Endast en timeline (Score) för hela projektet –Annat scriptspråk (Lingo)

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Arbetsytan n Film-metafor –Stage –Cast –Score

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Cast n Innehåller alla komponenter man vill använda i sitt projekt –Bilder –Text –Ljud –Skript (behaviours/beteenden) –Flash –Knappar –m.m.

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Stage n Scenen där man placerar ut delar av ”rollbesättningen” –Komponenterna på scenen blir till Sprites –som har var sin kanal i Score (tidslinjen)

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Score n Visar de olika rutorna i ”filmen” n Namngivna markörer

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Stage, Score och Cast

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Egenskaper (Properties)

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Cast vs Sprites n Sprites är de faktiska objekten på Stage n Sprites är instanser av medlemmar i Cast n Varje Sprite ligger i en kanal i Score

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Lingo n Skriptspråk n Används bl.a. för att –definiera beteenden i Director –definiera kontrollstruktur i Score

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Miniexempel 1a n Visa bilder n Bläddra mellan bilderna genom att trycka på bildernas knappar n Implementera genom att hoppa mellan frames

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE

Loopa en frame on exitFrame me go to the frame end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Hoppa mellan frames vid knapptryck on mouseUp me go to "bild 1" end on mouseUp me go to frame 1 end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Miniexempel 1b n Visa bilder n Bläddra mellan bilderna genom att trycka på bildernas knappar n Implementerat genom att göra vissa kanaler synliga resp. osynliga

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE

Visa bara en av bilderna i nuvarande frame on mouseUp me -- göm alla bilder repeat with i = 4 down to 1 sprite(i).visible = false end repeat -- visa bilden som ligger fem kanaler under mig sprite(me.spriteNum - 5).visible = true end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Miniexempel 2a n Animering – ruta som visa aktuellt val i en lista n Implementerat genom att använda Score

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE

Keyframes

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Gå till nästa frame on mouseUp me go to the frame + 1 end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Miniexempel 2b n Animering – ruta som visa aktuellt val i en lista n Implementerat genom att använda Lingo

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE

Skriptet för ”nästa” on mouseUp me if sprite(4).locH < 200 then -- om rutan inte är på sista bilden -- sätt slutpositionen till 140 pixlar fram endXpos = sprite(4).locH öka rutans x position med 1 tills den når -- fram till slutpositionen repeat while sprite(4).locH < endXpos sprite(4).locH = sprite(4).locH + 1 updateStage end repeat

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Skriptet för ”nästa” (forts.) else -- om rutan är på sista bilden repeat while sprite(4).locH > minska rutans x position tills den -- är där den började sprite(4).locH = sprite(4).locH - 1 updateStage end repeat end if end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Skriptet för ”föregående” on mouseUp me if sprite(4).locH > 20 then endXpos = sprite(4).locH repeat while sprite(4).locH > endXpos sprite(4).locH = sprite(4).locH - 1 updateStage end repeat else repeat while sprite(4).locH < 294 sprite(4).locH = sprite(4).locH + 1 updateStage end repeat end if end

HUMAN-CENTERED SYSTEMS ::: DEPT. OF COMPUTER & INFO. SCIENCE Vilken metod passar för vilka tillfällen? n Väldigt dynamisk/fri applikation –Lingo n Relativt statisk/låst applikation –Score