Articles of animation

Animazione semplice in WinForms

Immagina di voler animare qualche object su un WinForm. Si imposta un timer per aggiornare lo stato o il modello e si sovrascrive l’evento paint del Form. Ma da lì, qual è il modo migliore per ridipingere continuamente il modulo per l’animazione? Invalidare il modulo non appena hai finito di disegnare? Impostare un secondo timer […]

Non è ansible rendere i percorsi disegnare crescendo lentamente con D3

Utilizzando la libreria grafica d3, non riesco a rendere i percorsi disegnare lentamente in modo che possano essere visti crescere. Questo sito ha un esempio perfetto nella sezione “Grafico a linee (Srotolare)”, ma non viene fornito alcun codice per quella sezione. Qualcuno potrebbe aiutarmi con le linee del codice D3 che potrebbero farlo accadere? Quando […]

Prestazioni dell’immagine in movimento sulla pagina web tramite CSS vs HTML5 Canvas

Ho un’immagine e la metto sulla mia pagina web (JavaScript) in questo modo: satelliteImage.style.top = coordinates.top + “px”; satelliteImage.style.left = coordinates.left + “px”; Sfortunatamente, le prestazioni sono piuttosto negative in tutti i browser eccetto Chrome. Il collo di bottiglia è la velocità di rendering. Non ho speranza per IE, ma voglio migliorare almeno Firefox. Qualcuno […]

Java Swing Timer and Animation: come metterlo insieme

Sto per ri-postare di nuovo questo argomento cercando di essere più preciso e sperando di ottenere un po ‘di aiuto perché questo mi sta facendo impazzire. Sto sviluppando un gioco da tavolo con un massimo di 6 giocatori, ognuno con una pedina colorata diversa. Ho la seguente immagine che viene caricata negli array BufferedImage trattandola […]

Mirroring gif animato su carico in Java – ImageIcon

Quindi ho una gif animata che carico in un ImageIcon come questo: Image image = new ImageIcon(“image.gif”).getImage(); e posso disegnarlo usando questo: g.drawImage(image, x, y, null); So che posso rispecchiarlo al volo usando AffineTransform, ma ho bisogno di essere in grado di specularlo orizzontalmente dopo il caricamento, in modo da poter disegnare quello speculare, se […]

Animazione uniforms del testo (selezione scorrevole) tramite WPF

Cercando di build un controllo di selezione con un’animazione di testo fluida. Gli sforzi attuali includono: Utilizzando tradurre trasformare Utilizzo dell’animazione sulle proprietà di dipendenza Canvas (sinistra, destra) Utilizzo dell’animazione sulla proprietà di dipendenza personalizzata (Point) e utilizzo delle immagini del disegno (testo formattato) Utilizzando CompositionTarget.Rendering Ma l’animazione è ancora instabile e ad alta intensità […]

Animazione css AngularJS + richiamata

Sto usando AngularJS e vorrei ricevere una notifica al termine dell’animazione. So che questo può essere fatto con animazioni definite da javascript come questa myApp.animation(…) , ma sono curioso di poterlo fare senza javascript. Domanda: è ansible usare angular ng-enter e ng-leave css-transitions e specificare un callback fatto? Immagino che l’evento animationend sia stato licenziato, […]

Come utilizzare requestAnimationFrame?

Sono nuovo nell’animazione, ma di recente ho creato un’animazione usando setTimeout . L’FPS era troppo basso, quindi ho trovato una soluzione per utilizzare requestAnimationFrame , descritta in questo link . Finora, il mio codice è: //shim layer with setTimeout fallback window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(/* […]

Animazione di rotazione continua CSS3 (proprio come una meridiana di caricamento)

Sto cercando di replicare un indicatore di attività in stile Apple (icona di caricamento della meridiana) utilizzando un’animazione PNG e CSS3. Ho l’immagine che ruota e la eseguo continuamente, ma sembra esserci un ritardo dopo che l’animazione è terminata prima di fare la prossima rotazione. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { […]

SetInterval () e setTimeout () cose brutte da fare nelle moderne animazioni jQuery?

Ho avuto alcuni problemi con le animazioni con jQuery 1.6. L’ho risolto con jQuery 1.5. Nel mio progetto ho usato setInterval() per fare il cursore del logo personalizzato. Le animazioni scattate all’istante (non contemporaneamente) due a due. Tutto va liscio quando sono sulla pagina, ma quando sono andato su un’altra scheda e ritorno (dopo un […]