open-tibia-tools 0.2.1

package/tests.ts

@@ -0,0 +1,218 @@
+import {
+    Client,
+    DatManager,
+    FrameGroupType,
+    ImageGenerator,
+    InputFile,
+    OtbManager,
+    Point,
+    Size,
+    Sprite,
+    SpriteManager
+} from "@gesior/open-tibia-library";
+
+function inputFileFromUrl(url: string): Promise<InputFile> {
+    return new Promise(function (resolve, reject) {
+        const xhr = new XMLHttpRequest();
+        xhr.responseType = "arraybuffer";
+        xhr.onload = function () {
+            if (this.status >= 200 && this.status < 300) {
+                resolve(InputFile.fromUint8Array(new Uint8Array(this.response)));
+            } else {
+                reject("Response status: " + this.status);
+            }
+        };
+        xhr.onerror = function (e) {
+            reject(e);
+        };
+        xhr.open("GET", url, true);
+        xhr.send();
+    });
+}
+
+const canvas = <HTMLCanvasElement>document.getElementById('view');
+const ctx = canvas.getContext("2d");
+
+function drawImage(sprite: Sprite, x, y) {
+    const palette = ctx.getImageData(x, y, sprite.getWidth(), sprite.getHeight());
+    palette.data.set(new Uint8ClampedArray(sprite.getPixels().m_buffer.buffer));
+    ctx.putImageData(palette, x, y);
+}
+
+async function testGenerateAllItemImages() {
+    const client = new Client();
+    client.setClientVersion(1076);
+
+    const serverUrl = 'http://127.0.0.1/1076/';
+
+    const datManager = new DatManager(client);
+    console.log('loaded dat', datManager.loadDat(await inputFileFromUrl(serverUrl + 'Tibia.dat')));
+
+    const otbManager = new OtbManager(client);
+    console.log('loaded otb', otbManager.loadOtb(await inputFileFromUrl(serverUrl + 'items.otb')));
+
+    const spriteManager = new SpriteManager(client);
+    console.log('loaded spr', spriteManager.loadSpr(await inputFileFromUrl(serverUrl + 'Tibia.spr')));
+
+}
+
+async function testLoadFromUrlsAndDrawImage() {
+    const client = new Client();
+    client.setClientVersion(1076);
+
+    const serverUrl = 'http://127.0.0.1/1076/';
+
+    const datManager = new DatManager(client);
+    console.log('loaded dat', datManager.loadDat(await inputFileFromUrl(serverUrl + 'Tibia.dat')));
+
+    const otbManager = new OtbManager(client);
+    console.log('loaded otb', otbManager.loadOtb(await inputFileFromUrl(serverUrl + 'items.otb')));
+
+    const spriteManager = new SpriteManager(client);
+    console.log('loaded spr', spriteManager.loadSpr(await inputFileFromUrl(serverUrl + 'Tibia.spr')));
+
+    // get client ID of item 2400 (magic sword in items.xml)
+    let magicSwordClientId = otbManager.getItem(2400).getClientId();
+    // get data from '.dat' about that item
+    let magicSwordThingType = datManager.getItem(magicSwordClientId);
+    // get first sprite [image] of that item
+    let firstMagicSwordSprite = magicSwordThingType.getFrameGroup(FrameGroupType.FrameGroupIdle).getSprite(0);
+    // get image from .spr file
+    let firstImagePixelsData = spriteManager.getSprite(firstMagicSwordSprite);
+    // draw image in webbrowser with Canvas on position 0, 0
+    drawImage(firstImagePixelsData, 0, 0);
+
+    const itemid = 2400;
+    const imageGenerator = new ImageGenerator(datManager, spriteManager, otbManager);
+    const itemSprite = imageGenerator.generateItemImageByServerId(itemid);
+
+    drawImage(itemSprite, 32, 0);
+    const sprite = new Sprite(new Size(64, 64));
+    sprite.blit(new Point(32, 32), firstImagePixelsData);
+    drawImage(sprite, 0, 0);
+
+    // export to global scope for debuging
+    window['d'] = {
+        client: client,
+        datManager: datManager,
+        otbManager: otbManager,
+        spriteManager: spriteManager
+    };
+
+
+    // let otbFile = otbManager.saveOtb();
+    // let a = document.createElement('a');
+    // let url = window.URL.createObjectURL(new Blob(new Array(otbFile.getUint8Array())));
+    // a.href = url;
+    // a.download = 'items.otb';
+    // a.click();
+    // window.URL.revokeObjectURL(url);
+    // a.remove();
+
+    // console.log('Generated dat file', datManager.saveDat());
+    // console.log('Generated otb file', otbManager.saveOtb());
+    // console.log('Generated spr file', spriteManager.saveSpr());
+    console.log('All data loaded. You can access it by variable "d".')
+}
+
+async function testFilePicker() {
+    const clientVersionInput = <HTMLInputElement>document.getElementById('clientversion');
+    const sprPicker = <HTMLInputElement>document.getElementById('spr');
+    const datPicker = <HTMLInputElement>document.getElementById('dat');
+    const otbPicker = <HTMLInputElement>document.getElementById('otb');
+    const itemIdInput = <HTMLInputElement>document.getElementById('itemid');
+
+    let client: Client;
+    let sprManager: SpriteManager;
+    let datManager: DatManager;
+    let otbManager: OtbManager;
+
+    let sprLoaded = false;
+    let datLoaded = false;
+    let otbLoaded = false;
+
+    function updateItemView(itemid) {
+        console.log(sprLoaded, datLoaded, otbLoaded, client, itemid, sprManager, datManager, otbManager);
+        if (sprLoaded && datLoaded && otbLoaded) {
+            try {
+                let magicSwordClientId = otbManager.getItem(itemid).getClientId();
+                let magicSwordThingType = datManager.getItem(magicSwordClientId);
+                let firstMagicSwordSprite = magicSwordThingType.getFrameGroup(FrameGroupType.FrameGroupIdle).getSprite(0);
+                let firstImagePixelsData = sprManager.getSprite(firstMagicSwordSprite);
+                drawImage(firstImagePixelsData, 0, 0);
+
+            } catch (e) {
+                console.error(e);
+            }
+        }
+    }
+
+    clientVersionInput.onchange = function (event) {
+        let clientVersion = parseInt(clientVersionInput.value);
+        client = new Client();
+        client.setClientVersion(clientVersion);
+        sprPicker.onchange(null);
+        datPicker.onchange(null);
+        otbPicker.onchange(null);
+        updateItemView(parseInt(itemIdInput.value));
+    };
+
+    sprPicker.onchange = function (event) {
+        if (sprPicker.files.length > 0) {
+            sprLoaded = false;
+            sprManager = new SpriteManager(client);
+            const file = sprPicker.files[0];
+            var reader = new FileReader();
+            reader.readAsArrayBuffer(file);
+            reader.onload = function (event: any) {
+                sprLoaded = sprManager.loadSpr(InputFile.fromUint8Array(new Uint8Array(event.target.result)));
+            }
+        }
+    };
+
+    datPicker.onchange = function (event) {
+        if (datPicker.files.length > 0) {
+            datLoaded = false;
+            datManager = new DatManager(client);
+            const file = datPicker.files[0];
+            var reader = new FileReader();
+            reader.readAsArrayBuffer(file);
+            reader.onload = function (event: any) {
+                datLoaded = datManager.loadDat(InputFile.fromUint8Array(new Uint8Array(event.target.result)));
+            }
+        }
+    };
+
+    otbPicker.onchange = function (event) {
+        if (otbPicker.files.length > 0) {
+            otbLoaded = false;
+            otbManager = new OtbManager(client);
+            const file = otbPicker.files[0];
+            var reader = new FileReader();
+            reader.readAsArrayBuffer(file);
+            reader.onload = function (event: any) {
+                otbLoaded = otbManager.loadOtb(InputFile.fromUint8Array(new Uint8Array(event.target.result)));
+            }
+        }
+    };
+
+    itemIdInput.onchange = function (event) {
+        updateItemView(parseInt(itemIdInput.value));
+    };
+}
+
+// testGenerateAllItemImages();
+testLoadFromUrlsAndDrawImage();
+// testFilePicker();
+/*
+download OTB:
+
+otbFile = otbManager.saveOtb();
+a = document.createElement('a');
+url = window.URL.createObjectURL(new Blob(new Array(otbFile.getUint8Array())));
+a.href = url;
+a.download = 'items.otb';
+a.click();
+window.URL.revokeObjectURL(url);
+a.remove();
+ */

package/tools/colored-outfit-images-generator/README.md

@@ -0,0 +1,7 @@
+## Colored outfit images generator
+
+In this folder are PHP files to generate colored outfit images from outfit images exported by `outfitImageGenerator.html`.
+
+Set write file permissions to unzipped folder for PHP. It will generate cache files in folders with images on the first run.
+
+You can generate `outfits.zip` using official host of OpenTibiaLibrary: https://outfit-images.ots.me/generator/

package/tools/colored-outfit-images-generator/animoutfit.php

@@ -0,0 +1,103 @@
+<?php
+
+require_once('./config.php');
+
+if (!file_exists('./cache.generated.txt')) {
+    require_once('./cacheGenerator.php');
+    exit;
+}
+
+header('Cache-control: max-age=' . (60 * 60 * 24 * 365));
+header('Expires: ' . gmdate(DATE_RFC1123, time() + 60 * 60 * 24 * 365));
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s', 1337) . ' GMT');
+if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE'])) {
+    header('HTTP/1.0 304 Not Modified');
+    header('Cache-Control: public');
+    header('Pragma: cache');
+    exit;
+}
+
+// Block sites that hotlink your host and overload it
+$abusersList = array('aurera-global.com', 'bad-server.com');
+if (isset($_SERVER['HTTP_REFERER']) && (in_array(parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST), $abusersList) ||
+        in_array(substr(parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST), 4), $abusersList))
+) {
+    header('Content-Type: image/png');
+    readfile('abuse_warning.png');
+    exit;
+}
+
+require('libs/outfitter.php');
+require('libs/gifCreator.php');
+
+Outfitter::$outfitPath = $outfitImagesPath;
+Outfitter::setResizeAllOutfitsTo64px($resizeAllOutfitsTo64px);
+
+$id = 0;
+if (isset($_GET['id'])) {
+    $id = (int)$_GET['id'];
+}
+if (!Outfitter::loadData($id, false)) {
+    exit('Outfit does not exist or file cache is not generated.');
+}
+
+$mount = 0;
+if (isset($_GET['mount'])) {
+    $mount = (int)$_GET['mount'];
+}
+if ($mount > 0 && !Outfitter::loadData($mount, true)) {
+    exit('Mount outfit does not exist or file cache is not generated.');
+}
+
+$head = 0;
+if (isset($_GET['head'])) {
+    $head = (int)$_GET['head'];
+}
+$body = 0;
+if (isset($_GET['body'])) {
+    $body = (int)$_GET['body'];
+}
+$legs = 0;
+if (isset($_GET['legs'])) {
+    $legs = (int)$_GET['legs'];
+}
+$feet = 0;
+if (isset($_GET['feet'])) {
+    $feet = (int)$_GET['feet'];
+}
+$addons = 0;
+if (isset($_GET['addons'])) {
+    $addons = (int)$_GET['addons'];
+}
+$direction = 3;
+if (isset($_GET['direction'])) {
+    $direction = (int)$_GET['direction'];
+}
+
+$frames = [];
+$durations = [];
+
+$moveAnimFrames = Outfitter::getOutfitFramesNumber();
+
+// rotate player, BIG IMAGES, 20-80 KB per outfit!
+//for($direction = 1; $direction <= 4; $direction++) 
+for ($moveAnimFrame = 1; $moveAnimFrame <= $moveAnimFrames; ++$moveAnimFrame) {
+    $frames[] = Outfitter::instance()->outfit(
+        $id,
+        $addons,
+        $head,
+        $body,
+        $legs,
+        $feet,
+        $mount,
+        $direction,
+        $moveAnimFrame
+    );
+    $durations[] = $walkSpeeds[$moveAnimFrames];
+}
+$gc = new GifCreator();
+$gc->create($frames, $durations, 0);
+$gifBinary = $gc->getGif();
+
+header('Content-type: image/gif');
+echo $gifBinary;

package/tools/colored-outfit-images-generator/cacheGenerator.php

@@ -0,0 +1,40 @@
+<?php
+
+require_once('./config.php');
+
+$dirIterator = new RecursiveDirectoryIterator($outfitImagesPath, FilesystemIterator::UNIX_PATHS);
+$iterator = new RecursiveIteratorIterator($dirIterator, RecursiveIteratorIterator::SELF_FIRST);
+
+$outfits = [];
+$i = 0;
+foreach ($iterator as $file)
+{
+	if ($file->isFile())
+	{
+        $filePath = trim($file->getPath(), '.');
+        $filePath = trim($filePath, '/');
+		$outfitIdData = explode('/', $filePath);
+		$outfitId = $outfitIdData[1];
+		$outfits[$outfitId]['files'][] = $filePath . '/' . $file->getFilename();
+		if(isset($outfits[$outfitId]['framesNumber']))
+			$outfits[$outfitId]['framesNumber'] = max($outfits[$outfitId]['framesNumber'], (int) substr($file->getFilename(), 0, 1));
+		else
+			$outfits[$outfitId]['framesNumber'] = (int) substr($file->getFilename(), 0, 1);
+    }
+}
+
+// CODE TO CHECK WHAT VALUES OF 'framesNumber' ARE POSSIBLE FOR YOUR OUTFITS
+$frameNumbers = [0,0,0,0,0,0,0,0,0,0];
+foreach($outfits as $outfitId => $outfit)
+{
+	if (!file_put_contents($outfitImagesPath . '/' . $outfitId . '/outfit.data.txt', serialize($outfit))) {
+	    exit('PHP cannot write to: "' . $outfitImagesPath . '/' . $outfitId . '/outfit.data.txt", check directory access rights');
+    }
+	$frameNumbers[$outfit['framesNumber']]++;
+}
+
+if (!file_put_contents('./cache.generated.txt', 'cache generated')) {
+    exit('PHP cannot write to: "./cache.generated.txt", check directory access rights');
+}
+echo 'FILE SYSTEM CACHE GENERATED<br />Animation frames count in loaded outfits:';
+var_dump($frameNumbers);

package/tools/colored-outfit-images-generator/config.php

@@ -0,0 +1,25 @@
+<?php
+
+$outfitImagesPath = './outfits_anim/';
+// resize all outfits to 64x64 pixels, place smaller outfits in bottom-right corner
+$resizeAllOutfitsTo64px = true;
+
+// animation speeds: number of animation frames => time in 0.01 of second
+$walkSpeeds = [
+    1 => 50,
+    2 => 35,
+    3 => 30,
+    4 => 15,
+    5 => 15,
+    6 => 15,
+    7 => 15,
+    8 => 10,
+    9 => 8
+];
+
+/*
+some server configurations may print warnings from graphics library
+these warnings are interpreted as part of image and make image unreadable for web browsers
+if you get black/empty image, you can try to uncomment line below to disable all warnings
+*/
+// error_reporting(0);

package/tools/colored-outfit-images-generator/filesAsJson.php

@@ -0,0 +1,22 @@
+<?php
+
+// Code to generate 'colored-outfit-images-generator' files as JSON object of base64 strings for 'outfitImagePhpGeneratorCode.ts'
+
+$filesList = [
+    'libs/gifCreator.php',
+    'libs/outfitter.php',
+    'abuse_warning.png',
+    'animoutfit.php',
+    'cacheGenerator.php',
+    'config.php',
+    'index.php',
+    'outfit.php'
+];
+
+$filesContent = [];
+
+foreach ($filesList as $file) {
+    $filesContent[$file] = base64_encode(file_get_contents($file));
+}
+
+echo json_encode($filesContent, JSON_PRETTY_PRINT);

package/tools/colored-outfit-images-generator/index.php

@@ -0,0 +1,21 @@
+<html lang="en">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Tibia Outfit Images Generator 0.2.1</title>
+</head>
+<body>
+	<span style="font-size:20px">
+        This is index file.<br/>
+        Open <b>animoutfit.php</b> with valid parameters to generate animated outfit image. For example:<br/>
+        <a href="animoutfit.php?id=128&addons=3&head=123&body=12&legs=23&feet=31&mount=0&direction=2">
+            animoutfit.php?id=128&addons=3&head=123&body=12&legs=23&feet=31&mount=0&direction=2
+        </a><br/>
+        <br/>
+        Open <b>outfit.php</b> with valid parameters to generate static outfit image. For example:<br/>
+        <a href="outfit.php?id=128&addons=3&head=123&body=12&legs=23&feet=31&mount=0&direction=2">
+            outfit.php?id=128&addons=3&head=123&body=12&legs=23&feet=31&mount=0&direction=2
+        </a><br/>
+    </span>
+</body>
+</head>
+</html>