So verwenden Sie die JSZip-Komprimierung in CocosCreator

So verwenden Sie die JSZip-Komprimierung in CocosCreator

CocosCreator-Version: 2.4.2

Praktische Projektanwendung von jszip

Wenn das Spiel viele Konfigurationen enthält, wird die Datei sehr groß. Daher verwenden einige Spiele die Komprimierung und Dekomprimierung von ZIP-Paketen.

Komprimieren Sie beispielsweise im folgenden Spiel die Spielkonfiguration config.json in ein ZIP-Paket, entpacken Sie es nach dem Laden und verwenden Sie

Holen Sie sich sein komprimiertes Konfigurationspaket

Ändern Sie .bin in .zip, entpacken Sie es und holen Sie sich alle JSON-Konfigurationsdateien des Spiels

6M+ vor der Komprimierung

Die komprimierte Datei ist über 500 KB groß und damit etwa 10-mal kleiner.

Verwenden von jszip in Cocos

Laden Sie zunächst die jszip-Bibliothek von github herunter

https://github.com/Stuk/jszip

Legen Sie die heruntergeladene Datei „jszip.min.js“ in die Projekt-Assets/-Bibliotheken und „jszip.d.ts“ in die Bibliotheken im Stammverzeichnis des Projekts. (jszip.d.ts ist in der Demo)

Komprimieren Sie die Konfigurationsdateien des Spiels, mehrere JSON-Dateien, in ein Zip-Paket, ändern Sie das Suffix „zip“ in „bin“ und legen Sie es unter resources/config ab.

Laden Sie die Bin-Datei in den Code und analysieren Sie sie, um die Spielelementkonfiguration GameItem.json zu erhalten

const {ccclass, Eigenschaft} = cc._decorator;
 
@ccklasse
exportiere Standardklasse Helloworld erweitert cc.Component {
 
    beim Laden(){
        //config.bin laden
        cc.resources.load("config/config", (err, Vermögenswerte: beliebig)=>{
            //Analyse von JSZip.loadAsync(assets._buffer).then((zip)=>{
                //GameItem.json-Konfiguration abrufen zip.file("GameItem.json").async("text").then((data)=>{
                    konsole.log(Daten);
                    // Zeichenfolge in JSON-Format konvertieren let json = JSON.parse(data);
                    Konsole.log(json["1"].name);
                })
            });
       })
    }
}

Laden und Parsen erfolgreich, Ausgabe

Oben finden Sie Einzelheiten zur Verwendung der JSZip-Komprimierung in CocosCreator. Weitere Informationen zur JSZip-Komprimierung in CocosCreator finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:
  • Unity3D realisiert die Bewegung des Kameraobjektivs und begrenzt den Winkel
  • Detaillierte Erklärung zur Verwendung mehrerer Timer in CocosCreator
  • CocosCreator - modulares Lernskript
  • So verwenden Sie Verbindungen der Physik-Engine in CocosCreator
  • CocosCreator-Tutorial für den Einstieg: Erstellen Sie Ihr erstes Spiel mit TS
  • Interpretation des CocosCreator-Quellcodes: Engine-Start und Hauptschleife
  • CocosCreator allgemeines Framework-Design Ressourcenmanagement
  • So erstellen Sie eine Liste in CocosCreator
  • So verwenden Sie http und WebSocket in CocosCreator
  • Analyse des neuen Ressourcenmanagementsystems von CocosCreator
  • So verwenden Sie cc.follow zur Kameraverfolgung in CocosCreator

<<:  Verwendung von Umgebungsvariablen in Docker und Lösungen für häufige Probleme

>>:  Beispielanalyse für MySQL Oracle- und SQL Server-Paging-Abfragen

Artikel empfehlen

Detaillierte Erklärung zur Verwendung von Bussen in Vue

Vue-Busmechanismus (Bus) Zusätzlich zur Verwendun...

Vue.js implementiert Musikplayer

In diesem Artikel wird der spezifische Code von V...

So verwenden Sie Docker+DevPi zum Erstellen einer lokalen PyPi-Quelle

Vor einiger Zeit musste ich für die Entwicklung h...

Komprimierungs- und Optimierungsvorgänge für Docker-Images

Der Grund für die heutige Beliebtheit von Docker ...

Implementierung eines Bootstrap-Webseiten-Layoutrasters

Inhaltsverzeichnis 1. So funktioniert das Bootstr...

Tutorial zur Installation der DAMO-Datenbank auf Centos7

1. Vorbereitung Nach der Installation des Linux-B...

So löschen Sie den in Docker erstellten Container

So löschen Sie den in Docker erstellten Container...

So installieren und implementieren Sie MySQL 8.0 unter CentOS8

Die offizielle Version 8.0.11 von MySQL 8 wurde v...

Detaillierte Erklärung der Lösung für das zu langsame Docker-Compose

Es gibt nur eine Lösung: die Quelle ändern! Die Q...

vue + springboot realisiert den Login-Bestätigungscode

In diesem Artikelbeispiel wird der spezifische Co...

Installieren des Win10-Systems auf VMware Workstation 14 Pro

Dieser Artikel beschreibt zu Ihrer Information, w...

MySQL Dual-Machine Hot-Standby-Implementierungslösung [testbar]

Inhaltsverzeichnis 1. Konzept 2. Umgebungsbeschre...