Conteúdo principal
Programação
Curso: Programação > Unidade 1
Lição 5: Conceitos básicos de AnimaçãoO que são animações?
Parabéns por aprender a criar desenhos com suas habilidades de programação! Agora você vai aprender como transformar estes desenhos em animações, com apenas mais algumas linhas de código.
Mas, primeiro, vamos falar sobre o que é uma animação. Como você poderia fazer uma animação sem programar?
Você poderia fazer vários desenhos em pedaços de papel e então passar por todos os desenhos em sequência, e isso seria como uma animação. Bem, isso seria como uma animação se os desenhos estivessem apenas um pouco diferentes uns dos outros. Por exemplo, dê uma olhada nessa animação, feita com lápis e papel, de um carro andando pela rua:
Provavelmente, demorou um pouco para fazer essa animação e, ainda assim, não ficou muito boa. Está tremida e totalmente sem cor.
Mas agora vivemos no futuro! Podemos fazer uma animação melhor em alguns minutos usando programação e com apenas uma dúzia de linhas de código, como essa:
Quer aprender a programar isso? Siga em frente!
Quer participar da conversa?
- poderia estar em português?(35 votos)
- É melhor que você se familiarize com o inglês, que é a linguagem oficial para programação! Mas o texto realmente poderia ser em português! :/(62 votos)
- Gostaria de saber o que é ''stroke"?(21 votos)
- Stroke é o contorno do desenho e fill é o preenchimento.(50 votos)
- teria como baixar este programa de codigos para treinar off line.(14 votos)
- Sim, existem programas para isso, como o ProcessingJS... Mas você pode treinar aqui também, é só ir no seu perfil, ir em projetos e começar um novo! Aí você fica brincando com as animações que aprende (é o que eu faço) e fica só pra você!!(30 votos)
- Posso programar no bloco de notas ?
e como faço para que isso rede e me mostre o resultado (no caso no bloco)(7 votos)- A linguagem de programação JavaScript é uma linguagem interpretada, ou seja, ela não é compilada, normalmente você adiciona um script a uma pagina web e a partir de lá ela exibe o seu script, não existe, não que eu saiba, uma forma de compilar JavaScript, no casso do ProcessingJS, ele é um Framework com certas funções já definida, o que facilita a criação de desenho/scripts, existem diversos Framework para diversas aplicações. Você pode usar o seu editor de texto preferido (no meu caso, para JavaScript, uso atualmente o Atom) para escrever seu script e salvar com a extensão ".js" linkar a sua pagina HTML5 entre as tags <script></script> e ver o resultado, uma coisa a ser vista é a questão de segurança, será bom você instalar um servidor web para fazer esses teste. Viu só? Existem muitas coisas a serem aprendidas para chegar a um objetivo mas, estamos no caminho certo, vamos aprendendo uma coisa de cada vez que chegaremos lá muito em breve. Abraços(23 votos)
- Com esse tipo de programação posso criar um desenho animado ou algo parecido?(6 votos)
- daria trabalho mas sim, você poderia com um progama 3d e varias linhas de código(4 votos)
- Estou muito animado com o curso e estou aprendendo de verdade e confesso que no inicio estava muito difícil aos poucos vou levando!(9 votos)
- Qual o site oficial para mim poder acessar o JS?(5 votos)
- Para programar em JavaScript fora do khanacademy, você deve incluí-lo em uma página html, e para escrever e editar seu código pode usar um IDE (Integrated Development Environment ou Ambiente de Desenvolvimento Integrado) como o VisualStudio Code, ou até mesmo um editor de texto, como NotePad++, Atom, ou SublimeText, por exemplo.(9 votos)
- Quando é que traduzem para portugues?(5 votos)
- Se familiarize com o inglês. Tudo no universo de programação é escrito em língua inglesa.!(8 votos)
- Eu ainda não entendi como fazer variáveis. Você pode fazer um vídeo exclusivo para eu aprender a fazer uma?(4 votos)
- vc pode declarar uma variável com o nome que quiser, apenas quando for usar vc tem que estar atento em usar exatamente o nome que vc declarou.
Por exemplo:
var = tamanhodente
rect(tanto faz, tanto faz, tanto faz, tamanhodente);
se vc digitar por exemplo "Tamanhodente" com "T" maiúsculo não vai funcionar(o que é bom caso vc queira diferenciar uma variavel de outra)(3 votos)
- com o JavaScript dá pra criar jogos? se sim como faço para cria-ló? me diga o resumo ?(5 votos)