Tilorswift: Background color and fix table size.
This commit is contained in:
parent
b989604a0e
commit
969310c932
|
@ -4,6 +4,7 @@
|
||||||
"scale": 3,
|
"scale": 3,
|
||||||
"rows": 10,
|
"rows": 10,
|
||||||
"columns": 17,
|
"columns": 17,
|
||||||
|
"backgroundColor": "#6096ff",
|
||||||
"matrix": [
|
"matrix": [
|
||||||
[6 ,6 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,4 ,4 ],
|
[6 ,6 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,4 ,4 ],
|
||||||
[6 ,6 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,4 ,4 ],
|
[6 ,6 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,-1 ,4 ,4 ],
|
||||||
|
|
|
@ -3,20 +3,25 @@ import Tileset from "./Tileset.js";
|
||||||
|
|
||||||
export default class Terrain
|
export default class Terrain
|
||||||
{
|
{
|
||||||
constructor(tileset, tilesX, tilesY)
|
constructor(tileset, tilesX, tilesY, backgroundColor = 'black')
|
||||||
{
|
{
|
||||||
this.tileset = tileset;
|
this.tileset = tileset;
|
||||||
this.fields = [];
|
this.fields = [];
|
||||||
this.tilesX = tilesX;
|
this.tilesX = tilesX;
|
||||||
this.tilesY = tilesY;
|
this.tilesY = tilesY;
|
||||||
|
this.backgroundColor = backgroundColor;
|
||||||
this.htmlElement = document.createElement('table');
|
this.htmlElement = document.createElement('table');
|
||||||
this.htmlElement.id = 'level';
|
|
||||||
|
|
||||||
this.init();
|
this.init();
|
||||||
}
|
}
|
||||||
|
|
||||||
init()
|
init()
|
||||||
{
|
{
|
||||||
|
this.htmlElement.id = 'level';
|
||||||
|
this.htmlElement.style.backgroundColor = this.backgroundColor;
|
||||||
|
this.htmlElement.style.width = this.tileset.getTileWidth() * this.tilesX + 'px';
|
||||||
|
this.htmlElement.style.height = this.tileset.getTileHeight() * this.tilesY + 'px';
|
||||||
|
|
||||||
for (let r = 0; r < this.tilesY; r++) {
|
for (let r = 0; r < this.tilesY; r++) {
|
||||||
let row = [];
|
let row = [];
|
||||||
let tr = document.createElement('tr');
|
let tr = document.createElement('tr');
|
||||||
|
@ -51,7 +56,7 @@ export default class Terrain
|
||||||
imageTileset.src = terrainData.tileset;
|
imageTileset.src = terrainData.tileset;
|
||||||
|
|
||||||
let tileset = new Tileset(imageTileset, terrainData.tiles, terrainData.scale);
|
let tileset = new Tileset(imageTileset, terrainData.tiles, terrainData.scale);
|
||||||
let terrain = new Terrain(tileset, terrainData.columns, terrainData.rows);
|
let terrain = new Terrain(tileset, terrainData.columns, terrainData.rows, terrainData.backgroundColor);
|
||||||
|
|
||||||
for (let y = 0; y < terrainData.matrix.length; y++) {
|
for (let y = 0; y < terrainData.matrix.length; y++) {
|
||||||
for (let x = 0; x < terrainData.matrix[y].length; x++) {
|
for (let x = 0; x < terrainData.matrix[y].length; x++) {
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
body {
|
body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #6096ff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#level {
|
#level {
|
||||||
|
|
Loading…
Reference in New Issue