Spiel: 4 Gewinnt
Verfasst: 27.04.2010, 16:17
Kopiert aus dem alten Forum
Vor längerer Zeit hatte ich schonmal angefangen ein 4-Gewinnt-Spiel für Webkicks-Chats zu schreiben.
Leider funktionierte es nicht einwandfrei in allen Browsern, weshalb ich es nicht veröffentlicht hatte.
Nun habe ich es mir nochmal vorgenommen und es auch so weit fertiggestellt, dass ich es euch hier anbieten kann.
Äußerliches / Funktionsweise
Um ein Spiel zu starten muss muss man den Befehl
absenden. So erscheinen beim eingeladenen User 2 Buttons, mit denen er das Spiel entweder annehmen oder ablehnen kann. Nimmt er das Spiel an, so wird bei beiden in unten rechts in der Onlineliste ein kleines 4 Gewinnt - Spielfeld (7 Spalten breit und 6 Zeilen hoch) eingebledet. Durch Klicken in eine Spalte des Spielfeldes wirft man seinen Spielstein hinein. Dies geschieht immer abwechselnd.
Wer zuerst 4 Spielsteine in eine Reihe bekommt - egal ob waagerecht, senkrecht oder diagonal - hat das Spiel gewonnen.
Voraussetzungen
Voraussetzung ist mal wieder die Grundscriptsammlung.
Das Klapp-Menü für die Onlineliste ist hilfreich, aber nicht notwendig. Dort kann ein weiterer Menü-Eintrag angelegt werden, mit dem man ein Spiel startet.
Weiterhin benötigt ihr, sofern ihr nicht den unten beschriebenen Generator nutzt, einen Webspace um einige Grafiken und eine js-Datei hochzuladen.
Einbau
Ab sofort gibt es auf http://www.wktools.net einen Generator. Damit könnt ihr euch ein eigenes Design für dieses Spiel erstellen. Dafür braucht ihr keine besonderen Erfahrungen mit Scripts oder HTML und müsst auch nichts selbst auf einen Webspace hochladen. Er ist also auch für Anfänger durchaus geeignet. Wenn ihr den Generator nutzen wollt braucht ihr ab hier nicht weiterlesen, denn hier wird nur noch der manuelle Einbau erklärt.
------------------------------------------------------------------------------------
Wenn die Voraussetzungen gegeben/erledigt sind könnt ihr dann also das Spiel in eueren Chat einbauen.
Zunächst erstellt ihr euch eine js-Datei. Dort kommt folgender Code hinein:
Anzupassen ist lediglich folgendes in der ersten Codezeile:
Hier bitte das Verzeichnis angeben, in dem ihr alle Bilder hochladet, die hier gebraucht werden.
Die folgenden 2 Einstellungen sind optional.
In der 2. Zeile steht folgendes:
Dadurch wird eingestellt ob das Spielfeld in der Onlineliste unten rechts (und ggf. Nick-Überlappend) oder oberhalb von "Derzeit im Raum" angezeigt werden soll. Standard (true) bedeutet unten. Wenn es oben sein soll ändert es in false:
In den folgenden 3 Zeilen werden die Rahmen-Styles für die einzelnen Felder, die Tabelle und das ganze Spielfeld (incl. "am Zug" und Exit-Link) definiert. Das kann bei bedarf auch angepasst werden.
Um den Code auch im Chat einzubinden müsst ihr den folgenden Code mit angepasster URL der js-Datei einfügen:
Nun zu den Bildern, die ihr dort hochladet:
0.gif
playera.gif
playera1.gif
playerb.gif
playerb1.gif
Die Namen müssen so bleiben. Ihr könnt allerdings auch gerne andere Bilder mit 15 x 15 px erstellen, wenn euch diese nicht gefallen...
Vielleicht könntet ihr diese dann ggf. auch hier posten um eine größere Auswahl bereitzustellen.
Zuguterletzt muss noch ein Chatbefehl im Admin-Menü angelegt werden. Der Name muss, anders als bei anderen Scripts exakt so eingehalten werden.
/4gewinnt
Vor längerer Zeit hatte ich schonmal angefangen ein 4-Gewinnt-Spiel für Webkicks-Chats zu schreiben.
Leider funktionierte es nicht einwandfrei in allen Browsern, weshalb ich es nicht veröffentlicht hatte.
Nun habe ich es mir nochmal vorgenommen und es auch so weit fertiggestellt, dass ich es euch hier anbieten kann.
Äußerliches / Funktionsweise
Um ein Spiel zu starten muss muss man den Befehl
Code: Alles auswählen
/4gewinnt USER
Wer zuerst 4 Spielsteine in eine Reihe bekommt - egal ob waagerecht, senkrecht oder diagonal - hat das Spiel gewonnen.
Voraussetzungen
Voraussetzung ist mal wieder die Grundscriptsammlung.
Das Klapp-Menü für die Onlineliste ist hilfreich, aber nicht notwendig. Dort kann ein weiterer Menü-Eintrag angelegt werden, mit dem man ein Spiel startet.
Weiterhin benötigt ihr, sofern ihr nicht den unten beschriebenen Generator nutzt, einen Webspace um einige Grafiken und eine js-Datei hochzuladen.
Einbau
Ab sofort gibt es auf http://www.wktools.net einen Generator. Damit könnt ihr euch ein eigenes Design für dieses Spiel erstellen. Dafür braucht ihr keine besonderen Erfahrungen mit Scripts oder HTML und müsst auch nichts selbst auf einen Webspace hochladen. Er ist also auch für Anfänger durchaus geeignet. Wenn ihr den Generator nutzen wollt braucht ihr ab hier nicht weiterlesen, denn hier wird nur noch der manuelle Einbau erklärt.
------------------------------------------------------------------------------------
Wenn die Voraussetzungen gegeben/erledigt sind könnt ihr dann also das Spiel in eueren Chat einbauen.
Zunächst erstellt ihr euch eine js-Datei. Dort kommt folgender Code hinein:
Script:Zeigen
Anzupassen ist lediglich folgendes in der ersten Codezeile:
Code: Alles auswählen
var vgBilderPfad = "http://www.beispiel.de/4gewinnt/";
Die folgenden 2 Einstellungen sind optional.
In der 2. Zeile steht folgendes:
Code: Alles auswählen
var vgAbsolutePosition = true;
Code: Alles auswählen
var absolutePosition = false;
Um den Code auch im Chat einzubinden müsst ihr den folgenden Code mit angepasster URL der js-Datei einfügen:
Code: Alles auswählen
<script type="text/javascript" src="http://www.deineDomain.de/4gewinnt.js"></script>
0.gif
playera.gif
playera1.gif
playerb.gif
playerb1.gif
Die Namen müssen so bleiben. Ihr könnt allerdings auch gerne andere Bilder mit 15 x 15 px erstellen, wenn euch diese nicht gefallen...
Vielleicht könntet ihr diese dann ggf. auch hier posten um eine größere Auswahl bereitzustellen.
Zuguterletzt muss noch ein Chatbefehl im Admin-Menü angelegt werden. Der Name muss, anders als bei anderen Scripts exakt so eingehalten werden.
/4gewinnt
Code: Alles auswählen
<script type=text/javascript>if(parent.info){vgBefehlsAuswertung('%user%','%me%');}else{document.write('spielt mit einem anderen Chatter 4 Gewinnt')}</script>