Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Fabiano Dias da Silva
Data:	18-11-2005
Categoria:	Programação Web
Assunto:	FLASH - ACTION SCRIPT
Visitas:

Frases Aleatórias

Objetivo:

Olá pessoal, neste tutorial vamos aprender a fazer uma animação que exibe frases aleatórias à medida que o usuário clicar sobre o botão avançar, um detalhe muito importante é que tais frases serão exibidas sem no entanto repetir nenhuma frase até o final de sua quantidade total, retomando assim para o inicio.

Pré-requisitos: Conhecimento básico em Action Script(programação no flash).

1º Passo: Crie um novo documento pressionando as teclas de atalho CTRL+N e altere as suas propriedades pressionando as teclas de atalhos CTRL+J:

550 Largura(Width) x 400 Altura(Height);

2º passo: Desenhe um quadro conforme a figura abaixo, acima do quadro como mostrado na figura insira a seguinte frase:

Pressione o botão para verificar as frases

Insira também de acordo com a figura um botão, que será usado para avançar na exibição das frases.

3º passo: Selecione o botão e pressione a tecla de atalho F9 para exibir a área de programação e insira o seguinte código:

//ao pressionar o botão

on (press) {

/*seta a variável alertar com vázio, variável está responsável por exibir ao usuário que todas as frases foram vistas*/
_root.alertar = "";

//gera um valor aleatório e armazena na variável índice
indice = random(6);

            //verifica se esta é a primeira frase a ser mostrada
            if (_root.a == 0) {
                        //seta o vetor aux com o valor que foi sorteado aleatoriamente
                        _root.aux[_root.a] = indice;
                        //exibe a frase na tela
                        _root.exibe_frase = _root.frase[indice];
                        //incrementa a variável
                        _root.a++;

} else {

/*chama a função que verifica se o valor sorteado aleatoriamente já sai ou não, caso não tenha sido sorteado anteriormente executa o seguinte trecho de código*/
                        if (_root.verifica(_root.aux, indice) == false) {
                                   //seta o vetor aux com o valor sorteado aleatoriamente
                                   _root.aux[_root.a] = indice;
                                   //exibe a frase na tela
                                   _root.exibe_frase = _root.frase[indice];
                                   //incrementa a variável
                                   _root.a++;

} else {

                                   //condição para não entrar em loop infinito
                                   if (_root.a<6) {
/* enquanto a função _root.verifica retornar verdadeiro, ou seja enquanto o número sorteado for igual a algum número que já tenha sido sorteado anteriormente*/
                                               while (_root.verifica(_root.aux, indice) == true) {
                                                           //outro númeor é sorteado
                                                           indice = random(6);
                                               }

/*insere no vetor aux, quando depois de executar a estrutura de repetição encontra um valor que ainda não foi sorteado até o momento */
                                               _root.aux[_root.a] = indice;
                                               //exibe a frase na tela
                                               _root.exibe_frase = _root.frase[indice];
                                               //incrementa variável
                                               _root.a++;
                                   }
                        }
            }
            /* se todas as frases foram sorteadas*/
            if(_root.a == 6)
            {
                        //mostra ao usuário que o mesmo viu todas as frases
_root.alertar = "Você viu todas as frases pressione o botão avançar p/ revelas";

/*seta a variável _root.a com 0, pois está variável é responsável por controlar a quantidade de frases que foram sorteadas até o momento, fazendo isso para poder rever as frases*/
_root.a = 0;
i = 0;

/*seta todo o vetor aux com um valor que não será sorteado no random, pois é a partir dos valores deste vetor que faremos as comparações para verificar se um valor foi ou não sorteado*/
                        while(i < _root.aux.length)
                        {
                                   //seta cada elemento do vetor com o valor 11
                                   _root.aux[i] = 11;
                                   //incrementa a estrutura de repetição
                                   i++;
                        }
            }
}

Explicação:

Quando o usuário clicar sobre o botão avançar, um valor aleatório é gerado através da função random(parâmetro), observação o parâmetro da função random(), gera um valor aleatório entre o número zero e um número a menos do valor passado como parâmetro, este valor depois de verificado através da função _root.verifica informa se o número foi sorteado ou não até o momento, caso não tenha sido sorteado até o momento ele é usado em um vetor como índice para exibir a frase, caso ele já tenha sido sorteado um novo valor aleatório é gerado até que este índice seja diferente dos sorteados até então.

O vetor _root.aux é usado para armazenar os índices que já foram sorteados, pois este vetor será usado na função _root.verifica que verifica todos os elementos do vetor _root.aux com o índice sorteado no momento e retorna true(verdadeiro) caso este índice já tenha sido sorteado ou false(falso) caso ele ainda não tenha sido sorteado, como será mostrado logo abaixo no código da função _root.verifica.

4º passo: Agora selecione o primeiro quadro chave(Keyframe) de nossa animação e insira o seguinte código dentre de deste frame:

//variável que controla a quantidade de números que já foram sorteados
a = 0;

/* vetor que armazena os indices que foram sorteados até o momento, para evitar que uma frase se repita até o termino de todas as frases a serem exibidas */
aux = new Array();

/*Você deve inserir as suas frases dentro de cada dupla de aspas */
var frase = new Array
                                                           ("Frase de nº 1",
                                                           "Frase de nº 2",
                                                           "Frase de nº 3",
                                                           "Frase de nº 4",
                                                           "Frase de nº 5",
                                                           "Frase de nº 6");

//função que verifica se a frase já foi sorteada
            function verifica(a, indice)
            {
                        i = 0;
                        //percorre todo o vetor aux, passado como parâmetro
                        while (i<6)
                        {
                                   /* condição que verifica se o indice já foi sorteado anteriormente */
                                   if (a[i] == indice)
                                   {
                                               return true;
                                   }
                                   i++;
                        }
                        return false;
            }

Explicação:

a - > para que possamos saber a quantidade de números que foram sorteados até o momento, está variável é incrementa toda vez que um índice que ainda não foi sorteado anteriormente é sorteado.

aux = new Array() - > vetor que como dito anteriormente armazena os índices sorteados até o momento, este vetor é usado para verificar se um valor sorteado foi ou não sorteado anteriormente.

var frase = new Array() -> vetor que armazena as frases que serão exibidas ao usuário.

A função verifica recebe como parâmetro o vetor aux e o índice que foi sorteado no momento, ela percorre todo o vetor aux, que como dito anteriormente armazena todos os índices sorteados até o momento, para comparar com o índice sorteado no momento com todos os valores do vetor aux.

5º passo: Agora para finalizarmos nossa animação, vamos declarar as variáveis, que serão responsáveis por exibir as frases ao usuário bem como indicar o fim das frases, declare as variáveis com os seguintes nomes e conforme a figura abaixo:

exibe_frase - > variável que mostra ao usuário as frases sorteadas aleatoriamente, alinhe está variável para que ela fique ao centro do quadro mostra no inicio do tutorial.

alertar - >variável que mostra uma mensagem ao usuário quando este completou todas as frases a serem vistas, alinhe esta mensagem logo abaixo do quadro.

Para criar estas variáveis selecione a ferramenta text tool() ou pressione a tecla de atalho (T) para ativa-lá, feito isso desenhe no documento o comprimento e altura de visibilidade do conteúdo de sua variável, não se esqueça de alterar a cor da variável e as suas propriedades como indicado na figura abaixo:

Você deve alterar a altura e a largura da variável de acordo com o conteúdo que você deseja mostrar, por exemplo se você tiver uma frase grande que deverá ser exibida em várias linha você deverá ajustar o sua altura e possivelmente a sua largura.

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM CURSOS 24 HORAS
AdministraÇÃo
Administração Contábil e Financeira Administração de Empresas Administração do Tempo Aprenda a Falar em Público Chefia e Liderança Departamento Pessoal Empreendedorismo Gestão da Qualidade Gestão de Compras	Gestão de Projetos Gestão Escolar Gestão Hoteleira Gestão Pública Logística Matemática Financeira HP 12C Planejamento Estratégico Qualidade de Vida no Trabalho
COMUNICAÇÃO E MARKETING
Administração de Empresas Aprenda a Falar em Público Comércio Exterior Empreendedorismo Escrita e Redação Etiqueta Social e Empresarial Jornalismo Online Marketing Pessoal	Marketing Social Planejamento Estratégico Produção de Eventos Propaganda e Marketing Sucesso Profissional Técnicas de Vendas Telemarketing
CONCURSOS PÚBLICOS
Conhecimentos Bancários Gestão Pública Memorização e Leitura Dinâmica	Noções Gerais de Direito Raciocínio Lógico
CONTABILIDADE E ECONOMIA
Administração Contábil e Financeira Administração de Empresas Bolsa de Valores Comércio Exterior	Conhecimentos Bancários Contabilidade Básica Finanças Pessoais Matemática Financeira HP 12C
DIREITO
Assistente Social Departamento Pessoal	Gestão Pública Noções Gerais de Direito
GESTÃO E LIDERANÇA
Administração de Empresas Administração do Tempo Aprenda a Falar em Público Chefia e Liderança Empreendedorismo Etiqueta Social e Empresarial Gestão de Compras Gestão de Projetos Gestão Escolar	Gestão Hoteleira Gestão Pública Marketing Pessoal Memorização e Leitura Dinâmica Negociação Propaganda e Marketing Recolocação Profissional Secretariado Executivo Sucesso Profissional
INFORMÁTICA
Access 2007 ASP AutoCad 2D AutoCad 3D CorelDraw Excel 2007 Flash Linux MS Project 2007	Photoshop PowerPoint 2007 Raciocínio Lógico Redes e Noções de Hardware Segurança na Internet Webmaster Windows 7 Word 2007 Word e Excel
MEIO AMBIENTE
Educação Ambiental Guia de Turismo	Marketing Social Reciclagem e Energias Renováveis
PEDAGOGIA
Bullying Distúrbios de Aprendizagem Educação Ambiental Educação de Jovens e Adultos Educação Especial	Educação Infantil Escrita e Redação Gestão Escolar Saúde Emocional do Educador
ProfissionalizanteS
Administração de Empresas Assistente Social Comércio Exterior Departamento Pessoal Educação de Jovens e Adultos Educação Infantil Enfermagem Fotografia Digital Gestão da Qualidade Gestão de Compras Guia de Gastronomia	Guia de Turismo Jornalismo Online Logística Produção de Eventos Recepcionista de Hotel Recrutamento e Seleção Secretariado Executivo Segurança do Trabalho Técnicas de Vendas Telemarketing Webmaster
RECURSOS HUMANOS
Administração de Empresas Departamento Pessoal Gestão Pública	Qualidade de Vida no Trabalho Recrutamento e Seleção
SAÚDE
Assistente Social Bullying Enfermagem	Primeiros Socorros Saúde Emocional do Educador Segurança do Trabalho
TURISMO E HOTELARIA
Gestão Hoteleira Guia de Gastronomia	Guia de Turismo Recepcionista de Hotel

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Informações

ACCESS

Vídeo Aula: Access 2007 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Frases Aleatórias

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD