So erstellen Sie Ihr eigenes Wortspiel

Wie funktioniert ein Webspiel wie Wordle? Was müssen Sie wissen, um Ihr eigenes Spiel zu erstellen?

Nicht jedes Spiel erfordert ein riesiges Entwicklungsteam und jahrelange Entwicklung, um ein Erfolg zu werden. Wordle zum Beispiel wurde von Josh Wardle für seinen Partner Palak Shah in kurzer Zeit entwickelt und trotz seiner Einfachheit und sehr wenigen Funktionen brachte ihm seine unglaubliche Popularität ein Lösegeld der New York Times ein.

Wie funktioniert ein Webspiel wie Wordle?

Wenn Sie eine Idee für ein einfaches, aber süchtig machendes Spiel haben, das die Aufmerksamkeit der Welt auf sich ziehen und Ihnen viel Geld einbringen könnte, ist es durchaus möglich, selbst eine Webanwendung wie Wordle zu schreiben.

Das Wordle-Website-Framework ist, wie jede Website, HTML, eine Hypertext-Markup-Sprache. Dies ist der Code, auf den sich alle Websites verlassen, um Ihrem Browser mitzuteilen, wo Elemente beim Laden der Seite abgelegt werden sollen. Die Website, die Sie gerade lesen, ist HTML-codiert und bietet nicht nur den eigentlichen Inhalt, sondern auch Anweisungen zur Anzeige dieses Inhalts, von der Menüposition bis zur Schriftgröße.

Zusätzlich zu HTML gibt es CSS, Cascading Style Sheets: Dies ist eine Ergänzung zu HTML, um das Layout von Elementen zu erleichtern, unabhängig davon, ob es sich um Eigenschaften eines Bildes oder eines Textblocks handelt. Wenn Sie mehrere Seiten auf Ihrer Website haben, können Sie mit CSS deren visuelle Eigenschaften einmal und nicht pro Seite festlegen.

Wenn Sie Webseiten erstellen möchten, müssen Sie HTML und CSS erlernen. Bei vielen Diensten können Sie dies jedoch tun, ohne eine einzige Codezeile schreiben zu müssen. Diese Dienste bieten die Möglichkeit, Ihre Elemente per Drag-and-Drop in eine sehr fortschrittliche Benutzeroberfläche zu ziehen und die Kontrolle über das gesamte HTML und CSS zu übernehmen.

Damit eine Website wie Wordle vollständig interaktiv ist, benötigen Sie außerdem JavaScript, um statische HTML- und CSS-Seiten in dynamischere Seiten umzuwandeln, sei es ein Suchfeld oder eine Symbolleiste. JavaScript kann Videos, 2D oder 3D manipulieren, vom Benutzer eingegebene Informationen speichern, Daten aus einer Datenbank laden, Berechnungen durchführen, vordefinierten Code gemäß einer bestimmten Benutzeraktion ausführen usw.

Wie Josh Wardle gegenüber TechCrunch erklärte, wurde Wordle in JavaScript geschrieben, einem Code, der beim Laden der Seite geladen wird, sodass das Spiel nach Abschluss des ersten Ladevorgangs offline gespielt werden kann. Moderne Browser können JavaScript verstehen und ausführen, das in unserem Fall ein Wort aus einer Datenbank lädt, Benutzereingaben identifiziert und Informationen zu jedem Buchstaben bereitstellt.

Josh Wardle selbst gibt zu, dass der Code des Spiels nicht besonders komplex ist, was erklärt, warum es möglich war, Wordle vollständig herunterzuladen, bevor die NYT es kaufte, mit allen Wörtern in seiner Datenbank. Es war auch möglich, Lösungen zu finden, indem man einfach den Quellcode der Site untersuchte.

Was müssen Sie wissen, um Ihr eigenes Spiel zu erstellen?

Aber wie erstellt man selbst ein Spiel wie Wordle? Programmieren erfordert Lernen, aber Sie müssen nicht alles über HTML, CSS und JavaScript wissen, um etwas auf Wordle-Ebene zu erstellen. Wie auf Codecademy erklärt, ist eine der verwendeten Programmiertechniken eine for-Schleife, die jeden eingegebenen Buchstaben überprüft und ihn in der entsprechenden Farbe anzeigt.

Codecademy ist eine der Websites, auf denen Sie kostenlos HTML, CSS, JavaScript und viele andere Webentwicklungssprachen lernen können. Die Übungen sind gut strukturiert und Sie lernen immer, indem Sie sie direkt in Ihrem Browser ausführen. Sie werden sehen, wie es geht und Sie werden die Konsequenzen direkt sehen können. Für einige erweiterte Funktionen und Tutorials ist ein kostenpflichtiges Abonnement erforderlich, vieles kann jedoch bereits kostenlos erlernt werden.

Treehouse geht über Codecademy hinaus und Sie müssen 25 US-Dollar pro Monat bezahlen, um es zu nutzen (kostenlose Testversion verfügbar). Es ist eine professionellere und effizientere Ressource zum Erlernen von HTML, CSS, JavaScript und mehr, geht jedoch weit über das hinaus, was Sie für ein Spiel wie Wordle benötigen. Überlegen Sie, ob Sie noch weiter gehen möchten.

Das Gegenteil von Tree House, Dash . Die Seite deckt nur die Grundlagen von HTML, CSS und JavaScript ab, ist aber völlig kostenlos und besonders einsteigerfreundlich. Alles wird direkt in Ihrem Browser verwaltet, und wie bei Codecademy lernen Sie dadurch, wie Sie die Vorteile dieser Sprachen voll ausschöpfen.

Diese Liste erhebt keinen Anspruch auf Vollständigkeit, insbesondere da es sich nur um englischsprachige Ressourcen handelt. Sie können sie leicht auf Französisch finden, aber sie sind eine gute Grundlage, um mit dem Erlernen von HTML, CSS und JavaScript zu beginnen. Es liegt an Ihnen zu spielen … und zu programmieren!