| Punkte: 0 | Level: 0 | Zeit: 0 | Leben: 0 | |
|
dataspiel.js Mit dataspiel.js erstellst du Spiele ohne JavaScript-Kenntnis. Data-Angaben steuern Aktionen, wenn die mit Pfeiltasten gelenkte Figur eine div-Klasse "ziel" berührt.Klicke rechts die Buttons A - M an. Lies, was passiert, wenn die Spielfigur die jeweiligen Elemente berührt. Starte danach das Spiel und lenke die rote Spielfigur über die jeweiligen Elemente. Beobachte, was passiert, sobald die Spielfigur die jeweiligen Elemente berührt. <div class="ziel" data-typ="ausblenden" ></div>
<div class="ziel" data-typ="ausblenden" data-erneut="2" ></div>
<div class="ziel" data-typ="ausblenden" data-punkte="1" ></div>
<div class="ziel" data-mauer="1" ></div>
<div class="ziel" data-typ="ausblenden" data-leben="-1" ></div>
<div class="ziel" data-codean="fig2" ></div>
<div class="ziel" data-codeaus="fig3" ></div>
<div class="ziel" data-code="fig3" ></div>
<div class="ziel" data-code="fig3" data-codeausdauer="2"></div>
<div class="bewegung">
</div>
<div class="ziel" ></div>
<div class="ziel" ></div>
<div class="ziel" data-info="Info!" ></div>
Level im body-Tag anlegen Innerhalb des Divs mit der ID spielfeld können beliebig viele, nummerierte Level angelegt werden. <div id="spielfeld"><div id="level1" class="level"> </div> <div id="level2" class="level"> </div> <div id="level3" class="level"> </div> <div id="spielerDiv"><br /></div> </div> 💀
Bearbeitungsansicht
Um die Inhalte aller Level beim Bearbeiten sehen zu können, wird an das Ende der Adresszeile folgende Signatur gesetzt: ?bearbeiten.
Spielvorlage
Die zip-Dateinsammlung dataspiel.zip kann hier heruntergeladen und als Grundstein für ein eigenes Spiel verwendet werden.
Fledermausspiel als Beispiel
Ende
|