diff --git a/app/js/components/edit-bar.js b/app/js/components/edit-bar.js
index 1fa1e6e..cbc75bc 100644
--- a/app/js/components/edit-bar.js
+++ b/app/js/components/edit-bar.js
@@ -32,7 +32,7 @@ class EditBar extends React.Component {
for (var i = 0; i < this.props.selected.length; i++) {
- if(this.props.tilesets.get(this.props.selected[i]).type != this.props.tilesets.get(this.props.selected[0]).type){
+ if(this.props.tilesets[this.props.selected[i]].type != this.props.tilesets[this.props.selected[0]].type){
allTheSame = false;
@@ -41,11 +41,11 @@ class EditBar extends React.Component {
}
if(this.props.selected != null && this.props.selected > -1){
- defaultSelectValue = this.props.tilesets.get(this.props.selected[0]).type;
+ defaultSelectValue = this.props.tilesets[this.props.selected[0]].type;
} else {
if(allTheSame == true){
- defaultSelectValue = this.props.tilesets.get(this.props.selected[0]).type;
+ defaultSelectValue = this.props.tilesets[this.props.selected[0]].type;
} else {
defaultSelectValue = -1;
}
diff --git a/app/js/components/main-canvas.js b/app/js/components/main-canvas.js
index 6c39a12..fb8bd61 100644
--- a/app/js/components/main-canvas.js
+++ b/app/js/components/main-canvas.js
@@ -44,11 +44,14 @@ class MainCanvas extends React.Component {
var width = 0;
var height = 0;
- for(var tileset of this.props.tilesets.values()) {
+ for (var key in this.props.tilesets) {
+ if (this.props.tilesets.hasOwnProperty(key)) {
- width = Math.max(width, tilesetTemplate[tileset.type].width * tileset.tileSize);
- height = tileset.y + tileset.height;
+ var tileset = this.props.tilesets[key];
+ width = Math.max(width, tilesetTemplate[tileset.type].width * tileset.tileSize);
+ height = tileset.y + tileset.height;
+ }
}
this.canvas.width = width;
@@ -64,20 +67,25 @@ class MainCanvas extends React.Component {
this.setCanvasSize();
- for(var tileset of this.props.tilesets.values()) {
+ for (var key in this.props.tilesets) {
+
+ if (this.props.tilesets.hasOwnProperty(key)) {
+
+ var tileset = this.props.tilesets[key];
+ for (h = 0; h < tilesetTemplate[tileset.type].height * 2; h++) {
- for (h = 0; h < tilesetTemplate[tileset.type].height * 2; h++) {
+ for (w = 0; w < tilesetTemplate[tileset.type].width * 2; w++) {
- for (w = 0; w < tilesetTemplate[tileset.type].width * 2; w++) {
+ this.drawTile(
+ tileset.img, //sprite
+ tileset.x + (w * (tileset.tileSize / 2)), //x
+ tileset.y + (h * (tileset.tileSize / 2)), //y
+ tilesetTemplate[tileset.type].map[(tilesetTemplate[tileset.type].width * 2) * h + w] - 1, //type
+ tileset.tileSize //tileSize
+ );
- this.drawTile(
- tileset.img, //sprite
- tileset.x + (w * (tileset.tileSize / 2)), //x
- tileset.y + (h * (tileset.tileSize / 2)), //y
- tilesetTemplate[tileset.type].map[(tilesetTemplate[tileset.type].width * 2) * h + w] - 1, //type
- tileset.tileSize //tileSize
- );
+ }
}
@@ -89,9 +97,9 @@ class MainCanvas extends React.Component {
render() {
- if(this.ctx && this.props.tilesets.size > 0)
+ if(this.ctx && Object.keys(this.props.tilesets).length > 0)
this.generateTileset();
- else if(this.ctx && this.props.tilesets.size == 0)
+ else if(this.ctx && Object.keys(this.props.tilesets).length == 0)
this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
return (
diff --git a/app/js/components/tileset-bases-container.js b/app/js/components/tileset-bases-container.js
index a05b61d..9faee93 100644
--- a/app/js/components/tileset-bases-container.js
+++ b/app/js/components/tileset-bases-container.js
@@ -9,17 +9,20 @@ class TilesetBaseContainer extends React.Component {
var tilesetItens = [];
- for(var tileset of this.props.tilesets.values()) {
+ for (var key in this.props.tilesets) {
+ if (this.props.tilesets.hasOwnProperty(key)) {
+ var tileset = this.props.tilesets[key];
- var selected = false;
+ var selected = false;
- if(_.indexOf(this.props.selected, tileset.id) > -1){
- selected = true;
- }
+ if(_.indexOf(this.props.selected, tileset.id) > -1){
+ selected = true;
+ }
- tilesetItens.push(