Este artigo apresenta principalmente um tutorial sobre o uso de tela no HTML5 para desenhar movimento de partículas com fórmulas e requer código JavaScript como uma fórmula. Amigos que precisam
Recentemente, quero fazer uma página da web e colocar algumas das demos que fiz no processo de aprender HTML5 para fazer coleções. No entanto, se eu apenas fizer uma página da web e organizar todas as demos uma a uma, ela parecerá muito feia. Eu apenas pensei, desde que aprendi a tela, vamos mexer com o navegador e fazer uma pequena animação de abertura.
Pensei no efeito da animação de abertura por um tempo e decidi usar partículas porque achei que as partículas eram mais divertidas. Ainda me lembro do primeiro post técnico do blog que escrevi antes, que era sobre imagens de texto semelhante a partículas: imagens de texto do tipo partícula, e então eu só fiz movimento linear e adicionei um pouco de efeito 3D. A fórmula do movimento é simples. Então, eu só quero tornar essa animação de abertura mais dinâmica.
Vá para a demonstração primeiro: http://2.axescasncanvas.sinaapp.com/demohome/index.html
O efeito é mais dinâmico do que o movimento da linha reta? E é realmente muito simples. Não se esqueça do título desta postagem do blog, da pequena fórmula e da grande diversão. Para alcançar esse efeito, usamos apenas o ensino médio. . Ou o conhecimento da física no ensino médio, a fórmula para acelerar o movimento e a desaceleração do movimento. Portanto, é realmente uma pequena fórmula. O pôster gosta de mexer com algumas coisas legais. Embora possa não ser útil no trabalho, essa diversão é realmente fascinante. Além disso, fazer isso também pode melhorar sua capacidade de pensar em programação.
Sem mais delongas, vou ao tópico. Apenas explique brevemente o princípio ~~~
O código central do movimento de partículas é apenas isso:
Código XML/HTML Copito de Conteúdo para a área de transferência