OpenTibia Items and outfits images generator for website 0.1.6

[Gesior.pl]

Updated version of OpenTibia - Items and outfits images generator for website 0.1.1 (https://otland.net/threads/items-and-outfits-images-generator-for-website-0-1-1.271231/)

Changes:

• .dat supports OTCv8 'Bones' attribute
• image generators have option 'Enable transparency' (OTC GameSpritesAlphaChannel feature)
• item generator: configurable to use .dat item ID as image ID (no items.otb required) - otservbr support
• tool item-image-frames-to-animated-gif-converter
  • supports APNG (animated PNG format)
  • supports PHP 8.x
  • fixed problem with transparency in animated GIFs (white pixels were 100% transparent)

Repository:

GitHub - gesior/open-tibia-library: Library to manipulate files used by OTS and OTClient. Written in TypeScript.

Library to manipulate files used by OTS and OTClient. Written in TypeScript. - gesior/open-tibia-library

github.com

You can run it all on localhost or use online version.
Online version process all images on your PC. To make it run fast, open site in new window or keep browser card with generator as active card - inactive cards in web browsers are CPU throttled and work 99% slower than active!

ITEM IMAGES GENERATOR
Item Image Generator - OpenTibiaLibrary (https://item-images.ots.me/generator/)

OUTFIT IMAGES GENERATOR
Outfit Image Generator - OpenTibiaLibrary (https://outfit-images.ots.me/generator/)

ANIMATED ITEM IMAGES GENERATOR
Item Image Frames Generator - OpenTibiaLibrary (https://item-images.ots.me/generator-animated-items/)

It generates all animation frames as one wide PNG image with number of frames in name of file.
You must convert it into animated GIF using script (command line and website versions - run on your own PC, no ZIP size limits):
gesior/open-tibia-library (https://github.com/gesior/open-tibia-library/tree/master/tools/item-image-frames-to-animated-gif-converter)
or by using official host (can convert up to 20 MB ZIP at once - enough for 'only pickable' items):
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

EFFECT IMAGES GENERATOR:

Effect Frames Generator - OpenTibiaLibrary

Same as for 'animated item images'. You got to convert generate .zip file using to make it animate:
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

MISSILE IMAGES GENERATOR:

Missile Frames Generator - OpenTibiaLibrary

Same as for 'animated item images'. You got to convert generate .zip file usingto make it animate:
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

 

[Acubens]

Awesome bro thanks for this helpfull library!

 

[Gesior.pl]

2 little updates that won't get own 'release version':

- outfit images generator generates bones.json - file with information for 'wings/aura system' (OTCv8 feature) - it's not supported by generator PHP code, so wings/aura do not generate on .png images yet, but someone may update PHP code and use bones.json to draw wings/aura on valid positions ('bones' system is image offset for wings/aura with custom north/east/south/east direction offset)

- 'OTB editor example' - open-tibia-library idea was to manipulate .spr/.dat/.otb. using TypeScript. Right now it's only used to generate images, but it can be also used to edit .spr/.dat/.otb files using TypeScript.
I've made example that removes from items.otb items with client ID (Tibia.dat ID) higher than 5090 ( open-tibia-library/otbEditor.ts at master · gesior/open-tibia-library (https://github.com/gesior/open-tibia-library/blob/master/otbEditor.ts) ):

    processOtbFile() {
        for (let serverItemId = 0; serverItemId <= this.otbManager.getLastId(); serverItemId++) {
            if (this.otbManager.isValidOtbId(serverItemId)) {
                let item = this.otbManager.getItem(serverItemId)
                if (item.getClientId() > 5090) {
                    console.log('removing item from .otb, server ID', item.getServerId(), 'client ID', item.getClientId());
                    this.otbManager.removeItemType(item)
                }
            }
        }
    }

.ts + .html ( open-tibia-library/otbEditor.html at master · gesior/open-tibia-library (https://github.com/gesior/open-tibia-library/blob/master/otbEditor.html) ) files allow you to load items.otb, process it using TypeScript and save new items.otb

I've talked with few people interested in TFS 1.5 and otservbr compatibility (at least items/maps). You can use OpenTibiaLibrary to generate .otb file that will make otservbr maps work on TFS.
You can also combine it with .otbm JavaScript editor New example: Item replacer · Issue #8 · Inconcessus/OTBM2JSON (https://github.com/Inconcessus/OTBM2JSON/issues/8) to convert maps from otservbr to TFS 1.5 item IDs. Use OTL to generate list of items to replace (client -> server IDs) and OTBM2JSON to replace items on map.

 

[GM Junior]

Hello @Gesior.pl , I am trying to upload my spr and dat, in version 12+ so I indicate 1099, but it does not let me, it gives me error in the spr to load it.

 

[Gesior.pl]

Hello @Gesior.pl , I am trying to upload my spr and dat, in version 12+ so I indicate 1099, but it does not let me, it gives me error in the spr to load it.

Where did you get these .spr and .dat files?
Is it some custom version? Do you use any custom .dat attributes?
I see you got selected Enable transparency. Do you have this feature in .dat?

 

[GM Junior]

Where did you get these .spr and .dat files?
Is it some custom version? Do you use any custom .dat attributes?
I see you got selected Enable transparency. Do you have this feature in .dat?

I have obtained it with the Spider client.
From my assets.
Do you use custom .dat attributes? Yes.
I see you have selected Enable transparency. Do you have this feature in .dat? I have tried with and without the option.

In both cases I get an error.

 

[Gesior.pl]

I have obtained it with the Spider client.
From my assets.
Do you use custom .dat attributes? Yes.
I see you have selected Enable transparency. Do you have this feature in .dat? I have tried with and without the option.

In both cases I get an error.

Can you open this file in any .dat and .spr editor?

 

[Fanni]

I'm only here to say that Gesior is best guy on OTland. Always help people out and is a decent nice guy. Good job mate I appreciate people like you and if i ever get clean from crack I will donate my cash to you.

Kind regards / Harri

 

[matheusjp2]

Updated version of OpenTibia - Items and outfits images generator for website 0.1.1 (https://otland.net/threads/items-and-outfits-images-generator-for-website-0-1-1.271231/)

Changes:

• .dat supports OTCv8 'Bones' attribute
• image generators have option 'Enable transparency' (OTC GameSpritesAlphaChannel feature)
• item generator: configurable to use .dat item ID as image ID (no items.otb required) - otservbr support
• tool item-image-frames-to-animated-gif-converter
  • supports APNG (animated PNG format)
  • supports PHP 8.x
  • fixed problem with transparency in animated GIFs (white pixels were 100% transparent)

Repository:

GitHub - gesior/open-tibia-library: Library to manipulate files used by OTS and OTClient. Written in TypeScript.

Library to manipulate files used by OTS and OTClient. Written in TypeScript. - gesior/open-tibia-library

github.com

You can run it all on localhost or use online version.
Online version process all images on your PC. To make it run fast, open site in new window or keep browser card with generator as active card - inactive cards in web browsers are CPU throttled and work 99% slower than active!

ITEM IMAGES GENERATOR
Item Image Generator - OpenTibiaLibrary (https://item-images.ots.me/generator/)

OUTFIT IMAGES GENERATOR
Outfit Image Generator - OpenTibiaLibrary (https://outfit-images.ots.me/generator/)

ANIMATED ITEM IMAGES GENERATOR
Item Image Frames Generator - OpenTibiaLibrary (https://item-images.ots.me/generator-animated-items/)

It generates all animation frames as one wide PNG image with number of frames in name of file.
You must convert it into animated GIF using script (command line and website versions - run on your own PC, no ZIP size limits):
gesior/open-tibia-library (https://github.com/gesior/open-tibia-library/tree/master/tools/item-image-frames-to-animated-gif-converter)
or by using official host (can convert up to 20 MB ZIP at once - enough for 'only pickable' items):
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

EFFECT IMAGES GENERATOR:

Effect Frames Generator - OpenTibiaLibrary

Same as for 'animated item images'. You got to convert generate .zip file using to make it animate:
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

MISSILE IMAGES GENERATOR:

Missile Frames Generator - OpenTibiaLibrary

Same as for 'animated item images'. You got to convert generate .zip file usingto make it animate:
PNG to GIF converter (https://item-images.ots.me/png-to-gif-converter/)

hello gesior
could you not add the new functions?
improved animations
frame groups
for outfit