Heim >Web-Frontend >H5-Tutorial >Ideen zur Implementierung von HTML5-Memory-Flip-Spielen und Code_html5-Tutorial-Fähigkeiten

Ideen zur Implementierung von HTML5-Memory-Flip-Spielen und Code_html5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:48:583641Durchsuche

Die 2 umgedrehten Karten werden eliminiert, wenn sie übereinstimmen, andernfalls werden die 2 Karten auf die Rückseite zurückgelegt.

Anforderungsanalyse

Wie man die Vorder- und Rückseitenkarten zieht und wie man die Karten nach erfolgreichem Matching entfernt
Wie man ein Deck erstellt und jede Karte bestimmt Position der Karten und die entsprechenden Bilder

Wie man die Karten mischt
Wie man die Paarungsinformationen des Stapels aufzeichnet
Wie man feststellt, ob das Klickereignis der erste Klick oder der zweite Klick ist

Handhabung von Betrugsereignissen: Klicken Sie zweimal auf die eliminierte Karte. Klicken Sie auf den Bereich außerhalb der Karte. Geben Sie eine bestimmte Zeit ein So erreicht der Spieler eine Pause

Mausklick-Reaktion auf das Ereignis und erhält die Koordinaten der Mausklickposition, um festzustellen, auf welche Karte geklickt wurde


MYCode:

Code kopierenDer Code lautet wie folgt:



;
test
>




Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn