So erstellen Sie WeChat-Spiele mit CocosCreator

CocosCreator unterstützt seit Version 1.8 das Veröffentlichen von WeChat Mini-Programmen mit einem Klick. Hier sind die detaillierten Veröffentlichungsschritte:

1. Laden Sie die WeChat-Entwicklertools von der öffentlichen WeChat-Plattform herunter

Adresse: https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115, wählen Sie die entsprechende Version entsprechend Ihren Anforderungen aus.

2. Cocoscreator-Einstellungen

Wählen Sie Cocos Creator --> Einstellungen --> Native Entwicklungsumgebung, konfigurieren Sie den WechatGame-Programmpfad und klicken Sie auf Speichern und Schließen.

3. Build-Release konfigurieren

Die folgende Schnittstelle:

Der Spielname kann nach Bedarf geschrieben werden und die Veröffentlichungsplattform kann WeChat Game sein. Die App-ID kann vorerst leer gelassen werden, da WeChat-Minispiele das Debuggen ohne App-ID unterstützen können, die Funktionen jedoch eingeschränkt sind. Wählen Sie entsprechend den Anforderungen des Projekts die Ausgangsszene und die am Aufbau beteiligten Szenen aus. Der Zweck der Überprüfung des MD5-Cache besteht laut offizieller Dokumentation darin, eine Versionskontrolle durchzuführen (wenn Sie es nicht verstehen, überprüfen Sie es einfach zuerst, es wird weiter unten hilfreich sein). Einzelheiten finden Sie in der offiziellen Dokumentation. Wenn der durch Pfeil 3 angezeigte Inhalt abgeschlossen ist, bedeutet dies, dass der Build erfolgreich war. Da ich es direkt erfolgreich erstellt habe, ohne auf unerwartete Situationen zu stoßen, bin ich mir nicht sicher, ob es irgendwelche Fallstricke gibt. Wenn Sie auf ein Problem stoßen, ist es am direktesten, das HelloWorld-Projekt des Erstellers zum Kompilieren zu verwenden. Wenn die Kompilierung fehlschlägt, prüfen Sie, ob ein Problem mit Ihrer Umgebungskonfiguration vorliegt. Wenn alles in Ordnung ist, klicken Sie auf „Ausführen“.

4. Öffnen Sie das Applet-Projekt

Wenn Sie es zum ersten Mal öffnen, sehen Sie die folgende Oberfläche:

Wählen Sie das Miniprogrammprojekt aus und geben Sie die folgende Schnittstelle ein

Wählen Sie das Projektverzeichnis (Projektpfad)\(Projektname)\build\wechatgame. Wenn eine App-ID vorhanden ist, geben Sie diese direkt ein, oder Sie können sich registrieren. Ich habe gerade eine Demo erstellt und sie ausprobiert, also habe ich direkt das Minispiel ausgewählt und auf OK geklickt.

5. Geben Sie WeChat-Entwicklungstools ein

Zu diesem Zeitpunkt können Sie die von Ihnen bearbeitete Spieloberfläche sehen. Sie können das Spiel auch direkt auf der Oberfläche spielen, um zu prüfen, ob es Probleme mit dem Spiel gibt. Übrigens möchte ich Neulingen ein Tutorial empfehlen: http://www.byjth.com/CocosCreator/66.html, ein Blog, der von „Es wird dunkel, wenn man die Augen schließt“ geschrieben wurde. Es ist sehr gut für Neulinge geeignet, um zu lernen, wie man mit Creator Spiele erstellt. Es ist sinnlos, nur das Tutorial zu lesen. Der Schlüssel liegt darin, mehr zu lernen und mehr zu tun. Dieses Spiel wurde gemäß seinem Tutorial erstellt.

6. Kompilieren

Sie können den Ablauf dieses Minispiels in der Simulatoroberfläche auf der linken Seite des Tools verfolgen.

7. Vorschau

Durch das Scannen des QR-Codes mit WeChat kannst du dein erstes Minispiel auf deinem Mobiltelefon erleben. Aber es gibt eine Sache, auf die Sie achten müssen. Wenn Sie diesem Tutorial folgen, kann dieses Problem auftreten (die Codepaketgröße beträgt xxxx kb, die Obergrenze beträgt 4096 kb, bitte löschen Sie die Datei und versuchen Sie es erneut). Wenn Sie Glück haben und die Paketgröße knapp unter 4096 kb liegt, können Sie mit Ihrem Mobiltelefon spielen. Okay, keine Sorge, lass uns das Loch jetzt füllen. Laut der offiziellen Dokumentation ist im Umfeld von Minispielen die Ressourcenverwaltung der wichtigste Teil. Eine der Regeln ist, dass die Größe des Minispielpakets einschließlich aller Codes und Ressourcen 4 MB nicht überschreiten darf. Zusätzliche Ressourcen müssen über Netzwerkanforderungen heruntergeladen werden. Das ist ein bisschen peinlich. Es ist nur 4 MB groß, also können wir es nur aus dem Internet herunterladen. Keine Sorge, es ist sehr einfach zu handhaben, da Cocoscreator es bereits für uns gekapselt hat und direkt aufgerufen werden kann. Die einzelnen Schritte sind wie folgt:

• Überprüfen Sie beim Erstellen den md5Cache, der oben überprüft wurde. Wenn er nicht überprüft wurde, erstellen Sie ihn bitte neu.
• Laden Sie den gesamten Res-Ordner im Minispiel-Release-Paket auf den Server hoch.
• Löschen Sie den Ordner „res“ im Release-Paket.
• Suchen Sie in main.js nach dem entsprechenden Codeausschnitt und fügen Sie die Einstellung REMOTE_SERVER_ROOT require('libs/wx-downloader.js'); hinzu. // Fügen Sie diese Codezeile hinzu, um die URL in den richtigen Remote-Ressources-Pfad zu ändern. wxDownloader.REMOTE_SERVER_ROOT = 'https://www.xxx.com/remote-res/'; boot(); PS: Wenn Sie nicht wissen, wo Sie es hinzufügen sollen, suchen Sie in der Hauptdatei nach boot(), suchen Sie nach „else if (true)“ und fügen Sie es hier hinzu. Darüber hinaus verweist die Netzwerkadresse auf das übergeordnete Verzeichnis von res, also die obere Ebene von res. Später habe ich jedoch festgestellt, dass dieser Pfad auch unter game.js vorhanden war, also habe ich die URL direkt dort eingegeben und es hat funktioniert. Ich bin mir über die Einzelheiten nicht sicher, aber schreiben Sie sie einfach an eine der beiden Stellen.
• Für die Testphase können Sie möglicherweise nicht auf dem offiziellen Server bereitstellen und müssen zum Testen einen lokalen Server verwenden. Öffnen Sie in diesem Fall die Detailseite in den WeChat Developer Tools und aktivieren Sie in den Projekteinstellungen die Option Sicheren Domänennamen, TLS-Version und HTTPS-Zertifikat nicht überprüfen.

8. Vorschau Erfolg

Es wird ein QR-Code generiert. Scannen Sie ihn mit WeChat und öffnen Sie das Minispiel. Zu diesem Zeitpunkt können Kompilierungsausnahmen auftreten. Machen Sie sich nicht zu viele Sorgen. Schauen Sie sich zunächst einfach den laufenden Effekt an. Möglicherweise wird ein komplett schwarzer Bildschirm angezeigt. Klicken Sie oben rechts auf ... und wählen Sie „Debugging öffnen“. Scannen Sie den QR-Code erneut und das Programm wird auf Ihrem Telefon ausgeführt.
An diesem Punkt ist die Entwicklung und Bereitstellung des Minispiels abgeschlossen.

Oben finden Sie ausführliche Informationen zur Verwendung von CocosCreator zum Erstellen von WeChat-Minispielen. Weitere Informationen zum Erstellen von WeChat-Minispielen mit CocosCreator finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!