Advitum.de auf Google+

CSS Animation Tutorial: hypnotische Spirale

CSS Animation Tutorial: hypnotische Spirale
Von am
Kategorien: CSS, Programmieren, Tutorials

Vor ein paar Tagen habe ich ein interessantes Gif gesehen, eine Animation einiger konzentrischer Halbkreise, die unterschiedlich schnell rotieren. Ich war drauf und dran, den gleichen Effekt mit ein bisschen JavaScript nachzubauen, als ich bemerkte, dass der gleiche Effekt sehr einfach mit CSS erzielt werden kann.

In diesem Artikel wende ich CSS-Animationen an, um einen interessanten Effekt zu erzielen. Artikel weiterlesen

Ani.js – schlanke Animationsbiliothek aus JavaScript und Canvas

Ani.js – schlanke Animationsbiliothek aus JavaScript und Canvas
Von am
Kategorien: JavaScript, Programmieren, Tutorials

Letzte Woche gab es hier aus Zeitmangel nur einen kleinen animierten Ninja als Demo meiner Animationsbibliothek ani.js zu sehen. Diese Woche will ich nun ein kleines Tutorial nachliefern, mit dem du selbst die Animationsbibliothek ani.js nutzen kannst.

Als erstes solltest du jQuery und Ani.js downloaden und die beiden Dateien in deine HTML-Datei einbinden.

In deinem HTML-Dokument brauchst du nur ein (Div-)Element anlegen, in welchem sich die Animation befinden soll.

Nun kannst du mit der Animation beginnen! Lege dazu eine neue JS-Datei an und binde sie nach jQuery und Ani.js ein! In dieser Datei wird später der Code für die Animation stehen. Artikel weiterlesen

Kleiner animierter Ninja – JavaScript Demo

Kleiner animierter Ninja – JavaScript Demo
Von am
Kategorien: JavaScript, Programmieren

Heute gibt es statt eines »normalen« Artikels mal etwas zum Spielen, nämlich einen kleinen animierten Ninja, den ich mit JavaScript gecodet habe. Ich habe nämlich übers Wochenende eine kleine, simple Animations-Bibliothek geschrieben, die ich anhand dieses Ninjas ausproberen wollte. Ich hoffe, ich finde bald die Zeit, eine detaillierte Beschreibung der Bibliothek zu schreiben, denn dann könnt ihr sie nach belieben nutzen. Artikel weiterlesen