texture packs

Bloxd-Texturpakete

Ein Repository mit Texturpaketen für bloxd.io. Nachfolgend finden Sie Anweisungen zum Erstellen Ihres eigenen benutzerdefinierten Texturpakets.

Tools zur Erstellung von Texture Packs

• https://www.piskelapp.com/
• https://nimadez.github.io/voxel-builder/
• https://skybox-generator.vercel.app/

Struktur eines Texture Packs

Ein Texture Pack ist ein Ordner mit folgender Struktur:

 └── ?<texturePackName>
    └── ?textures
        └── <textureName>.png
    └── ?skyBoxes
        └── ?<skyBoxName>
            └── nx.jpg
            └── ny.jpg
            └── nz.jpg
            └── px.jpg
            └── py.jpg
            └── pz.jpg
    └── ?models
        └── <modelName>.glb
    └── ?css
        └── <cssFileName>.css

Ein sehr einfaches Beispiel eines Texturpakets finden Sie im Ordner exampleTexturePack .

Texturen

Sie können eine Textur überschreiben, indem Sie dem textures ein PNG-Bild hinzufügen, das denselben Namen wie einer der verfügbaren Texturnamen hat.

Texturen werden für Blöcke verwendet, aber auch für Gegenstände, die Sie in Ihrem Inventar sehen.

Sehen Sie sich das Standard-Texturpaket an, um zu sehen, welche Texturen überschrieben werden können.

Modelle

Sie können ein Modell überschreiben, indem Sie dem models eine GLB-Modelldatei hinzufügen, die denselben Namen wie der verfügbare Modellname hat. Weitere Informationen zu GLB-Modelldateien finden Sie hier: https://en.wikipedia.org/wiki/GlTF.

Sehen Sie sich das Standard-Texturpaket an, um zu sehen, welche Modelle überschrieben werden können.

SkyBoxen

Sie können eine SkyBox überschreiben, indem Sie im Ordner skyBoxes einen Ordner hinzufügen, der denselben Namen wie eine der verfügbaren Skyboxen hat.

Verfügbare skyBox-Namen sind:

 default
interstellar
space_blue
space_lightblue
space_red

Alle Spiele auf bloxd verwenden derzeit nur die default -Skybox, BloxdHop ist das einzige Spiel, das die anderen nutzt.

CSS

Sie können benutzerdefinierte CSS-Stile in bloxd einfügen, indem Sie CSS-Dateien im css Ordner hinzufügen. Diese CSS-Dateien können Klassenstile enthalten, z. B.:

 .WholeAppWrapper {
	color: red;
}

Die Dateien können auch @font-face-Stile enthalten, z. B.:

 @font-face {
	font-family: 'Pixelify Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/pixelifysans/v1/CHylV-3HFUT7aC4iv1TxGDR9JnkEi1lR.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}