260 likes | 343 Views
DESIGN E COMUNICAÇÃO MULTIMÉDIA 2011 / 2012. FORMADOR Gonçalo Miguel MÓDULO 25. Introdução ao ActionScript 3.0. 25. Introdução ao ActionScript 3.0. Módulo 25 – 2ª Sessão. Introdução ao ActionScript 3.0 – Aplicação dos Conceitos Fundamentais (4h)
E N D
DESIGN E COMUNICAÇÃO MULTIMÉDIA 2011 / 2012 FORMADORGonçalo Miguel MÓDULO25. Introdução ao ActionScript 3.0
25. Introdução ao ActionScript 3.0 Módulo 25 – 2ª Sessão Introdução ao ActionScript 3.0 – Aplicação dos Conceitos Fundamentais (4h) Aplicação dos conceitos : variáveis, funções, argumentos , condicionais , ciclos , … Novos Conceitos : trace , eventos , … Material: Slides PowerPoint Exercicios
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Variáveis , tipo de dados Operadores Funções Arrays Condicionais Ciclos Trace Comentários Sistema de Eventos
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Variável Declaração de nova variável Nome da variável var idade:Number = 24; Tipo de Dados Valor da variável
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Operadores Exemplo 1: ( + inteiros; = ;-;trace) Exemplo 2: (+ string) var combustivel:Number = 0 ; combustivel = combustivel + 35 ; combustivel = combustivel - 1; var pergunta:String = “Eu tenho ”; pergunta = pergunta + combustivel + “Litros de Combustivel”; trace(pergunta); Mais: http://www.adobe.com/devnet/actionscript/learning/as3-fundamentals/operators.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Funções Mais: http://www.adobe.com/devnet/actionscript/learning/as3-fundamentals/operators.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Funções Declaração da função Nome da função function nome(arg:ArgType):void{ Corpo da função; } Argumentos da função Tipo de Valor de retorno da função Corpo da função
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Operadores Mais: http://www.adobe.com/devnet/actionscript/learning/as3-fundamentals/operators.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Funções Declaração da função que não retorna nada functionporCombustivel(argumento1:tipo=10,argumento2:tipo=null):void{ combustivel = combustivel + argumento1; } Declaração da função que retorna um Número functionporCombustivel(argumento1:tipo):Number{ combustivel = combustivel + argumento1; returncombustivel; }
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Condicionais functionapia():void{ if(combustivel <=0) trace(“Apiou… Não tem mais combustivel”); else trace (“Ainda tenho “ + combustivel + “litros de combustivel” ); }
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Arrays Mais: http://www.adobe.com/devnet/actionscript/learning/as3-fundamentals/operators.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Arrays var carros:Array = new Array(); carros[0] = 12; carros[1] = 27; trace(“O carro 1 tem o depósito com “ + carro[0] + “litro de combustivel”); trace(“O carro 2 tem o depósito com “ + carro[1] + “litro de combustivel”); http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/Array.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Arrays var carros:Array= newArray(); carros[“Ze”] = 12; carros[“Maria”] = 27; trace(“O carro 1 tem o depósito com “ + carro[“Ze”] + “litro de combustivel”); trace(“O carro 2 tem o depósito com “ + carro[“Maria”] + “litro de combustivel”);
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Arrays var carros:Array= newArray(12,27); trace(“O carro 1 tem o depósito com “ + carro[0] + “litro de combustivel”); trace(“O carro 2 tem o depósito com “ + carro[1] + “litro de combustivel”); E se tivermos 200 carros !?
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Ciclos for(i:Number = 0; i<=carros.length;i++){ trace(“O carro ” + i + “ tem “ + carros[i] + “ litros de combustivel”); } i – variável de iteração pelo array carros.length – tamanho do array de carros i++ - incremento da variável de interação carros[i] – Corresponde ao carro i (se 1 for 0, corresponde ao 1º carro) i
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Comentários Os comentários são escritos para ajudar a organizar e para que outros programadores entendam mais facilmente o código. Os comentários são ignorados pelo compilador do flash. Comentário em linha // //Para cada carrro for(i:Number = 0; i<=carros.length;i++){ trace(“O carro ” + i);} Comentário em bloco /* */ /* //Para cada carrro for(i:Number = 0; i<=carros.length;i++){ trace(“O carro ” + i);} */
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Mais: http://www.adobe.com/devnet/actionscript/learning/as3-fundamentals/operators.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos • Os eventos são objectos que ajudam a controlar o fluxo do programa. • Adicionamos um evento(listener) ao palco ou a um objecto(target). • Quando esse evento acontecer, dirigimos o fluxo da aplicação para a função definida no listener, e podemos usar propriedades do target. • Eventos podem ser de variados tipos: • Utilização de eventos para interação com dispositivos de entrada • Teclado • Rato • Utilização de eventos com timers , loaders , fim de som/filme , etc…
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos addEventListener mc.addEventListener(MouseEvent.MOUSE_DOWN, trigger); functiontrigger(ev:Event):void{ trace(“triggered”); } event.Target mc.addEventListener(MouseEvent.MOUSE_DOWN, trigger); functiontrigger(ev:Event):void{ trace(“X:” + ev.target.x); trace(“Y:” + ev.target.y); } http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/MouseEvent.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Para controlar com temporizadores, usamos também os eventos. Neste caso usamos um Timer e um TimerEvent que irá fazer uma chamada a uma função. var myTimer:Timer = newTimer(1000,60); myTimer.addEventListener(TimerEvent.TIMER,someFunction); myTimer.start(); functionsomeFunction(event:TimerEvent) { trace("Tick"); } http://help.adobe.com/pt_BR/FlashPlatform/reference/actionscript/3/flash/utils/Timer.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Keyboard Input stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);functionmyKeyDown(e:KeyboardEvent):void{ trace("KeyPressed");} http://help.adobe.com/pt_BR/FlashPlatform/reference/actionscript/3/flash/events/KeyboardEvent.html
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Keyboard Input stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);functionmyKeyDown(e:KeyboardEvent):void{trace("KeyPressed");} stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);functionmyKeyDown(e:KeyboardEvent):void{trace(e.keyCode);trace(e.charCode);}
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Keyboard Input stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);functionmyKeyDown(e:KeyboardEvent):void{trace("KeyPressed");} stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);functionmyKeyDown(e:KeyboardEvent):void{if (e.keyCode == Keyboard.LEFT){my_mc.x-=5; } }
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 _mc Eventos stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown); functionmyKeyDown(e:KeyboardEvent):void{ if (e.keyCode == Keyboard.LEFT){ my_mc.x -=5; } if (e.keyCode == Keyboard.RIGHT){my_mc.x +=5;} if (e.keyCode == Keyboard.UP){my_mc.y -=5;} if (e.keyCode == Keyboard.DOWN){ my_mc.y +=5;} } Instance Name : my_mc
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos Existem pequenos truques que se vão aprendendo com a prática e com planeamento. Para utilizar o teclado, normalmente utilizam-se 2 eventos. Key_down – Enquanto estiver down, vai andando. Key_up - Quando a tecla deixar de ser carregada, o movimento pára. Como implementar?
25. Introdução ao ActionScript 3.0 Conceitos Fundamentais em AS3 Eventos • Basic Events: • http://edutechwiki.unige.ch/en/ActionScript_3_event_handling_tutorial Advanced Events: http://www.adobe.com/devnet/actionscript/articles/event_handling_as3.html