Aug 17
Bewegte Canvas-Bilder mit CakeJS
Bewegte Bilder, sprich Animationen, sind seit jeher ein Hingucker auf jeder Homepage. In der Vergangenheit griffen Webentwickler bei einfachen Animationen auf bewegte GIF-Dateien zurück, die Einzelbilder beinhalten und zeitversetzt wiedergeben. Für aufwendigere Szenen musste auf das Adobes (ehemals Macromedia) Flash-Format auswischen werden.
Flash bietet sehr vielseitige Möglichkeiten und gilt seit jeher de facto als Standard für Webanimationen. Die Wiedergabe geschieht über den kostenfreien Flash-Player, der mittels Plugin in den Browser eingebunden wird. Jedoch handelt es sich bei Flash um eine proprietäre Software. Sie muss also durch teure Lizenzgebühren erworben werden um eigene Anwendungen in Flash zu erstellen.
Genau hier fehlte es bisher an geeigneten Alternativen.
Bereits vor über einem Jahr veröffentlichte Ilmari Heikkinen – wohl weitestgehend unbemerkt – seine Javascript-Bibliothek CakeJS (Canvas Animation Kit Experiment). CakeJS orientiert sich im Groben am „großen Bruder“ Flash.
Auf der Demo-Seite des Projekts finden sich zahlreiche kleine Beispielanimationen, die einen Vorgeschmack darauf geben, was mit CakeJS möglich ist. Das Highlight sind die beiden mit CakeJS erstellten Spiele Missle Fleet und Web Mega Pong. Beide Spiele lassen sich leicht per Tastatur steuern und machen ziemlich Spaß.
In der umfangreichen Dokumentation findet man eine gute Übersicht aller zur Verfügung stehenden Funktionen und Methoden samt Erklärungen.
CakeJS ist für Browser entwickelt wurden, die von Haus aus Canvas unterstützen und funktioniert mit Firefox (2+), Safari (3+) und Opera (9.6+). Grundsätzlich sollte es zwar möglich sein, dass CakeJS auch in Microsofts Internet Explorer mittels ExplorerCanvas läuft, jedoch scheint die Ausführungsgeschwindigkeit zu langsam und der Resourcenverbrauch zu hoch zu sein um die Animationen ordentlich darstellen zu können.
Vorgenommen hatte sich Heikkinen viel: Physikengine, Kollisionsabfrage und das Senken der CPU-Last, doch seit mehreren Monaten steht die Entwicklung still. Vielleicht kommt demnächst ja doch noch eine neuere Version…
August 25th, 2009 at 10:02 pm
Der Tipp ist der Hammer! Freut mich dass Ihr wieder postet.
August 29th, 2009 at 12:56 pm
Danke für den Post. Ich hoffe ja schon lange, dass Flash irgendwann von Canvas und SVG abgelöst wird und diese Bibliothek ist definitiv sehr interessant dabei!
Oktober 28th, 2009 at 8:11 am
[…] Dieser Eintrag wurde auf Twitter von stefanie, B00N erwähnt. B00N sagte: RT @guerillagirl_: Bewegte Canvas-Bilder mit CakeJS: http://bit.ly/1XKTt […]
Juli 21st, 2010 at 7:15 pm
Gifs kostenlose animierte Gifs , Animationen ,Cliparts und Webgraphiken . Gut strukturiertes Gif Archiv
April 11th, 2020 at 4:43 am
buy chloroquine online
coronavirus jinping – buy chloroquine phosphate – chloroquine phosphate 250mg
April 14th, 2020 at 8:58 pm
levitra generic
levitra dosage about – levitra vs levitra pictures – levitra 10mg you cannot post new topics in this forum
April 19th, 2020 at 7:13 pm
viagra for sale
natural treatment for ed – discount viagra – liquid viagra buy entry.php
April 22nd, 2020 at 1:10 am
cbd products
cbd capsules review – cbd oil near me – cbd no thc products
April 22nd, 2020 at 1:35 am
american eagle cbd
cbd without the high – cbd health benefits – cbd and thc
April 23rd, 2020 at 2:26 pm
viagra generic
canadian pharmacy viagra 20mg joined – buy viagra in slidell – viagra middot
April 26th, 2020 at 1:06 am
chloroquine phosphate online
4 coronavirus ny – anti coronavirus drugs – coronavirus bat
April 30th, 2020 at 1:37 am
what is viagra
viagra 10 mg effectiveness knowledge base – viagra comparison viagra – generic viagra, effects
April 30th, 2020 at 2:57 am
cialis buy
cialis 7uk – cialis and alcohol use – levitra vs cialis comparison guestbook_sign.php
April 30th, 2020 at 4:58 pm
cialis over counter
cialis generic canada – cialis advice – cialis tadalafil club
Mai 11th, 2020 at 1:14 am
generic cialis
theodore roosevelts cialis – cialis 10mg or 20mg forum rules – cialis generic online
Juni 4th, 2020 at 2:54 am
viagra erection
where can i buy viagra tadalafil in ipswich town – potenzmittel – viagra, viagra or levitra. which is best
Juni 5th, 2020 at 3:22 am
tadalafil without a doctor’s prescription
cialis vs viagra which is better addlink.php – cialis 10 mg effectiveness board index – cialis log me on automatically each visit
Januar 12th, 2021 at 7:46 am
tadalafil
tadalafil 20 mg
Januar 12th, 2021 at 9:28 pm
cialis otc
cialis over the counter at walmart
Januar 17th, 2024 at 11:31 pm
side effects of cialis
side effects of cialis