A matemática de animações com JavaScript

COMPARTILHE:

Se você é um caçador de códigos em JavaScript (risos), talvez encontre alguns no código-fonte deste blog. Alguns deles carregam algumas fun...

Se você é um caçador de códigos em JavaScript (risos), talvez encontre alguns no código-fonte deste blog. Alguns deles carregam algumas funções matemáticas bem interessantes. Se na informática, tudo são 0s e 1s, não é de se estranhar que linguagens de programação estão por atrás de páginas de internet, criação de programas, etc., todas são aplicações matemáticas importantes para o seu bom funcionamento.

A matemática de animações com JavaScript

Percebi isso mais ainda, lendo o artigo A quick look into the Math of animations with JavaScript (Um rápido olhar para a matemática de animações com JavaScript), escrito por Christian Heilmann para o Smashing Magazine.

Na escola, eu odiava matemática. Foi uma coisa terrível, abafada, chata, com livros antigos e problemas muito teóricos. Pior ainda, muitas das tarefas eram repetitivas, com uma simples mudança lógica em cada interação...

Christian Heilmann, desenvolvedor trabalhando para Mozilla, mesmo sem nos conhecermos, compartilhamos o mesmo pensamento referente a Matemática. Para onde quer que olhamos vemos Matemática, principalmente na Natureza.

Há um monte de matemática nas coisas visuais que fazemos, mesmo que não percebam isso. Se você quer fazer algo parecer natural e mover-se naturalmente, você precisa adicionar um pouco de física...



Todas as grandes engenhosidades criadas pelo homem, desde a antiguidade, foram feitas usando Geometria, Álgebra, e, nos tempos modernos, programas de computadores simples e avançadas fazem praticamente qualquer tipo de atividade, seja ela lógica ou física. Por exemplo, olha só o que um computador pode fazer, assistindo o vídeo abaixo.

Vídeo

Torre de estacionamento da Volkswagens na Alemanha.

Outro vídeo

Eu aposto como eles usaram em seus códigos computacionais, algumas teorias de Matrizes e Sistemas Lineares. Essa torre nada mais é, do que uma Matriz em formato de um cilindro.

Em seu artigo, Christian Heilmann destaca alguns códigos escritos em Javascript e também usando CSS, para mostrar algumas funções trigonométricas (como uma senóide) e seus comportamentos, aplicando efeitos interessantes. Mostrando como uma ferramenta computacional pode nos ajudar, para qualquer tipo de tarefa, inclusive para as aulas de Matemática.

No final do artigo, ele mostra 9 exemplos bem legais mostrando essas aplicações. 

Acesse o link direto para smashingmagazine.com para ler (em inglês) o artigo completo, assim como seus códigos e exemplos.

Boa leitura!

COMENTÁRIOS

BLOGGER
Nome

android,27,aplicações matemáticas,119,Aprender Matemática,30,Artigo Convidado,50,Biologia,1,blog,49,Blogger,3,Camisetas de exatas,3,Carl Sagan Day,1,chrome,9,cinema,12,Concursos,3,Curiosidades matemáticas,102,curso online,10,Desafios matemáticos,44,destaque,1,determinantes,3,Dia do Estudante,1,Dia do Professor,10,Diario Escolar Digital,5,Dica de economia,4,dica de livro,32,Dica para professor,43,divulgação,60,E-book,4,Editorial,21,educação,106,ENEM,1,ensino,139,Entrevista,8,eventos,19,excel,24,extensões,11,Facebook,8,feira do livro,4,firefox,2,frações,6,funções,9,geogebra,78,GifsMatemáticos,5,google,42,história da matemática,40,humor,58,IMO,2,InternetJusta,1,iOS,19,iPad,7,iPhone,3,jogos,27,Katex,1,Latex,20,LibreOffice,11,linux,49,Livro GeoGebra,5,Mapa Mental,1,Matemática e profissões,20,Matemático do dia,27,Materiais GeoGebra,23,Mathjax,2,Netflix,7,Noticias,132,OBMEP,1,One Strange Rock,1,Papel milimetrado,4,Pi Day,16,piadas matemáticas,13,PodCast,4,política,3,premiações,7,professor,6,promoção,13,Quiz,22,Resenhas de Livros,1,Resposta Desafios,1,Sebastião Vieira,22,software,18,Software Livre,50,Tabuada,5,TCC,17,Telegram,8,TexMath,4,TIC,32,Top artigos,4,ubuntu,15,Videos,104,wallpapers matemáticos,23,Widgets,26,windows,41,wolfram alpha,30,Youtube,16,
ltr
item
Prof. Edigley Alexandre - O blog para professores e estudantes de Matemática: A matemática de animações com JavaScript
A matemática de animações com JavaScript
http://1.bp.blogspot.com/-OhKlLziJGT0/U6BsDfPRwpI/AAAAAAAALvs/7wu_IieN11w/s1600/a-matematica-de-animacoes-com-javascript.png
http://1.bp.blogspot.com/-OhKlLziJGT0/U6BsDfPRwpI/AAAAAAAALvs/7wu_IieN11w/s72-c/a-matematica-de-animacoes-com-javascript.png
Prof. Edigley Alexandre - O blog para professores e estudantes de Matemática
https://www.prof-edigleyalexandre.com/2012/09/a-matematica-de-animacoes-com-javascript.html
https://www.prof-edigleyalexandre.com/
https://www.prof-edigleyalexandre.com/
https://www.prof-edigleyalexandre.com/2012/09/a-matematica-de-animacoes-com-javascript.html
true
125900602153146940
UTF-8
Carregar mais posts Não foram encontrados posts VER TODOS Leia mais Responder Cancelar resposta Delete Por Início PÁGINAS POSTS VER TODOS RECOMENDADOS PARA VOCÊ CATEGORIA ARQUIVO PESQUISE TODOS OS POSTS Não foi encontrada nenhuma correspondência de postagem com sua solicitação VOLTAR Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ BLOQUEADO PASSO 1: Compartilhar em uma rede social PASSO 2: Clique no link da sua rede social Copiar todo o código Selecioinar todo o código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar