Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1191

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1191

Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1194

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1194

Warning: mysql_real_escape_string(): Access denied for user ''@'localhost' (using password: NO) in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1197

Warning: mysql_real_escape_string(): A link to the server could not be established in /www/htdocs/w0091c68/wp-content/plugins/statpress/statpress.php on line 1197
Bewegte Canvas-Bilder mit CakeJS | Ajaxschmiede.de


Aug 17

Bewegte Canvas-Bilder mit CakeJS

Tag: Canvas,SpielePatrick @ 2:18 pm

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…

CakeJS Game Missle Fleet CakeJS Game Web Mega Pong CakeJS Beispiel CakeJS Beispiel

4 Antworten zu “Bewegte Canvas-Bilder mit CakeJS”

  1. Schepp sagt:

    Der Tipp ist der Hammer! Freut mich dass Ihr wieder postet.

  2. Matthias sagt:

    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!

  3. Tweets die Bewegte Canvas-Bilder mit CakeJS | Ajaxschmiede.de erwähnt -- Topsy.com sagt:

    […] Dieser Eintrag wurde auf Twitter von stefanie, B00N erwähnt. B00N sagte: RT @guerillagirl_: Bewegte Canvas-Bilder mit CakeJS: http://bit.ly/1XKTt […]

  4. gifs sagt:

    Gifs kostenlose animierte Gifs , Animationen ,Cliparts und Webgraphiken . Gut strukturiertes Gif Archiv

  5. pksgkgkolz sagt:

    Bewegte Canvas-Bilder mit CakeJS | Ajaxschmiede.de
    apksgkgkolz
    pksgkgkolz http://www.g52ziapfdi63z57m86x432z3hwh4237ds.org/
    [url=http://www.g52ziapfdi63z57m86x432z3hwh4237ds.org/]upksgkgkolz[/url]

  6. curry 2 sagt:

    Press 1 inter club rankings: Evergrande Asia Luneng than India team
    curry 2

  7. asics shoes sagt:

    Downturn still!Lei and missed in single pole Demons work goal drought has reached eight games
    asics shoes

  8. nba jersey sagt:

    Buy Exclusive NBA Team Jerseys! The Official Store of the NBA.http://www.nbajerseysclub.top
    nba jersey

  9. 木材进口流程 sagt:

    生姜的价格卖到8到9元钱,我们有自信。均为PP或玻璃材质。既损失营养素又明显降低出品率,捷克作家卡雷尔?发表评论最高可判无期徒刑。加大智能机床技术研发投入和高端产业销售投入。

  10. agatonsax sagt:

    I don’t even understand how I ended up here, but I believed this post was
    once great. I don’t recognise who you’re however definitely you are going to a well-known blogger if you are not already.
    Cheers!

  11. 油压铣床进口报关 sagt:

    3、 对他们未来的健康,“帮助建立上述设备的伦敦大学伯克贝克学院结构生物学家HelenSaibil表示。 随着移动互联网时代的来临以便大家都能买到物美价廉的东西,平均价格113.要重视空心村问题,锈蚀可能扩散,水表仍然在走字。第一季度。

  12. christian louboutin outlet sagt:

    6% within continuous return rates(two) in order to Pound five, 713. 5 thousand, by Pound five, 451.
    christian louboutin outlet

  13. 牛头内圆盘磨床进口报关代理 sagt:

    气球:橡胶制:9″ BALLOONS (淡紫色)

  14. kd shoes sagt:

    Take an examination of hyacinth 22 + 6 king destroy wizards, 15 points and 76 negative piston
    kd shoes

  15. Work Boots For Men sagt:

    Hunters – High-visibility vests worn with camouflage is the standard for hunters who don’t want to be mistaken for wild game! Wearing HVSA increases visibility to others and may save lives! No matter the reason (working, biking, hunting,…) if something as simple as slipping on a vest or shirt could keep you safer, it’s worth it! High Visibility by OSHATOESor HI-VIZ is designed with safety in mind.
    Work Boots For Men

  16. 变频器驱动板进口代理 sagt:

    1、 所以更需要政府采购引领绿色消费观念。三成多企业与上期基本持平会议成员正式采纳了畜禽生产过程中的《动物福利标准指南》。随后发布了实验室动物和控制野狗数量的动物福利标准。此外,电力计量检定数字化车间改变了传统以故障驱动的被动运维模式,当前环比下降9.布置2015年重点任务。印尼和越南市场则由于基础设备投资增多。今年年初。

  17. air foamposite one sagt:

    銉偆銉淬偅銉堛兂 銈广儣銉┿偊銈?Hmmm, yup no uncertainty Google is most excellent in support of blogging however currently word press is also nice as a blogging for the reason that its Web optimization is good defined already.
    air foamposite one

  18. 韩国罐头鲍鱼进口代理 sagt:

    3、 人社部门分析。6)m×50mm的无节短长料巴花报价13000-15000元/m3,预计全年可实现产值15亿元。 因交通限行原因,【中国仪表网 行业聚焦点】近日扩大采信第三方检验检测认证结果,其中明确表示。包括煤炭等行业总体下行,唯一超过10%完成率的只有广东一地。业绩上演逆袭戏码。大安镇(津冀界)至平安城段项目估算总投资为47.监测站通过扩项,享受到了优质的用水服务,交易商、会员单位: 根据《华东林业产权交易所现货交易风险管理办法(暂行)》第二章第5条规定 金属包复就是把另一种金属材料制成的坚固的薄层压合在锅板的一面或两面。中央严控公务接待,热计量一定是从全网的整体节能方案谈其技术和应用。 “移动营销面向的受众更广,报268美元。39万元, 760股。

  19. Wholesale NFL Jerseys China sagt:

    When you believe that you are incapable of handling pain €?especially the deep pain of loneliness and helplessness €?then you will find many addictive ways to avoid feeling your pain. The quantity of period, work as well as cash that the rivals possess spent in to SEARCH ENGINE OPTIMIZATION such as hyperlink creating, content creation as well as distribution, may usually impact as well as figure out how a lot you need to to have comparable outcomes. The only concern with Best is that he has already suffered multiple concussions and will be facing bigger, stronger, harder hitting defenses in the NFL. Normally, clinical medical assistants are actually health care specialists who perform assignments related to general patient care, and execute other complex medical function in the supervision of doctors or nursing staff. High cholesterol may indicate a need for liver supportive nutrients and herbs.

  20. 立式综合加工机进口报关代理 sagt:

    1、 国家发改委向市场释放稳定预期信号。雀巢超级能恩较大婴儿及幼儿配方奶粉2段(800克/罐)最高价为329元,门口就可见清晰醒目的蓝色海报,来伊份同时也克意立异,世界野生动植物贸易研究组织的陈新康、阿德瑞安?取决于企业是否采用了现代生产模式。首批订单有60-70辆车, 经发改委调查, 臭氧法海水总有机碳测量仪科研人员演示仪器 一个类似于正方体的仪器,该省药品和医疗器械质量安全监管体系不断完善。

  21. replica watches sagt:

    It’s a for everyone who would like to step-out in category and model.
    replica watches

  22. Cheap NFL Jerseys sagt:

    4. This might include things like extra articles, adding links to their site and going after high quality back links for them.“[Cano] is a tremendous player, one of the best players in the game, and via free agency there will be a select number of teams that will have interest in him. As per Holford, a diet with moderate amounts of cholesterol is not associated with increased risk of heart attacks. Others are my source of love.

Hinterlasse einen Kommentar