diff --git a/tilorswift/js/Tileset.js b/tilorswift/js/Tileset.js index 90b4cca..863d951 100644 --- a/tilorswift/js/Tileset.js +++ b/tilorswift/js/Tileset.js @@ -7,7 +7,7 @@ export default class Tileset { this.setId = setId; this.image = new Image(); - this.image.src = Setting.TILESET_LOCATION + GraphicSet[this.setId].tileset; + this.image.src = '../' + Setting.TILESET_LOCATION + GraphicSet[this.setId].tileset; this.tiles = GraphicSet[this.setId].tiles; this.scale = GraphicSet[this.setId].scale; } @@ -31,4 +31,4 @@ export default class Tileset { return this.image.height * this.scale; } -} \ No newline at end of file +} diff --git a/tilorswift/js/dialog/Dialog.js b/tilorswift/js/dialog/Dialog.js index 5a309be..5c0d581 100644 --- a/tilorswift/js/dialog/Dialog.js +++ b/tilorswift/js/dialog/Dialog.js @@ -77,7 +77,7 @@ export default class Dialog let htmlAvatarElement = document.createElement('div'); htmlAvatarElement.id = 'tileset-avatar'; - htmlAvatarElement.style.backgroundImage = 'url("' + Setting.TILESET_LOCATION + GraphicSet[0].tileset + '")'; + htmlAvatarElement.style.backgroundImage = 'url("../' + Setting.TILESET_LOCATION + GraphicSet[0].tileset + '")'; let htmlListElement = document.createElement('div'); htmlListElement.id = 'tileset-list'; @@ -100,7 +100,7 @@ export default class Dialog let htmlThumbnail = document.createElement('div'); htmlThumbnail.classList.add('tileset-thumbnail'); - htmlThumbnail.style.backgroundImage = 'url("' + Setting.TILESET_LOCATION + graphicSet.tileset + '")'; + htmlThumbnail.style.backgroundImage = 'url("../' + Setting.TILESET_LOCATION + graphicSet.tileset + '")'; htmlTilesetElement.appendChild(htmlThumbnail); let htmlTitleElement = document.createElement('div'); @@ -112,7 +112,7 @@ export default class Dialog 'click', () => { htmlListElement.style.display = 'none'; - htmlAvatarElement.style.backgroundImage = 'url("' + Setting.TILESET_LOCATION + GraphicSet[index].tileset + '")'; + htmlAvatarElement.style.backgroundImage = 'url("../' + Setting.TILESET_LOCATION + GraphicSet[index].tileset + '")'; window.dispatchEvent(new TilorswiftTilesetSelectedEvent(index)); } ); @@ -130,4 +130,4 @@ export default class Dialog { this.messageElement.innerText = message; } -} \ No newline at end of file +} diff --git a/tilorswift/js/module.js b/tilorswift/js/module.js index ebe3743..2232465 100644 --- a/tilorswift/js/module.js +++ b/tilorswift/js/module.js @@ -29,11 +29,11 @@ import DialogGravity from "./dialog/DialogGravity.js"; let level = Level.createFromFile('../levels/moonbase.json'); if (GraphicSet[level.terrain.tileset.setId].backgroundImage !== null) { - document.body.style.backgroundImage = 'url("' + Setting.GRAPHICS_LOCATION + GraphicSet[level.getTilesetId()].backgroundImage + '")'; + document.body.style.backgroundImage = 'url("../' + Setting.GRAPHICS_LOCATION + GraphicSet[level.getTilesetId()].backgroundImage + '")'; } let image = new Image(); -image.src = Setting.TILESET_LOCATION + GraphicSet[level.terrain.tileset.setId].tileset; +image.src = '../' + Setting.TILESET_LOCATION + GraphicSet[level.terrain.tileset.setId].tileset; image.onload = function () { document.body.style.backgroundColor = GraphicSet[level.terrain.tileset.setId].backgroundColor; @@ -179,7 +179,7 @@ image.onload = function () { level.terrain = new Terrain(tileset, event.tilesX, event.tilesY, GraphicSet[event.tilesetIndex].backgroundColor); document.body.style.backgroundColor = level.getBackgroundColor(); if (GraphicSet[event.tilesetIndex].backgroundImage !== null) { - document.body.style.backgroundImage = 'url("' + Setting.GRAPHICS_LOCATION + GraphicSet[event.tilesetIndex].backgroundImage + '")'; + document.body.style.backgroundImage = 'url("../' + Setting.GRAPHICS_LOCATION + GraphicSet[event.tilesetIndex].backgroundImage + '")'; } else { document.body.style.backgroundImage = 'none'; }