AGRUPAMENTO DE ESCOLAS DE VILA VIÇOSA

DGEstE – Direção Geral de Estabelecimentos Escolares

Escola Sede: Escola Secundária Públia Hortênsia de Castro
Código: 135483

CURSOS PROFISSIONAIS DE NÍVEL SECUNDÁRIO

Técnico de Multimédia – 2018/2019
Técnicas de Multimédia

Ficha formativa 1 Data: UFCD 0142 - ActionScript

Objetivos: Adicionar ações a movie clips;
Manipular conteúdos dinâmicos (criar um relógio).

1. Crie um novo documento, (Action Script 3.0) e guarde-o com o nome “Ficha1.fla”.
2. Altere as dimensões do filme para 500x500 pixels.
3. Altere o nome da [layer] para “Imagem”.
4. Importe a imagem “clock.jpg” para a área de trabalho e defina as seguintes propriedades:
[W]=400, [H]=400, [X]=50 e [Y]=50.
5. Crie uma [layer] com o nome “Horas”. Desenhe uma linha na vertical com as seguintes
propriedade: [W]=1, [H]=70, [X]=250, [Y]=180, espessura da linha 5 e a cor da linha
[#0000FF]. Depois, converta-a para [Movie Clip] com o nome “MC_Horas”, o eixo de
rotação deve ser a parte inferior do ponteiro, na opção [Registration] deve assinalar, na
grelha de quadrados em miniatura, o segundo da última linha. Atribua [Instance
name]=”horas”.
6. Crie uma [layer] com o nome “Minutos”. Desenhe uma linha na vertical com as seguintes
propriedade: [W]=1, [H]=80, [X]=250, [Y]=170, espessura da linha 5 e a cor da linha
[#0000FF]. Depois, converta-a para [Movie Clip] com o nome “MC_Minutos”, o eixo de
rotação deve ser a parte inferior do ponteiro, na opção [Registration] deve assinalar, na
grelha de quadrados em miniatura, o segundo da última linha. Atribua [Instance
name]=”minutos”.
7. Crie uma [layer] com o nome “Segundos”. Desenhe uma linha na vertical com as seguintes
propriedade: [W]=1, [H]=90, [X]=250, [Y]=160, espessura da linha 2 e a cor da linha
[#FF0000]. Depois, converta-a para [Movie Clip] com o nome “MC_Segundos”, o eixo de
rotação deve ser o lado esquerdo do ponteiro, na opção [Registration] deve assinalar, na
grelha de quadrados em miniatura, o segundo da última linha. Atribua [Instance
name]=”segundos”.
8. Crie uma [layer] com o nome “Centro”. Desenhe um círculo sem contorno de tamanho 25
e centre-o no filme (Window – Align, não se esqueça de ativar To stage).
9. Crie uma [layer] com o nome “Digital”. Crie uma caixa de texto por baixo da imagem do
relógio. Ajuste as propriedades para o tipo de letra = Verdana, tamanho = 30, cor
=[#0000FF], alinhamento = centro, coordenadas [X] = 175 e [Y] = 450. Altere o tipo de texto
para [Dynamic Text] e escreva no “instance name” a expressão ”digital”.

Curso Profissional Técnico de Multimédia – SIGO: 8510648 1

Ano Letivo 2018/2019
Projeto n.º: POCH-01-5571-FSE-001399
 AGRUPAMENTO DE ESCOLAS DE VILA VIÇOSA
DGEstE – Direção Geral de Estabelecimentos Escolares
Escola Sede: Escola Secundária Públia Hortênsia de Castro
Código: 135483

10. Por último, crie uma nova [layer] com o nome “Ações”. Nela deve definir a função
[onEnterFrame]. Nela inclua, também, a função da data que calcula, mostra as horas e
roda os ponteiros do relógio. Abra o painel de ações e transcreva as seguintes ações:

addEventListener(Event.ENTER_FRAME,atualizahora)
//Função que serve para atualizar a hora
function atualizahora(e:Event):void{
//Variável data
var data = new Date();
//Ponteiro das Horas é rodado consoante o respetivo valor
horas.rotation = data.getHours()*30+(data.getMinutes()/2);
//Ponteiro dos Minutos é rodado consoante o respetivo valor
minutos.rotation = data.getMinutes()*6+(data.getSeconds()/10);
//Ponteiro dos Segundos é rodado consoante o respetivo valor
segundos.rotation = data.getSeconds()*6;
//Mostrador digital
//Variável d_h que recebe o valor da hora
var d_h = data.getHours();
//Caso a hora seja menor que 10, acrescenta o 0 antes do algarismo
if (d_h<10) {
d_h='0' + d_h;
}
//Variável d_m que recebe o valor dos minutos
var d_m = data.getMinutes();
//Caso os minutos sejam menor que 10, acrescenta o 0 antes do algarismo
if (d_m<10) {
d_m='0' + d_m;
}
//Variável d_s que recebe o valor dos segundos
var d_s = data.getSeconds();
//Caso os segundos sejam menor que 10, acrescenta o 0 antes do algarismo
if (d_s<10) {
d_s='0' + d_s;
}
//Atribuiu o formato à variável dinâmica
digital.text=d_h+':'+d_m+':'+d_s;
};

A partícula [_root] significa que essa função é definida na raiz do filme. Todas as linhas que
iniciam com [//] apresentam à frente um comentário da linha de ações seguinte.
11. Grave e teste o seu filme.

Curso Profissional Técnico de Multimédia – SIGO: 8510648 2

Ano Letivo 2018/2019
Projeto n.º: POCH-01-5571-FSE-001399