Articles of animação

Como usar o Gif Animado em um formato delphi

Eu acho que não há suporte nativo para imagens animadas gif. Como é o melhor caminho? qualquer componente livre que permita isso? Eu estava pensando em usar um TImage e um ImageList + Timer, mas eu preciso exportar cada frame do gif para um arquivo bmp separado.

O JavaScript fornece um timer de alta resolução?

O JavaScript fornece um timer de alta resolução? Eu escrevi alguns mecanismos de jogo do zero, alguns em C, alguns em Java e alguns em Flash. Eu sempre sigo o mesmo modelo básico quando se trata de animações e charts interativos. Crie uma class / estrutura básica com o seguinte design: void init() { /* […]

Lote em tempo real em MATLAB

Eu sou muito novo no MATLAB e estava tentando exibir um gráfico em tempo real de alguns cálculos. Eu tenho um vetor de tamanho N e trabalho com valores de m cada vez (digamos m = N/4 ), então eu quero plotar os primeiros valores de m e então, assim que os segundos m forem […]

CSS3 – Animação 3D Flip – IE10 transform-origin: preserve-3d workaround

Depois de olhar pelo blog de desenvolvedores do IE10, descobri que eles não suportam a configuração preserve-3d. Eles oferecem uma solução alternativa, mas não consigo fazê-lo funcionar. Meu exemplo abaixo funciona no Safari, Chrome e Firefox, mas não no IE10. Se alguém pudesse me ajudar a conseguir isso, ficaria muito grato. As checkboxs devem girar […]

como obter um div para mover aleatoriamente uma página (usando jQuery ou CSS)

Eu tenho pesquisado para encontrar uma resposta para isso, mas não tive sorte. Pode ser porque sou um amador e não sei os termos adequados para procurar, mas talvez alguém aqui possa me guiar na direção certa ou me ajudar. De qualquer forma, estou procurando uma maneira de obter um div aleatoriamente, deslocar suavemente uma […]

Animação CSS3: exibição + opacidade

Eu tenho um problema com uma animação CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Este código só funciona se eu remover a mudança de display . Eu quero mudar a exibição logo após o […]

Animação CSS3 com gradientes

Existe realmente nenhuma maneira de animar um fundo gradiente com CSS? algo como: @-webkit-keyframes pulse { 0% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } 50% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(222,252,255)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } 100% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, […]

Desativando a animação da barra de progresso do .NET ao alterar o valor?

Eu percebo que existem outras questões sobre o SO relacionadas a animações e barras de progresso, mas elas parecem girar em torno de se livrar da animação desenhada no topo da barra de progresso, ie. o destaque que passa por cima. O que eu quero fazer é se livrar da animação que é usada quando […]

Desempenho de pacotes de animação CSS Transitions vs. JS

Eu estou querendo saber se há alguma diferença no desempenho do uso de CSS Transitions contra qualquer uma das várias bibliotecas de animação JavaScript? ( script.aculo.us , scripty2 , jsAnim , MooTools , $fx , etc). Eu tentei vários testes no Safari e no Chrome, mas na verdade não vejo nenhuma diferença. Eu pensei que […]

Como desenhar um caminho de vetor progressivamente? (Raphael.js)

Como animar um caminho de vetor como ele está sendo desenhado, progressivamente? Em outras palavras, mostre lentamente o caminho pixel por pixel. Eu estou usando o Raphaël.js , mas se sua resposta não é específica da biblioteca – como se houvesse algum padrão geral de programação para fazer esse tipo de coisa (eu sou relativamente […]