Schnuppertag | Workshop ActionScript

Präsentation zum Thema: "Schnuppertag | Workshop ActionScript"—  Präsentation transkript:

1 Schnuppertag | Workshop ActionScript
Eine interaktive Weihnachtskarte

2 Animationen mit Animate Workshop: Interaktive
Programm Mi Animationen mit Animate Workshop: Interaktive Vorstellung infcom.ch (Prorektor D. Burger) zNüni Mittag mit infcom-lern Unterrichtsbesuch bei infcom.ch Snack Fragen zu infcom.ch?

3 Animationen mit Animate Workshop: Interaktive
Programm Do Animationen mit Animate Workshop: Interaktive Vorstellung infcom.ch zNüni Infos zu infcom.ch (Prorektor D. Burger) Mittag mit infcom-lern Workshop Film (G3E) Snack Unterrichtsbesuch bei infcom.ch

4 Vorstellung Ich: Und Sie? Nicolas Ruh
Lehrer für Deutsch & Informatik (& infcom.ch) Und Sie? Wie heissen Sie? Wie haben Sie von infcom.ch gehört? Wieso interessieren Sie sich für infcom?

5 Animation & Interaktion
Akzentfach infcom.ch Software Informatik. Design. Kommunikation. BiG Animationen erstellen Programmieren (ActionScript) Spiel-Projekt Animation & Interaktion Filmsprache Videoschnitt Filmprojekt ( Film Vektorgrafik Typographie & Fonts Corporate Design Grafikdesign Scriptsprachen (HTML, CSS) Datenbanken, PHP CMS & Web2.0-Projekt Web 2.0 S1 S2 S3 S4 iWeek Fotographie iWeek Layout Impulswoche frei wählbar iWeek Film

6 Was erwartet sie im infcom.ch?
Die zeitgemässe Art, das Gymnasium zu absolvieren computerbasiert, projektorientiert, mit Teamgeist Akzentfach mit Schwerpunkt auf digitalem Design Animationen, Film, Vektorgrafik, Webdesign iWeeks: Projektwochen im Klassenverband Arbeiten am Laptop auch in den Grundlagenfächern Freie Wahl von Schwerpunktfach & Ergänzungsfach wie wäre es mit EF Informatik? Freie Wahl des PU- und Maturaarbeitsthemas wieso nicht etwas mit Digitaltechnik? Informatik. Design. Kommunikation.

7 Lehrgang infcom.ch Flash 1. Semester Film 2. Semester Grafikdesign
1. Schuljahr 2. Schuljahr 3. Schuljahr 4. Schuljahr PU Angebot MA Angebot Flash Animationen Programmieren (ActionScript) Spiel-Projekt Grafikdesign Vektorgrafik Typographie Fonts Corporate Design Abteilungswoche: Fotographie Impulswoche: frei wählbar Impulswoche: frei wählbar Schwerpunktfach-woche: mit SF 1. Semester iWeek: Infografik iWeek: BEZ-Workshop iWeek: Programmieren iWeek: Leistungsshow Film Filmsprache Videoschnitt Film-Projekt (oneminute.ch) Web 2.0 HTML, CSS, PHP CMS benutzen Datenbanken Web2.0-Projekt iWeek: Layout (Bild & Text) Abteilungswoche: Filmwoche Weltstadt Maturarbeitswoche Maturvorbereitung 2. Semester iWeek: Fachwoche Legende: Akzentfach infcom.ch infcom.ch iWeeks Schulweite Sonderwochen

8 Lehrgang infcom.ch Akzentfach infcom SJ 1 SJ 2 SJ 3 SJ 4
Informatik. Kommunikation. Design. andere Klassen SJ 1 SJ 2 SJ 3 SJ 4 Akzentfach infcom AF AF iWeeks Sonderwochen Sonderwochen iWeeks Sonderwochen Schwerpunktfach iWeeks Projektunterricht iWeeks Ergänzungsfach Sonderwochen iWeeks Maturaarbeit

9 Animation & Interaktion
Akzentfach infcom.ch Software Informatik. Design. Kommunikation. BiG Animationen erstellen Programmieren (ActionScript) Spiel-Projekt Animation & Interaktion Filmsprache Videoschnitt Filmprojekt ( Film Vektorgrafik Typographie & Fonts Corporate Design Grafikdesign Scriptsprachen (HTML, CSS) Datenbanken, PHP CMS & Web2.0-Projekt Web 2.0 S1 S2 S3 S4 iWeek Fotographie iWeek Layout Impulswoche frei wählbar iWeek Film

10 infcom.ch ist das Richtige für Sie, wenn ...
... Sie die digitale Welt kreativ mitgestalten wollen ... Sie interessiert sind an den technischen und gestalterischen Hintergründen der Neuen Medien ... Sie gerne am und mit dem Computer arbeiten ... Sie gerne eigenständig oder im Team an individuellen Projekten arbeiten ... Sie Teil einer besonderen Klassengemeinschaft sein wollen Informatik. Kommunikation. Design.

11 Workshop Animationen mit Animate
Ziel heute: Animierte Weihnachtskarte erstellen Erster Schritt: Animationen (Tweens) in Flash/Animate

12 Erste Animation Neues Schlüsselbild in der Zeitleiste eines MovieClips
Neuer MovieClip (=Symbol)

13 MovieClips Fast alles in Animate ist ein MovieClip – oder kann einer werden Das ist praktisch, weil jeder MovieClip seine eigene Zeitleiste hat, und somit animiert werden kann Bitmap z.B. ein geladenes JPG-Bild MovieClip zeigt Bitmap oder Forms kann Zeitleiste abspielen „lebt“ in der Bibliothek Viele Exemplare eines MCs können in die Bühne gezogen werden, zur Unterscheidung braucht man Instanznamen Form z.B. direkt in Flash gezeichnet

14 Bild-für-Bild Animation
In der Zeitleiste eines MovieClips Vorschau mit RETURN, Abspielen mit CTRL-RETURN

15 In der Zeitleiste eines MovieClips
Formtweens In der Zeitleiste eines MovieClips zwischen zwei Schlüsselbildern, die Formen enthalten

16 In der Zeitleiste eines MovieClips
Bewegungstweens In der Zeitleiste eines MovieClips EIN MovieClip, genauer mit Bewegungseditor

17 Workshop Animationen mit Animate
Weihnachtskarte_vorlage.fla Dank an: Dario Breitenstein Nico Hauser David Schmid

18 Mehr Tweens ... Denken Sie sich weitere Animationen aus, die Sie in die Weihnachtskarte einbauen können Erstellen Sie dafür ggf. neue MovieClips und Ebenen Wählen Sie die richtigen Teile: Bild-für-Bild – geht immer Bewegungstween – geht nur mit MovieClip Formtween – geht nur zwischen Forms

19 Interaktion per Mausklick
function schalOnOff(e:MouseEvent):void { schal.visible = !schal.visible; } knopf4.addEventListener(MouseEvent.CLICK, schalOnOff); ein oder mehrere Befehle, nach dem Klick werden diese ausgeführt worauf geklickt werden muss (= Instanzname) Aufzurufende Funktion, Name muss übereinstimmen (s. oben)

20 Nützliche Befehle meinClip.play(); //Zeitleiste abspielen
meinClip.stop(); //Zeitleiste anhalten meinClip.nextFrame(); //ein Frame weiter meinClip.x = meinClip.x + 10; //meinClip um Pixel nach rechts schieben meinClip.visible = false; //unsichtbar machen

21 Sound abspielen //Vorbereitung: Das Sound-Symbol in der Bibliothek ist exportierbar und hat den Klassennamen BellSound (Klassennamen gross schreiben!) knopf_mc.addEventListener(MouseEvent.CLICK, playSound); function playSound(e:MouseEvent):void { //Instanz von BellSound aus der Bibliothek holen var bell_snd:BellSound = new BellSound(); //der Instanz sagen, sie soll abgespielt werden bell_snd.play(); }

22 Werbefilme Welche auffälligen Stilmittel werden eingesetzt? Wie passen Inhalt und Form zusammen? Schnitte, Kameraeinstellungen – und Fahrten, Farben, Ton, Szenen, Spannungsaufbau Subjektives Empfinden: wie wirkt dieser Spot auf Sie? Zu schnell, zu langsam? Welche Gefühle weckt er? Was hätten Sie anders gemacht? (Heinecken) (Audi) (Migros Huhn) (Schwarzfahren) (Ikea Lampe)

23 infcom.ch-Filme Paintless (Maturaarbeit Tim & Miro, 2014)
(making of) SoNaFe (Jubiläumsfilme, 2014) Mwhnv3K4 Long way gone (OneMinute-Filme, Kunsthaus, 2010) Kreisverkehr (Filmprojekt G2E, 2015)

24 Bildsprache composition-golden-mean-2013 link&utm_source=mainmenu&utm_medium=text&ref=mainmenu

25

26

27

28 Flash Beispiele http://flashlernen.wikispaces.com/AlexandraSiebert
(alle Projekte)