Skip to content

Commit f80a0d9

Browse files
committed
webpack, build, packages fixes
1 parent 4b3f1f2 commit f80a0d9

File tree

7 files changed

+734
-583
lines changed

7 files changed

+734
-583
lines changed

README.md

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,20 @@
22

33
Library to manipulate files used by OTS and OTClient. Written in TypeScript.
44

5-
Base for OT Item Editor and Map Editor.
5+
Base for OT Item Editor and Map Editor.
6+
7+
**How to run example (item image generator)?**
8+
1. Google 'install nodejs' and follow instruction for installation with system integration.
9+
10+
It will install `node` and `npm` in your system.
11+
2. Open folder with OpenTibiaLibrary in terminal (cmd).
12+
3. Type:
13+
```
14+
npm install
15+
```
16+
4. Type:
17+
```
18+
npm run-script build
19+
```
20+
5. After build there will appear folder `js`.
21+
6. Open `itemImageGenerator.html` in webbrowser (tested on Chrome). Done.

itemImageGenerator.html

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<html>
22
<head>
3-
<title>OTEdit</title>
3+
<title>Item Image Generator - OpenTibiaLibrary</title>
44
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
55
<style>
66
* {
@@ -32,11 +32,9 @@
3232
<button id="generateImages">GENERATE IMAGES</button><br />
3333
<br />
3434
<b>Progress:</b> <span id="progressBar">Not running</span><br />
35-
<script src="node_modules/jszip/dist/jszip.js"></script>
36-
<script src="node_modules/gif.js/dist/gif.js"></script>
3735
<script src="js/vendor.js"></script>
3836
<script src="js/itemImageGenerator.js"></script>
3937

4038

4139
</body>
42-
</html>
40+
</html>

itemImageGenerator.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,8 @@ import {SpriteManager} from "./modules/sprFile/spriteManager";
55
import {InputFile} from "./modules/fileHandlers/inputFile";
66
import {ImageGenerator} from "./modules/imageGenerator/imageGenerator";
77

8-
declare var JSZip, GIF;
8+
let JSZip = require('jszip');
9+
let GIF = require('gif.js');
910

1011
class ItemImageGenerator {
1112
private clientVersionInput: HTMLInputElement;
@@ -203,7 +204,7 @@ class ItemImageGenerator {
203204
quality: 10,
204205
width: itemSprite.getWidth(),
205206
height: itemSprite.getHeight(),
206-
workerScript: './node_modules/gif.js/dist/gif.worker.js',
207+
workerScript: './js/gif.worker.js',
207208
transparent: 'rgba(0,0,0,0)'
208209
});
209210

@@ -243,4 +244,4 @@ class ItemImageGenerator {
243244
}
244245

245246
const itemImageGenerator = new ItemImageGenerator();
246-
itemImageGenerator.init();
247+
itemImageGenerator.init();

0 commit comments

Comments
 (0)