HTML5 Spiel-Tutorial - Erstellen Sie eine Schlange Spiel mit HTML5-Canvas und JQuery
brillante Tutorial. Sie können für Tastendrücke, indem Sie diese von jquery Abhängigkeit loszuwerden
document.onkeydown = function (EVT)
if (evt.keyCode == 37 -amp; -amp;! d = „right“) d = „left“;
wenn andere (evt.keyCode == 38 -amp; -amp; d = „down“!) d = „up“;
wenn andere (evt.keyCode == 39 -amp; -Amp; d = „left“!) d = „right“;
wenn andere (evt.keyCode == 40 -amp; -amp; d = „oben“!) d = „down“;
>
// und für Dimensionen
var w = canvas.getAttribute ( „width“);
var h = canvas.getAttribute ( „Höhe“);
Es besteht keine Notwendigkeit für jquery hier wirklich ...
annoyedude
Die anti-jquery Polizei Leute sind ärgerlich. Sicher haben Sie nicht streng * jquery für diesen Einsatz *, aber es macht einige der Linien einfacher, viele Profis und Nicht-Profis es verwenden standardmäßig ohnehin ist, nicht so schwer zu addieren und sie gewarnt, auf der Titel. gut es war seine Wahl verwenden, das auf jeden Fall zu tun. Sie können bei nicht-jquery html5 Spiel Tutorials schauen immer, wenn die Ihre Präferenz ist, aber das bedeutet nicht, jedes Tutorial Nicht-jquery sein! Meine Güte.
Wirklich schönes Tutorial!
Vielen Dank,
Federico
Ich sehe nicht ganz, warum Sie mit dem Schwanz Variable in der Schlange beweglichen Teil müssen spielen, um.
Was wäre der Nachteil des folgenden Ersatz sein?
if (nx == food.x -AMP; -AMP; ny == food.y)
Score ++;
// Neues Lebensmittel
create_food ();
>
sonst
snake_array.pop (); // erscheint die letzte Zelle aus
>
var newhead =;
snake_array.unshift (newhead); // fügt den neuen Kopf, als die erste Zelle
Dies scheint viel leichter zu mir folgen, aber vielleicht bin ich etwas fehlt.
Nizza Tutorial!
War sehr nützlich!
Können Sie einigen anderen guten html5 Spiel tuts vorschlagen, dass Sie wissen?