Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução...
Transcript of Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução...
![Page 1: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/1.jpg)
Criando umaAnimação
![Page 2: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/2.jpg)
Passo 1: Projeto
Pense no problema a ser resolvido
Projete uma solução Usaremos uma técnica comumente utilizada na
indústria de filmes(storyboard)
![Page 3: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/3.jpg)
Exemplo
O cenário é:
Primeiro encontro Após viajar pelo espaço, um nave tripulada por um robô
acabou de pousar na lua. O robô está na lua e ajustou uma câmera de forma que cientistas na terra possam ver o evento histórico. O foco da câmera mostra o robô, a base lunar e algumas formações de pedras próximas. De repente um alienígena aparece por detrás de uma pedra, surpreendendo o robô. O robô olha em torno de si, vê o alienígena e se aproxima para ver melhor. O alienígena se assusta e se esconde atrás das pedras.
O problema é: Como podemos criar essa animação?
![Page 4: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/4.jpg)
Criar o mundo inicial
![Page 5: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/5.jpg)
StoryboardOpção 1: Sketches
Descrição: O Alienigena chama o robô por detrás da rocha.
Som: NenhumTexto: XZYKTW?
![Page 6: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/6.jpg)
StoryboardOpção 2: imagens de cenas
Cena inicial
Oalienígena chama o robô por detrás da rocha
![Page 7: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/7.jpg)
StoryboardOpção 3: Texto
Um storyboard textual é como uma lista de tarefas (Script).
Faça os seguintes passos em ordem: alienígena se move alienígena diz “XZYKTW?” a cabeça do robo vira robô vira para olhar o alienígena Faça ao mesmo tempo robô se move em direção ao alienígena uma perna do robô se move alienígena se esconde
![Page 8: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/8.jpg)
Passo 2: Implementação
Para implementar a storyboard, traduza as ações no storyboard para um programa.
Programa (i.e., script) uma lista de instruções de certas ações para os objetos executarem na animação
![Page 9: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/9.jpg)
Blocos de Ação no Alice
Bloco de Ação Sequêncial – ações ocorrem uma após a outra
Bloco de Ação Simultânea
-- ações ocorrem simultaneamente
![Page 10: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/10.jpg)
Demo
Alien.a2w
![Page 11: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/11.jpg)
Conceitos nesse primeiro programa
Instruções de programa podem ter argumentos
Exemplo: para a instrução de movimento, os argumentos utilizados nesse exemplo foram:
direção
distância
Os blocos DoTogether e DoInOrder podem ser colocados um dentro do outro
![Page 12: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/12.jpg)
Testando
Um passo importante ao criar um programa é executá-lo – para ter certeza de que ele faz o que se espera que ele faça.
Recomenda-se o uso de um processo de desenvolvimento incremental:
Escreva uma poucas linhas do programa e então execute-o
Escreva mais algumas linha e execute-o...
Escreva mais algumas linha e execute-o...
Esse processo permite encontrar eventuais problemas e concertá-los durante seu progresso.
![Page 13: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/13.jpg)
ComentáriosEmbora as instruções do Alice sejam simples, uma combinação de instruções pode formar uma ação que não é óbvia.
Comentários são utilizados para documentar o código, explicando o propósito de um segmento particular do programa para o leitor humano.
![Page 14: Criando uma Animação. Passo 1: Projeto Pense no problema a ser resolvido Projete uma solução Usaremos uma técnica comumente utilizada na indústria de.](https://reader035.fdocumentos.tips/reader035/viewer/2022062623/552fc104497959413d8bf3ac/html5/thumbnails/14.jpg)
Exercício
Dado o mundo programar o filme.