Il case study di una animazione SVG

categorie

See the Pen The Illusion of Life: An SVG Animation Case Study by Michael Ngo (@hellomichael) on CodePen.



The Illusion Of Life: An SVG Animation Case Study è un esperimento che, partendo dalla domanda: quanto a fondo si può spingere questo tipo di animazione vettoriale, rivela passo passo tutte le tecniche per realizzare la complessa serie di movimenti di una valigetta partendo dai suoi semplicissimi componenti. E' applicabile a qualsiasi altro tipo di oggetto, ad esempio: loghi, testi, immagini e personaggi.

SVG al giorno d'oggi ha diversi vantaggi: non dipende dalla resoluzione, è compatibile cross-browser e manipolabile con i nodi DOM accessibili.

Flubber - una libreria per trasformazioni 2D SVG
SVG shape morpher (single path)
morph icons
kanji SVG
SVG crush
The complete guide to SVG

[via]

Add new comment

The content of this field is kept private and will not be shown publicly.

Full HTML 2

  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.