Home: Frank Bartels

Javascript-Beispiele


Begleitmaterial zu einem Vortrag über das Javascript-Framework qooxdoo

Als kleines Beispiel wird hier eine Tabelle demonstriert, in der die ca. 2700 Kreuzungs-Vorschaubildchen
der Kreuzungsperspektive angezeigt werden. Damit dies nicht zu langen Ladezeiten führt, wird immer nur
ein kleiner Teil der Zeilen bei Bedarf (nach)geladen. Praktisch völlig browserunabhängig dank qooxdoo.


WeLOAD (in der Digitalen Schultasche des IQSH enthalten)
...ermöglicht Mediendateien per drag & drop in sogenannten
Content Packages anzuordnen.
Die Dokumentation zu dem Programm wurde auch als solch
ein Content Package realisiert, das auf der verlinkten Seite
gleich mit dem Content Player von WeLOAD angezeigt wird.
Realisiert mit Hilfe von qooxdoo (s.o.).


Die Action-Variante eines Fraktals:
der unendliche live-zoom wird direkt in Javascript berechnet und
ausgegeben auf einem <canvas>-Element. Es ist kein Plugin erforderlich,
aber man sollte über einen modernen Browser verfügen (z.B. Chromium und Opera
sind besonders schnell, Firefox sollte mehr als 1GB RAM haben (IE: vermutlich ab v9)).

Spaßeshalber habe ich mal die Simulation so weit eingedampft, daß es auf einem
Mikrocontroller
laufen kann... (in C programmiert).


Ein kleiner Javascript-Shooter: realisiert nur mit Javascript und dem <canvas>-Element.
Läuft in praktisch jedem Browser (sogar mit dem IE ab Verson 6 dank excanvas.js)


Die Kreuzungsperspektive ermöglicht einen virtuellen Rundgang durch Kiel.

Die Kreuzungsdarstellungen können einfach mit Knöpfen für "Drehe Links",
"Drehe Rechts", "Gehe vorwärts" navigiert werden. Hierbei wird immer eine
neue HTML-Seite geladen, wobei der Seitenübergang mit JavaScript so animiert
ist, daß man kaum merken kann, daß ein Seitenübergang überhaupt stattfindet.
Beispielbild für Kartendarstellung, aufgeklappt

Auf den Karten, die hier auf vielen Seiten erscheinen, kann man die
Kreuzungen durch anklicken "aufklappen"...
Beispielbild für Kartendarstellung, aufgeklappt

Bei einem Stichwort-Suchergebnis folgt die Karte dem aktuellen
Eintrag unter der Maus, um die Position zu zeigen...
Stichwortsuche nach Kirche

Auf der Startseite ist ein Feuerwerkseffekt...
Beispielbild für Kartendarstellung


Home: Frank Bartels