Prof. Responsáveis Wagner Santos C. de Jesus

Apresentação em tema: "Prof. Responsáveis Wagner Santos C. de Jesus"— Transcrição da apresentação:

1 Prof. Responsáveis Wagner Santos C. de Jesus
Universidade do Vale do Paraíba Colégio Técnico Antônio Teixeira Fernandes Disciplina Programação Orientada a objetos II. Material I-Bimestre Introdução ao ambiente Flash e a Programação em ActionScript(AS). Formato de Arquivo de um projeto criado em Flash,Criação de campos de entrada e saída, Trabalhando no modo especialista,Criação de variáveis em AS, Operadores de Atribuição, Operadores Aritméticos, Operadores Relacionais, Operadores Lógicos, Evento principal, Usando Lógica de programação em AS. Prof. Responsáveis Wagner Santos C. de Jesus

2 Vem a ser um ambiente criado pela empresa de software Macromedia, para a criação, manipulação e construção de animações de desenhos vetoriais.

3 Imagens vetoriais Imagem vetorial é um tipo de imagem gerada a partir de descrições geométricas de formas, diferente das imagens chamadas mapa de bits, que são geradas a partir de pontos minúsculos diferenciados por suas cores. Uma imagem vetorial normalmente é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição. Em um trecho de desenho sólido, de uma cor apenas, um programa vetorial apenas repete o padrão, não tendo que armazenar dados para cada pixel.

4 Exemplo de desenho vetorial e mapa de bits
Imagem Vetorial Imagem de mapa de Bits

5 Curva de Bézier Desenvolvida 1962 - Pierre Bézier (Renault)
A curva de Bézier é uma curva polinomial expressa como a interpolação linear entre alguns pontos representativos, chamados de pontos de controle. É uma curva utilizada em diversas aplicações gráficas como o Gimp, e CorelDRAW, e formatos de imagem vetorial como o SVG. Esse tipo de curva também é bastante utilizada em modelagem tridimensional e animações.

6 Exemplo de Imagem Vetorial

7 Um ponto na curva correspondente a t é dado por: onde t Є [0,1]

8 ActionScript(AS) É uma linguagem de programação especifica que permite com que se escreva programas que realizam tarefas em ambiente FLASH. A linguagem AS é totalmente baseada na estrutura JavaScript; Porém não sendo possível nenhuma ligação prática entre essas duas ferramentas de programação.

9 Aplicação ActionScript é uma linguagem de programação baseada em ECMAScript, usada para controlar filmes e aplicações do Macromedia Flash. Visto que o Java Script e ActionScript são baseados na mesma sintaxe do ECMAScript, ambos são traduzidos de um para outro facilmente. Contudo, o modelo de cliente é diferente: enquanto o JavaScript trabalha com janelas, documentos e formulários, o ActionScript trabalha com movie-clips, campos de texto e som. ECMA (European Computer Manufacturers Association) Fundada em 1961

10 No inicio dos anos 2000 veio a mercado, o Flash 2, possuía poucos recursos de programação disponíveis. Já no Flash 3, aplicações diferenciadas eram obtidas através da integração do Flash + JavaScript. Quando chegou ao mercado, o Flash 4 apresentou uma quantidade maior de scripts, mas não era ainda propriamente o consagrado ActionScript, as ações do Flash eram simplesmente chamadas de Actions.

11 Características ActionScript
Interpretada; Não possui exigência de tipos; Poderosa na Manipulação de Arrays(vetores); Sintaxe similar ao padrão (C++),JavaScript e PHP. Modular e estruturada; Totalmente dependente da plataforma; Poderosa para desenvolvimento de animações; Objetos nativos

12 O FLASH 5 trouxe o conceito de ActionScript, mas somente na versão MX é que se consagrou como linguagem de programação AS. Programa Aplicativo FLASH Interpretador Script´s ActionScript

13 Formato de arquivo do Flash
Browser internet ou Sistema operacional Gera arquivo de Fluxo de trabalho Aplicação Plugin Fla Gera arquivo (Shockwave Flash File) ActionScript - embutido swf Shockwave – Onda de choque

14 Classificação do ActionScript
Linguagem Assembler Baixo Nível Linguagem C++ Médio Nível Linguagem Java Alto Nível ActionScript Linguagens de Script

15 Conceito O ActionScript é a linguagem de criação de scripts, que permitem controlar objetos em filmes do Flash, aumentando o potencial deste aplicativo.

16 Ambiente de criação de cenas em FLASH

17 Camadas (Layers) Propriedades (Property) Caixa de ferramentas (tools) Palco (Stage) Linha de tempo(Timeline) Ações (Action)

18 Barra de Ferramentas

19 Barra de Componentes Caixa de verificação Caixa de combinação
Caixa de Lista Botão de comandos Botão de Rádio Painel de Rolagem Barra de rolagem

20 Estrutura geral de um programa em ActionScript
Atribuição ( = ) Condição ( if ) Repetição ( for/while)

21 Atenção Em ActionScript as instruções devem ser escritas em letras minúsculas. Portando cuidado !!!

22 Tipos de dados Números Strings Booleanos Objetos e clipes de filmes

23 Observação Em ActionScript as variáveis não são tipadas, isso agiliza o processo de codificação de programas porem o programador deve ter cuidado com esse artifício.

24 Criando variáveis Sintaxe de criação de variáveis :
<nome_variavel> = <valor da variavel>; <nome_variavel> = <String>; <nome_variavel> = <Objeto>; <nome_variavel> = <Clipe de filme>;

25 Exemplo de atribuição valor = 123; // Inteiro numero = 456.45;
// Sring nome = “Maria da Silva”; cidade = “São José dos Campos”; // Objeto Data = new Date(2007,02,12);

26 Operadores Aritméticos
+ Adição - Subtração * Multiplicação / Divisão % Resto da divisão ++ Incrementa -- Decrementa

27 Diagrama blocos Atribuição
valor = 1;

28 Tipo de atribuição a++; => a = a + 1; // incrementa 1 b--; =>
k% = a; => a = a + 1; // incrementa 1 b = b – 1; // decrementa 1 c = c * 3; // Multiplica por 3 c = c / 3; // Divide por 3 k = k % a; // Resto da divisão

29 Diagrama de blocos if()
Uma única linha após if() e else V Condição Instrução-1 Varias linhas após if() e else F Bloco-1 Instruções V Condição Instrução-2 F Bloco-2 Instruções

30 Condição : if() Sintaxe : if(<condição>) if(<condição>) {
<Instrução-1>; <Bloco-1>; else } <Instrução-2>; else { <Bloco-2>; }

31 Operadores Relacionais
> - Maior que < - Menor que >= - Maior ou igual <= - Menor ou igual == - Igual a != - Diferente de

32 Operadores Lógicos && And (E) | | Or (Ou) ! Not (Não)

33 Exemplo prático de condição
curso = “Informatica”; if(curso == “Informatica”) lab = “Laboratório – 3”; if(curso == “Patologia”) lab = “Laboratório – 4”; .....

34 Exemplo-2 saldo = 120.68; saldonegativo = 0; if(saldo > 0)
mostra = saldo; else mostra = saldonegativo;

35 Exemplo-3 nota = 5.1; if(nota >= 6 || (nota > 5 && nota < 6))
resultado = "Aprovado"; else resultado = "Recuperação";

36 Exemplo-4 if(nota > 5 && nota < 6)
resultado = "Aprovado na casca !!!"; aviso = "Estudar mais ...."; }

37 Exemplo - 5 idade = 20; if( !(idade > 18) ) {
resultado = “Não pode ter, Carta de motorista”; } else { resultado = “Apresentar Carta de motorista”;

38 Estruturas de repetição
Em AS, estruturas de repetição também são condicionadas portando devemos usar as estrutura determinando uma condição para finalização desta repetição.

39 Saída de dados em modo teste
No momento em que precisamos exibir as informações de saída de um processamento (resultado) podemos usar a instrução trace(); porem essa instrução somente irá funcionar em modo de teste ou seja dentro do ambiente Flash. Sintaxe : trace(<String>|<valores>); trace(“Oi poderosas !!!”);

40 Diagrama de Blocos for()
Repete (Instrução) até que o intervalo a,b seja satisfeito k de a até b k de a até b Instrução Bloco Instruções k Repete (Bloco Instrução) até que o intervalo a,b seja satisfeito

41 for(i=1;i<=10;i++) trace(i); Exemplo-1
Esse programa realiza a contagem de um a dez.

42 for(i=10;i>=1;i--) trace(i); Exemplo-2
Esse programa realiza a contagem de dez a um.

43 for(j=100;j<=320;j++) { if(j%2==0 || j%3==0) trace(j); } Exemplo-3
Esse exemplo determina os valores múltiplos de 2 ou 3 entre 100 e 320

44 Diagrama de Blocos while()
Estrutura simples Estrutura composta F Condição F Condição V Instrução V Bloco Instruções Bloco Instruções V Condição Estrutura onde o bloco de instruções será executado pelo menos uma vez. F

45 Estrutura de repetição while()
Sintaxe : while(<condição>) do { <instrução>; <bloco Instrução>; Ou while(<condição>) while(<condição>) { <Bloco de Instrução>; }

46 Exemplo-1 a = 1; while(a <= 10) { trace(a); a++; } ......

47 Exemplo-2 a = 1; while(a<=10) trace(a++);

48 i = 100; do { trace(i); i++; }while(i<=10) ..................
Exemplo-3 i = 100; do { trace(i); i++; }while(i<=10)

49 Criando um evento para aplicação em AS – Modo Especialista
Objeto (Botão) Controle on() Evento press Execução Controle Programa

50 Exemplo sintaxe para evento (press)
on (press) { …….. } Para criar uma aplicação básica basta criar o evento on( ) com o parâmetro press associado a um botão.

51 on (press) { valor = 1; while(valor <= 5) valor++; trace(valor); }
Exemplo prático : on (press) { valor = 1; while(valor <= 5) valor++; trace(valor); }

52 _root (propriedade) Essa propriedade faz referência a raiz ou seja ao objeto ou clip acima do palco que foi executado.

53 trace(i*_root.numero); }
Exemplo prático : on (press) { i=5; trace(i*_root.numero); }

54 Exercício proposto - Elaborar um programa que calcule a tabuada de qualquer número positivo diferente de zero dado pelo teclado.