Ich arbeite seit einigen Wochen mit der Engine und bin sehr begeistert. Konkurrenzlos für alles was Javascript 2D Spiele angeht.

Ausserdem habe ich ein Multiplayerplugin für die Engine geschrieben (link), wenn ich da noch einige Kinderkrankheiten gefixt hab werd ich dazu aber nen eigenen Beitrag schreiben.

Der zweite Teaser ist inzwischen mit Ton!

Bisher gibts folgende Features:
- ein “ich war hier” Schild auf dem einfach nur der Name steht
- die Mine, läuft jemand drüber verliert man 10% des Geldes an den Minenleger
- der Teleporter, bekommt beim Bauen eine URL. läuft man rein, wird man auf die entsprechende Seite “gebeamt”
- die Kanone, braucht man um hier und da auch wieder was weg zu schießen.

Aktuell baue ich an einer Möglichkeit, Webseiten zu erobern die dann Steuern kosten (und evtl. etwas zu verfremden), bis das entsprechende Gebäude wieder zerstört ist.

Auch die Webseite zum Spiel braucht noch ein kleines bisschen Pflege. Optionale Emailangabe für Passwortreset und ein paar Statistiken sollen hier als nächstes folgen.

Da ich mich noch nicht zu einem Namen entscheiden konnte, gibts auch noch keine eigene Domain, aber hier kann man sich registrieren und spielen:

http://www.drailing.net/webgame/

Über Feedback, Anregungen, Bugs etc. freue ich mich natürlich!

Der aktuelle Stand ist folgender:
Man bewegt sich (mit den Pfeiltasten) über Webseiten und findet zufällig verteilte Geldsäcke. Mit diesem Geld kann man nun verschiedenste Sachen bauen. Neben “ich war hier”-Schildern und Minen gibt es Teleporter, denen beim Erstellen eine URL hinterlegt wird. Läuft man nun durch einen Teleporter wird man auf die nächste Seite “gebeamt”.

Läuft jemand über eine Mine, werden 10% des Geldes an den Minenleger übertragen.

Natürlich sieht man auch die Gebäude die von anderen Spielern gebaut wurden und kann auch deren Teleporter benutzen. In ersten Tests konnte ich viele lustige Webseiten besuchen indem ich mich nur von Teleporter zu Teleporter bewegte. Sehr cool!

PS: über Namensvorschläge und Feedback freue ich mich natürlich!

NodeJS bietet die Möglichkeit Javascript serverseitig zu interpretieren und stellt eine komfortable API bereit um sehr rasch eigene Serversoftware zu schreiben.
Socket.IO ist ein Node Plugin welches sich zur Aufgabe gemacht hat die Echtzeitkommunikation ins Web zu bringen. Dabei werden entweder auf Websockets, Flashplugins oder Javaapplets zurückgegriffen und ist somit auch auf nicht ganz aktuellen Browsern lauffähig.

Als erster Test habe ich ein Codebeispiel etwas umgebaut und es kam eine kleine Seite zustande, auf der man sich mit einem Namen anmeldet und dann per Click eine kleine blaue Box bewegen kann.
Hört sich erstmal nicht nach einer postenswerten Errungenschaft an, surfen aber mehrere Besucher auf der Seite (oder alleine mit mehreren Browsern), erscheint pro Anmeldung eine blaue Box und jeder kann die Boxen und Bewegungen der Anderen in Echtzeit sehen!

Und hier gehts zur Seite!

Auf Wunsch kann ich den Code noch etwas kommentieren und zum Download anbieten, die Beispiele von Node selbst sind aber recht selbsterklärend und auch entsprechend gut kommentiert

Tip:
Da npm (Node Package Manager) unter Windows nicht zur verfügung steht und das Einrichten unter Windows mit allen Plugins bei mir nicht ganz geklappt hat, empfehle ich das Projekt nodejs-win, ein Installer für NodeJS der alle notwendigen Plugins mitbringt, PATH Variable setzt etc…

Seit der Version 0.8.0 unterstützt Greasemonkey nun ein @require Attribut, welches erlaubt externe Bibliotheken wie jQuery einzubinden und zu benutzen. Das ist toll!

Und als erstes, unverzichtbares Plugin gibts hier den z0r Randomizer, welcher auf der zugehörigen Internetseite alle 10 Sekunden den Random-Button drückt. Wunderbar auf jeder Party oder einfach als Bildschirmschoner, einfach ein MUSS! (im Grunde ist z0r nur eine Ansammlung doch sehr unnötiger aber lustiger Flash Videos, wie z.B. das)

Das Script gibts hier:
click

Und wer Greasemonkey noch nicht installiert hat, wird hier fündig:
click

Zur Installation, ganz einfach den Link zum Script bei aktiviertem Greasemonkey anklicken.

Falls man nun ein Video doch tatsächlich länger als 10 Sekunden sehen möchte, ist im z0r Menü ein zusätzlicher Eintrag dazugekommen, über welchen man jederzeit den Timer an/ausschalten kann.

Viel Spaß!

Grundsätzlich wurde das ganze dann doch sehr simpel

Benötigt wird jQuery und mein kleines Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="onlineuser.js" type="text/javascript"></script>

Diese beiden Scripte müssen auf jedenfall im entsprechenden HTML Header vorhanden sein.

Vor dem hochladen, kann in der onlineuser.js noch die UpdateRate und die ID des Divs konfiguriert werden. Per default heisst die Div-ID “onlineuser” und wird alle 10 Sekunden aktualisiert:

var targetDiv = "onlineuser";
var updateRate = 10000;

Falls nun das PHP Script nicht auf einer Ebene mit der HTML Datei liegt, muss der Pfad noch entsprechend angepasst werden:

$("#"+targetDiv).load("path/to/onlineuser.php");

In der onlineuser.php muss, wie auch schon beim Adminpanel, die Datenbankverbindung eingertagen werden und optional noch CSS Klassen mitgegeben werden:

$cssClass = "styleMe orNot";
 
$db = new mysqli( 'localhost', 'db-user-name', 'db-pw', 'db-name' );

Grundsätzlich wars das schon!

Ein ZIP mit den beiden benötigten Dateien und einem Beispiel-HTML findet man hier

Ich hoffe es funktioniert bei allen, im Notfall kann man sich aber gerne hier melden

Auch wenn ich selber kein aktiver Twitternutzer bin, musste ich mir die API aus verschiedenen Gründen etwas genauer anschauen. Am Ende fiel eine komplett Javascript basierte Twitterwall raus

Bei Click auf den Titel (beim Start “japan”) wird das minimalistische Menü eingeblendet, über das auch nach Hashtags oder User gefiltert werden kann. Abgeschickt bzw. geschlossen, wird das Menü über Enter.

Eine Live-Demo gibts hier: getwitter

Und wer sich den Code genauer anschauen möchte, oder auch den eigenen Bedürfnissen anpassen will, kann sich hier gerne den Code downloaden: download

Kostet: 0 $ ( oder für 10 $ auf “totem Baum” )

Herunterzuladen bei Geek and Poke auf der linken Seite im Menü.

Lohnt sich wirklich!

Edit:
Inzwischen hab ichs verstanden und es ist nun doch nicht lustig… es werden auch die In App Purchases mitgerechnet!