Encode and Load atlas JSON in more efficient binary format using Protobuf
- Reduced file size -> improved load speed
- Efficient encoding -> faster parse speed
npm install phaser3-protobuf-atlaslibrary exposes 4 entries, each tailored to specific use and 1 cli command
load texture atlas, similar to this.load.atlas
import "phaser3-protobuf-atlas/atlas-loader";
class extends Phaser.Scene {
...
preload() {
/**
* Load Protobuf Atlas
*/
this.load.protobufAtlas("atlas", "image.png", "atlas.bin");
}
}load multi texture atlas, similar to this.load.multiatlas
import "phaser3-protobuf-atlas/mulit-atlas-loader";
class extends Phaser.Scene {
...
preload() {
/**
* Load Protobuf Atlas
*/
this.load.protobufMultiAtlas("atlas", "atlas.bin");
}
}encode Atlas JSON into binary protobuf format
import { Encode, EncodeFile } from "phaser3-protobuf-atlas/encode";
EncodeFile("atlas.json", "atlas.bin");
console.log("success!");decode binary data using super minimal protobuf type roots
import { Atlas } from "phaser3-protobuf-atlas/protobuf";
const atlasJSON = Atlas.decode(binaryData);
console.log(atlasJSON);encode atlas.json into binary file using cli
encode-protobuf-atlas path/atlas.json path/outputor run with npm through package.json
{
"scripts": {
"build": "encode-protobuf-atlas path-to/atlas.json path-to/output"
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent