HTML 5 Canvas Element Tutorial Collection

Posted by Jeremy A "Tschetsch" Prescott on Sunday, October 26. 2008

Da ich mich in letzter Zeit sehr intensiv mit dem hypergeilem in HTML5 durch die WhatWG standartisiertem und in den Browsern der neusten Generation bereits implementiertem Canvas Element befasst habe, habe ich zu meiner eigenen Dokumentation und zu eurer weiterbildung gedacht, dass ich meine kleine Linksammlung auch öffentlich mache. Ich werde diesen Teil ständig erweitern;

Tutorials:
- Kleine Anwendungen mit dem Canvas Element, mit Beispielcode und einer Demo
- Mozilla's Javascript Canvas Tutorial: Das Konzept, um eine analoge Uhr und ein Solarsystem zu animieren
0 Comments More...
Defined tags for this entry: , , , , ,

"The Project" Teil 1

Posted by Jeremy A "Tschetsch" Prescott on Tuesday, September 23. 2008

Vor einpaar Wochen habe ich mich über Einsatzmöglichkeiten des Canvas Elements aus HTML5 schlaugemacht und bestehende Projekte angeschaut. Alles in allem: geil!
Mit diesem Grundsatz im Kopf habe ich mich daran gemacht einen Prototyp zu entwickeln, der mir auf einem Canvas von 1280x1024 rund 6500 einzelne Bilder platziert. Der Prototyp war sehr buggy und mehr zu Demo zwecken gedacht, funktionierte aber wie erwartet: 6500 Bilder wurden in 0.9 Sekunden (in Opera9.5) auf das Canvas in ein Kartesisches Koordinatensystem mit hilfe der drawImage() methode gezeichnet.
Der Prototyp hab ich vor rund 2 Wochen in 1.5 Tagen (also c.a 12std) programmiert, um dann das ganze zu verwerfen und mich an "das Richtige Projekt" mit dem Projektnamen "hAxine" zu machen. Prinzipiell hat es inzwischen nach 2 Tagen Arbeit gleichviel Funktionsumfang wie der Prototyp. Hat aber noch ein Camera Objekt, mit welchem ich das Sichtfeld steuern kann und das Mapper Objekt, welches mir die Bild Teile des Koordinatensystems vorrendert. Als test habe ich das gesamte Bild dann pro Frame um ein 1px verschoben und geschaut was passiert: 10 FPS, also fest Realtime ;-) Da ich aber keinen Plan von Engines habe (und es noch lernen will/sollte), müsste sich diese Zahl sicherlich optimieren lassen (im ruhenden Bild zustand sinds btw. schon 20 FPS)
Bilder gibts später, oder gar nicht ;-)
0 Comments More...
Defined tags for this entry: , , , , ,

searchme.com - eine 3d search engine

Posted by Jeremy A "Tschetsch" Prescott on Tuesday, July 8. 2008 in search engine

Was passiert wenn man Coverflow, eine Präsentationstechnik die von Apple gross gemacht wurde, mit einer Search Engine verbindet? Searchme! Man kann wie bei einer normalen search engine suchen: als Ergebnis sieht man dann aber die ganze Website, mit dem Suchbegriff visuell hervorgehoben und kann so die gewünschte Site finden.
Hier eine kleine Demo der Beta Version:
0 Comments More...
Defined tags for this entry: , ,

Die Browser der Halb-Neuen Ära

Posted by Jeremy A "Tschetsch" Prescott on Monday, July 7. 2008 in Canvas / Canvas3d

Vor kurzer Zeit haben die zwei der drei wichtigsten Browser eine neue Version herrausgebracht: Opera 9.51 und Firefox 3.0 !
Interessant an diesen Versionen der Browsern ist, dass sie das neue Canvas und Canvas3d Objekt unterstützen, mit welchem man mittels JavaScript in einem bestimmten Bereich einer Website zeichnen kann. Klar, dass hat mit Usabilty, Informationsquellen und Web, so wie wir es kennen nicht mehr sehr viel am Hut, doch es bildet die Basis für die Zukunft: stellt euch vor, Games im Browser zu spielen! Das Canvas3d Objekt bietet hierzu genau das was den meisten Spiele-Schmieden gefehlt hat: opengl support im Browser, damit 3d Objekte manipuliert, rotiert und animiert werden können.
Klar, JavaScript als Programmiersprache für Games.. da lacht sich jeder Programmierer krumm, aber doch kann man damit Dinge realisieren, wie man es in verschiedenen Demo-Pages betrachten kann.
Ist einbisschen Zukunfts-Geblabber meiner seits, aber wer kann es mir schon nicht verneinen, bei diesen Internet Bandbreiten und den Processoren von Heute, dass es sehr bald - falls die Technologie weiterhin fast exponentiale Sprünge über Jahrzehnten macht - nur noch einen zentralen Rechner für so ziemlich jederman geben wird. ...Jap, man träumt gerne einmal beim bloggen ^^

Hier aber mal ne Demo:

Hier findet ihr einpaar Informationen bezüglich dem Canvas3d Objekt
Anyway, versucht mal nach "opera canvas3d" zu suchen, da findet ihr viele Demo Pages - das ganze hat noch nicht richtig begonnen, alles underground fast noch, bis die ersten grossen Applikationen ihr Gesicht zeigen!
0 Comments More...
Defined tags for this entry: , , , , , , , ,

tschetsch.ch wird zum blog über Web, Technologien und Metalcore&Hardcore

Posted by Jeremy A "Tschetsch" Prescott on Monday, July 7. 2008

Lange war auf tschetsch.ch ruhe.. doch diese ruhe versuche ich jetzt einmal zu brechen! :-D
Tschetsch ist ja bekanntlich mein "spitzname" unter welchem ich mich in meiner Umwelt bewege, wesshalb auch die domain! Der Grund aber für diesen Blog ist einer ganz anderen Art: Hier kann ich meine Internet-funde aufbewahren, damit primär ich (und nicht ihr) diese wieder finde! Der Blog wird sich daher wohl um Web, Webdesign, Webentwicklung, Neue Technologien, Musik, Metalcore & Hardcore und total sinnlosem Geblabber handeln!
1 Comment More...

Page 1 of 1, totaling 5 entries

Quicksearch

Search for an entry in tschetsch.ch - Jeremy A. Prescott's Blog:

Did not find what you were looking for? Post a comment for an entry or contact us via email!


Deprecated: mysql_connect() [function.mysql-connect.php]: The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/tschet11/public_html/serendipity/include/db/mysql.inc.php on line 270

Deprecated: Non-static method serendipity_plugin_api::hook_event() should not be called statically, assuming $this from incompatible context in /home/tschet11/public_html/serendipity/include/genpage.inc.php on line 32

Deprecated: Non-static method serendipity_plugin_api::get_event_plugins() should not be called statically, assuming $this from incompatible context in /home/tschet11/public_html/serendipity/include/plugin_api.inc.php on line 1012

Deprecated: Non-static method serendipity_plugin_api::count_plugins() should not be called statically, assuming $this from incompatible context in /home/tschet11/public_html/serendipity/include/genpage.inc.php on line 35

Deprecated: Non-static method serendipity_plugin_api::count_plugins() should not be called statically, assuming $this from incompatible context in /home/tschet11/public_html/serendipity/include/genpage.inc.php on line 36