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

Grundlegende Syntax und Funktionsweise der MySQL-Datenbank

Grundlegende Syntax der MySQL-Datenbank DDL-Opera...

Implementierung des Tomcat-Bereitstellungsprojekts und Integration mit IDEA

Inhaltsverzeichnis 3 Möglichkeiten zum Bereitstel...

So erstellen Sie schnell eine statische Website in der Alibaba Cloud

Vorwort: Als Junior-Programmierer träume ich davo...

mysql charset=utf8 verstehen Sie wirklich, was es bedeutet

1. Schauen wir uns zunächst eine Anweisung zur Ta...

Tiefgreifendes Verständnis von globalen Sperren und Tabellensperren in MySQL

Vorwort Je nach Umfang der Sperrung können Sperre...

Beispielcode zur Implementierung des Aushöhlungseffekts mit CSS

Wirkungsprinzip Verwenden Sie hauptsächlich CSS-F...

Detaillierte Erklärung der HTML-Formularelemente (Teil 1)

HTML-Formulare werden verwendet, um verschiedene ...

So installieren Sie Nginx in Docker

Installieren Sie Nginx auf Docker Nginx ist ein l...