dxruby_tiled 0.1.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 988c6ed19ed82d78b9ccc6b7008715bbfa3c77ba
-  data.tar.gz: 10d757dfb2fc8fbad7096ad8e963a715b73cd655
+  metadata.gz: cd27950429183efee1a4e4d07287721db316cd78
+  data.tar.gz: 1e244202d39f8042946a6ceb8154df41431cac2f
 SHA512:
-  metadata.gz: 4a9926855f6b9eb883a07277e17fb472541755b895dc498661b9e9ef4c7e07b5075dc56ade5d60cad263a04773fe8495ec96d8d67f1f49cc2d2dd5c3ffca7e40
-  data.tar.gz: cbc1023393139166e5bc420605629ddff1237351d79e932ad03bb45dbfe8886ac3eb7f4a7af49abdf1b4404a40481c5d0651c324c9f4230cea0bcdb01f083a14
+  metadata.gz: 7a1a46fb7df4f548a7eb747c6e3fb5dfa821c028a0e20a683adca64f0e6416028300420080695343767b207043dddd2e6456e5db6e07d2be8c911a3d7d9fb131
+  data.tar.gz: 52429c08c3c4af7b288da425bd7fb458902593b58c6c6ed1d81e06d87333289d43b32384b7b6562fbc4f5dc7d4588faa2d7cd93be192661aacb78df992661694

data/LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 TODO: Write your name
+Copyright (c) 2017 TODO: nodai2hITC
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.ja.md

@@ -7,51 +7,42 @@
 
     $ gem install dxruby_tiled
 
-	
 ## 使用方法
 
     require "dxruby_tiled"
     
-    x, y = 0, 0
-    map = DXRuby::Tiled.load_json("tiledmapeditorfile.json")
+    pos_x, pos_y = 0, 0
+    map = DXRuby::Tiled.load("tiledmapeditorfile.tmx")
     
     Window.loop do
-    map.draw(x, y)
+      map.draw(pos_x, pos_y)
     end
 
 詳しくは、 examples/dxruby_tiled_test.rb 等をご参照あれ。
 
-
 ## カスタムプロパティ
 
-- map - x_loop, y_loop
--- x方向、y方向に関してループするマップになります。
-- imagelayer - fixed
+- map - loop
+-- ループするマップになります。
+- layer - fixed
 -- スクロールしない固定表示になります。
+- imagelayer - x_loop, y_loop
+-- x方向、y方向に関して画像をループ表示します。
 
 ## サポート状況
 
 ### サポート済
 
 - タイルレイヤー（□型、◇型、六角形型）
-- 画像レイヤー
-- タイルのアニメーション
-
-### サポート予定
-
 - オブジェクトレイヤー
 - 当たり判定
-
-### サポート予定なし
-
-- TMX ファイルの読み込み
-
+- 画像レイヤー
+- タイルのアニメーション
 
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/nodai2hITC/dxruby_tiled.
 
-
 ## ライセンス
 
 [MIT License](http://opensource.org/licenses/MIT).

data/README.md

@@ -12,11 +12,11 @@ DXRuby::Tiled is a ruby library that draw [Tiled Map Editor](http://www.mapedito
 
     require "dxruby_tiled"
     
-    x, y = 0, 0
-    map = DXRuby::Tiled.load_json("tiledmapeditorfile.json")
+    pos_x, pos_y = 0, 0
+    map = DXRuby::Tiled.load("tiledmapeditorfile.tmx")
     
     Window.loop do
-    map.draw(x, y)
+      map.draw(pos_x, pos_y)
     end
 
 For more information, examples/dxruby_tiled_test.rb
@@ -24,8 +24,9 @@ For more information, examples/dxruby_tiled_test.rb
 
 ## Custom properties
 
-- map - x_loop, y_loop(bool)
-- imagelayer - fixed(bool)
+- map - loop(bool)
+- layer - fixed(bool)
+- imagelayer - x_loop, y_loop(bool)
 
 ## Support status
 
@@ -33,17 +34,9 @@ For more information, examples/dxruby_tiled_test.rb
 
 - tile layer (orthogonal, isometric, staggered, hexagonal)
 - image layer
-- animation
-
-### Will support
-
 - object layer
 - collision
-
-### Unsupported
-
-- load .tmx file
-
+- animation
 
 ## Contributing
 

data/dxruby_tiled.gemspec

@@ -6,16 +6,14 @@ require 'dxruby_tiled/version'
 Gem::Specification.new do |spec|
   spec.name          = "dxruby_tiled"
   spec.version       = DXRuby::Tiled::VERSION
-  spec.authors       = ["nodai2h-ITC"]
+  spec.authors       = ["nodai2hITC"]
+  spec.email         = ["nodai2h.itc@gmail.com"]
   
-  spec.summary       = %q{Draw TiledMapEditor JSON data by using DXRuby.}
-  spec.description   = %q{Draw TiledMapEditor JSON data by using DXRuby.}
+  spec.summary       = %q{Draw TiledMapEditor data by using DXRuby.}
+  spec.description   = %q{Draw TiledMapEditor data by using DXRuby.}
   spec.homepage      = "https://github.com/nodai2hITC/dxruby_tiled"
   spec.license       = "MIT"
-
-  # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
-  # to allow pushing to a single host or delete this section to allow pushing to any host.
-
+  
   spec.files         = `git ls-files -z`.split("\x0").reject do |f|
     f.match(%r{^(test|spec|features)/})
   end
@@ -23,9 +21,9 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
   
-  spec.add_dependency 'dxruby'
-  spec.add_dependency 'json'
+  spec.add_dependency 'dxruby', ">= 1.4.1"
   
   spec.add_development_dependency "bundler", "~> 1.14"
   spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "pry"
 end

data/examples/dxruby_tiled_test.rb

@@ -1,83 +1,255 @@
 require "dxruby_tiled"
 
-puts "DXRuby::tiled example - ver 1.0.0"
-if ARGV[0] == "--help" || ARGV[0] == "-h"
-  puts "  usage: ruby dxruby_tiled_test.rb [jsonfile] [WindowWidth] [WindowHeight]"
-  exit
-end
-puts "Arrow Key: move (pressing the Shift key, slowly move)"
-puts "M: Display the mouseover tile."
-puts "L: Display layers."
+puts <<'EOS'
+usage: ruby dxruby_tiled_test.rb (TiledMapEditorFile) (width) (height) (scale)
+  
+  CURSOR KEY : move
+  LEFT_SHIFT : speed down
+  RIGHT_SHIFT: speed up
+  M          : show/hidden the tile on mouse
+  L          : show/hidden layers
+  I          : show/hidden information
+  S          : save screenshot
+  P          : start pry
+  ESCAPE     : exit
+EOS
 
-filename = ARGV[0] || Window.open_filename([["JSONファイル(*.json)", "*.json"]], "Tiled Map Editor の JSON ファイルを選択")
+filename = ARGV[0] || Window.open_filename([["JSON file(*.json)", "*.json"], ["TMX file(*.tmx)", "*.tmx"]], "Select json|tmx file of TiledMapEditor")
 exit unless filename
 
-map = DXRuby::Tiled.load_json(filename)
+map = Tiled.load(filename)
 Window.width  = ARGV[1].to_i if ARGV[1]
 Window.height = ARGV[2].to_i if ARGV[2]
+Window.scale  = ARGV[3].to_i if ARGV[3]
 
-x, y = 0, 0
-draw_mouseovertile = true
-draw_layers        = false
+pos_x, pos_y = 0, 0
+draw_mousetile   = true
+draw_layers      = true
+draw_information = true
 
 font = Font.new(16)
 
-mouseover_image = Image.new(32, 32, [128,128,128,255])
+selected_image = Image.new(32, 32, [128, 128, 128, 255])
+selected_layer = map.layers.find { |layer| layer.is_a?(DXRuby::Tiled::TileLayer) }
+
+tilelayer_image   = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgI
+fAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3
+Lmlua3NjYXBlLm9yZ5vuPBoAAABSSURBVDiN7ZOxDYBADAMviJ1gDJiHFuZh
+DBiBVaiOjhrk9iOlcGErPimlkkwXuYEeYJy332ec+1IAqAzT6nHd737RKmpe
+IQ4otTFoDGIGlb7zA0m5s1NGNVw4AAAAAElFTkSuQmCC
+EOS
+))
+objectgroup_image = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgI
+fAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3
+Lmlua3NjYXBlLm9yZ5vuPBoAAAInSURBVDiNhZLBaxNBFMa/mZ3NzLamFJIe
+EuqmlTQR+i8Ie+hWaLGgB2+CB08BvagHJVARSSvYg7dcrCB48CCSHr00NRQE
+L0KxVNxCc4siBLw0O5udHQ/thhi3+p0eb9778X2PIVprAEClWM1yztfDMLyh
+lBI4lRDiwPf9h/XD2hYSRGLAnYuP1mcKhbtLS0upiYkJAIDWGt88D41GoxeG
+Ya5+WPs1CqBxYRjGTcdxBssAQAhBuVTC+enpEMBykgMWF1rrlGVZSTMQQqQp
+pa9ul1dfAgClVBJC3gRB8JgND8ZxRmUwhsuLi+b8/LwJAL7viw+t1i3P89KD
+CJSQT57n/UVQSqHdbsO2bQghIITA5OQk3IUF1u/3rw8c+FI+2W42L33Z3z+X
+yWQIARBpjfbREWZmZzE1NfUHeHx8HFEUmWTYdqVY5Yyxn47jpMcsCyAE+VwO
+2Ww2MVptbe3kiJViNY2TK1uGYfQLto1cLpe4FOv4+BiU0tD48bp/lTH20bbt
+K/l8fllrbXU6HcO2bXDOz1xu7uyobrf7jnHOn66srIyVSyWcXhi7u7t4sbmJ
+Xq+XCKCU9k3TfCulfMCklOXS3NzgUQgB13Xhum7i8rONjV4QBBee769+B05/
+IiHkn3mHNTpLCSHqLKujUkpBhaEBIBgAUqnU1nazGf0PEgQBWq0WmGl+rh/W
+unGfSSnvfT04UHt7e9eiKGJnAQghEef8ve/794f7vwF7CtF64Q/xTAAAAABJ
+RU5ErkJggg==
+EOS
+))
+imagelayer_image  = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/
+AP+gvaeTAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAB3RJTUUH3AsPDAQNlVwX
+bgAAAfVJREFUOMudk0trU0EUx39z781NbvMwaRKaPoImatPgQnyBWlAEv4Qb
+92IR6qpfQBALgi4U3IjfQBSMuhNcCCIISh4LpYW0GNNXTNLcR2faRWxtNYXU
+gYEzB+Z3/vM/Z8Tde3fwmSae63KQZfr9bEgXDdj8z/0duGwkEkkuXphkIpdH
+StlXdV3XKVdKmddvC0+NpaU6E7k8Dx7ex3GdvgCWZXFrapoXL59nDAApJY7r
+8PXzR9rtDrbtEI9HEUL0BJw4eXYnNrYDIWA4opBBH42mR6Pxg9ihENHIAM1W
+h+CAH03T/oEZuw9Doa4HqXAATbOo1hqUywscHokxHDFxXIe5xVXi2X0AqfAf
+Eyvzq5zKRqnV6pzPRQAJCObm13srEEDqt4J1e4PTGYsPxQXCptrJO67EwNsD
+2POo0UHFWFIxntbIjepcu5Sk+vMXdruJ22nxrFDh+pWh/T3ITJ7DiGXYWK7g
+LFZQzQ6Pbxzn5qMyntzkyVSeYEDwrkrvLvjTV0Fo6KEsvnAE9e09IdPHmaNB
+hBCMRLcHtwdASkm79qVLAmTHY60uwVYsNRUrLY/Fte5lqdRegK7rKKWYmS3+
+1eVjXXVHxokDs5+62bH0LgWD8TjlSonb0zPYtt3XKAesAKVyEZ9pYqwsL1N4
+8+rA3zmRTOK5Llttt8XxvDkmFQAAAABJRU5ErkJggg==
+EOS
+))
+grouplayer_image  = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVR4nGNg
+GB5As2FnExD/R8MgMUt8GNmAeVgMIISb4AZ4rXvxnxw8asDwMmBoAwAE/3w0
+rfjXvAAAAABJRU5ErkJggg==
+EOS
+))
+visible_image  = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgI
+fAhkiAAAAAlwSFlzAAAM6wAADOsB5dZE0gAAABl0RVh0U29mdHdhcmUAd3d3
+Lmlua3NjYXBlLm9yZ5vuPBoAAAAZdEVYdFRpdGxlAElua3NjYXBlIEljb24g
+VGhlbWXo4pAiAAAAFXRFWHRBdXRob3IAQmFyYmFyYSBNdXJhdXMulXEFAAAB
+t0lEQVQokZ2SMW/aUBSFz40fxsJSKoGXbpaVdmTrUJmhSAxZGPkDgJBQZFaW
+Lh34A6DKkiuB1NW/IFsZ7KEd2NvUuFJHHBGEa6s8v9epKWmiqsoZ7z1nOecD
+Hil66NjpdNRarfYcAJIk+ez7/s9/BgeDQYWIXhPRhRDiFACI6EZK+RbAxPO8
+H/eCvV7vTFXVSyGEZVmWNE2TACCOYxlFEWma9j3Lslee5329DQ6HQwvAR8Mw
+qt1ulyqVCsIwBADYto39fo/FYoHNZnMN4IXrupHiOM6pEOKDYRhPx+OxAgCT
+yQTtdhu+72O5XKLVaqHZbGK1WpXSND2v1+vvTzjnc0VRzkajEdN1HWEYIs9z
++L6PLMuQ5zmCIICu63AchzHGnjHG3jEppSSie+3Gcfynwb/eREQnpVKpB+Db
+bDaTaZrCtm1omnZr0jQNtm0jTVNMp9MD5/zqcDj0j8v5VK1Wn/T7fUXXdQRB
+AABoNBrY7XaYz+c8SZJrInrpum50Z45yuXxZFIVlWRZM0wQArNdrGUURMcau
+OOfnd+Y4BkBV1TdCiCHnXP8vAI71G7miKOR2u/3yEHKP1i+7XcWPCZS65wAA
+AABJRU5ErkJggg==
+EOS
+))
+hidden_image  = Image.load_from_file_in_memory(Base64.decode64(<<'EOS'
+iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgI
+fAhkiAAAAAlwSFlzAAAM6wAADOsB5dZE0gAAABl0RVh0U29mdHdhcmUAd3d3
+Lmlua3NjYXBlLm9yZ5vuPBoAAAAZdEVYdFRpdGxlAElua3NjYXBlIEljb24g
+VGhlbWXo4pAiAAAAFXRFWHRBdXRob3IAQmFyYmFyYSBNdXJhdXMulXEFAAAB
+KElEQVQoke2QvUojYRiFn/clwgT/LiBgZRUVOys7BcG9ABc0hcV8qQKBIFgO
+WIoXkNGpghYWC1tZyGLvHch2SgzYqIVEkG/ONilEyYK9T/2cc+DAN2OxZrN5
+KGl+OBzu9Hq9l//JjUZjMkmSU3f/65IKYD1JkrMsy3xcKMsyr1arZ2a25u4n
+bmZ14N7MNvv9/nWr1Zr5GAohzA4Ggz+SfgD3ZVkuWAhhzt1fy7K8AJYkPQPH
+ZnYNYGYrkgIwBTwAqwAGkKbpkZk9AVfAJZB8GB2YWQHcAfVut9v2Uet+nucH
+krYlddx9y8xugBz4FWNclPQzxvhb0h6AA+R5/jZqvq3VarmkaUnnlUqlAywX
+RfEI7MYYy3fuZ9I03QghLI2OaYcQJsbKX+UfFzV3yJtNDmoAAAAASUVORK5C
+YII=
+EOS
+))
 
-max_tile_width  = map.tilesets.tile_images.max{|image| image.width  }.width
-max_tile_height = map.tilesets.tile_images.max{|image| image.height }.height
 
 Window.loop do
-  x += Input.x * (!Input.key_down?(K_LSHIFT) ? 5 : 1)
-  y += Input.y * (!Input.key_down?(K_LSHIFT) ? 5 : 1)
-  map.draw(x, y)
-  
-  tilelayer = map.layers.find{|layer| layer.is_a? DXRuby::Tiled::Layer }
-  pos_x, pos_y = tilelayer.xy_at(x + Input.mouse_x, y + Input.mouse_y)
-  vertexs = tilelayer.vertexs(pos_x, pos_y)
-  if vertexs.size == 4
-    Window.draw_morph(vertexs[0][0] - x, vertexs[0][1] - y,
-                      vertexs[1][0] - x, vertexs[1][1] - y,
-                      vertexs[2][0] - x, vertexs[2][1] - y,
-                      vertexs[3][0] - x, vertexs[3][1] - y, mouseover_image)
+  d =  5
+  d =  1 if Input.key_down?(K_LSHIFT)
+  d = 20 if Input.key_down?(K_RSHIFT)
+  if Input.key_down?(K_LCONTROL)
+    pos_x -= d if Input.key_push?(K_LEFT)
+    pos_x += d if Input.key_push?(K_RIGHT)
+    pos_y -= d if Input.key_push?(K_UP)
+    pos_y += d if Input.key_push?(K_DOWN)
   else
-    Window.draw_morph(vertexs[0][0] - x, vertexs[0][1] - y,
-                      vertexs[1][0] - x, vertexs[1][1] - y,
-                      vertexs[2][0] - x, vertexs[2][1] - y,
-                      vertexs[3][0] - x, vertexs[3][1] - y, mouseover_image)
-    Window.draw_morph(vertexs[3][0] - x, vertexs[3][1] - y,
-                      vertexs[4][0] - x, vertexs[4][1] - y,
-                      vertexs[5][0] - x, vertexs[5][1] - y,
-                      vertexs[0][0] - x, vertexs[0][1] - y, mouseover_image)
+    pos_x += Input.x * d
+    pos_y += Input.y * d
+  end
+  map.draw(pos_x, pos_y)
+  
+  mouse_x, mouse_y = pos_x + Input.mouse_x, pos_y + Input.mouse_y
+  tile_x, tile_y = nil, nil
+  
+  # highlight selected tile
+  if selected_layer.is_a?(Tiled::TileLayer)
+    tile_x, tile_y = selected_layer.xy_at(mouse_x, mouse_y)
+    vertexs = selected_layer.vertexs(tile_x, tile_y)
+    if vertexs.size == 4
+      Window.draw_morph(vertexs[0][0] - pos_x, vertexs[0][1] - pos_y,
+                        vertexs[1][0] - pos_x, vertexs[1][1] - pos_y,
+                        vertexs[2][0] - pos_x, vertexs[2][1] - pos_y,
+                        vertexs[3][0] - pos_x, vertexs[3][1] - pos_y, selected_image)
+    else
+      Window.draw_morph(vertexs[0][0] - pos_x, vertexs[0][1] - pos_y,
+                        vertexs[1][0] - pos_x, vertexs[1][1] - pos_y,
+                        vertexs[2][0] - pos_x, vertexs[2][1] - pos_y,
+                        vertexs[3][0] - pos_x, vertexs[3][1] - pos_y, selected_image)
+      Window.draw_morph(vertexs[3][0] - pos_x, vertexs[3][1] - pos_y,
+                        vertexs[4][0] - pos_x, vertexs[4][1] - pos_y,
+                        vertexs[5][0] - pos_x, vertexs[5][1] - pos_y,
+                        vertexs[0][0] - pos_x, vertexs[0][1] - pos_y, selected_image)
+    end
+  end
+  
+  # draw information
+  draw_information = !draw_information if Input.key_push?(K_I)
+  if draw_information
+    Window.draw_box_fill(Window.width - 200, Window.height - 60, Window.width, Window.height, [192, 92, 92, 92])
+    text1 = "(pos_x, pos_y) = (#{mouse_x}, #{mouse_y})"
+    text2 = selected_layer.is_a?(Tiled::TileLayer) ? "[tile_x, tile_y] = [#{tile_x}, #{tile_y}]" : ""
+    text3 = selected_layer.is_a?(Tiled::TileLayer) ? "tileid = #{selected_layer[tile_x, tile_y]}" : ""
+    Window.draw_font(Window.width - 197 , Window.height - 57, text1, font, color: [0, 0, 0])
+    Window.draw_font(Window.width - 197 , Window.height - 37, text2, font, color: [0, 0, 0])
+    Window.draw_font(Window.width - 197 , Window.height - 17, text3, font, color: [0, 0, 0])
+    Window.draw_font(Window.width - 198 , Window.height - 58, text1, font, color: [255, 255, 255])
+    Window.draw_font(Window.width - 198 , Window.height - 38, text2, font, color: [255, 255, 255])
+    Window.draw_font(Window.width - 198 , Window.height - 18, text3, font, color: [255, 255, 255])
   end
   
-  draw_mouseovertile = !draw_mouseovertile if Input.key_push?(K_M)
-  if draw_mouseovertile
-    Window.draw_box_fill(Window.width - max_tile_width - 8, 0, Window.width, max_tile_height + 8, [92,92,92])
-    image = map.tilesets.tile_images[tilelayer[pos_x, pos_y]]
-    Window.draw(Window.width  - max_tile_width  / 2 - image.width  / 2 - 4,
-                                max_tile_height / 2 - image.height / 2 + 4, image)
+  # draw tile on mouse
+  draw_mousetile = !draw_mousetile if Input.key_push?(K_M)
+  if draw_mousetile && selected_layer.is_a?(Tiled::TileLayer)
+    tile = map.tilesets[selected_layer[tile_x, tile_y]]
+    Window.draw_box_fill(Window.width - tile.width - 8, 0, Window.width, tile.height + 8, [192, 92, 92, 92])
+    Window.draw_ex(Window.width - tile.image.width - 4, 4, tile.image,
+                   scale_x: tile.scale_x, scale_y: tile.scale_y, angle: tile.angle)
   end
   
+  # draw layers
   draw_layers = !draw_layers if Input.key_push?(K_L)
   if draw_layers
-    tmp_y = Window.height
-    map.layers.each do |layer|
-      tmp_y -= 20
-      Window.draw_font(23 , tmp_y + 1, layer.name.to_s, font, color: [0,0,0])
-      Window.draw_font(22 , tmp_y, layer.name.to_s, font)
-      Window.draw_box_fill(2, tmp_y + 2, 18, tmp_y + 18, [255,255,255])
-      Window.draw_box_fill(3, tmp_y + 3, 17, tmp_y + 17, [0,0,0])
-      
-      if layer.visible
-        Window.draw_circle_fill(10, tmp_y + 10, 6, [255,255,255])
+    tmp_y = min_y = Window.height
+    max_x = 0
+    get_max_x_proc = Proc.new do |layers, x|
+      layers.each do |layer|
+        get_max_x_proc.call(layer, x + 20) if layer.is_a? DXRuby::Tiled::GroupLayer
+        tmp_max_x = x + font.get_width(layer.name.to_s) + 36
+        max_x = tmp_max_x if max_x < tmp_max_x
+        min_y -= 20
       end
-      if Input.mouse_push?(M_LBUTTON) && Input.mouse_x >= 2 && Input.mouse_x <= 18 && Input.mouse_y >= tmp_y+2 && Input.mouse_y <= tmp_y+18
-        layer.visible = !layer.visible
+    end
+    get_max_x_proc.call(map.layers, 2)
+    Window.draw_box_fill(0, min_y, max_x, Window.height, [192, 92, 92, 92])
+    
+    draw_layer_proc = Proc.new do |layers, x|
+      layers.each do |layer|
+        draw_layer_proc.call(layer, x + 20) if layer.is_a? DXRuby::Tiled::GroupLayer
+        tmp_y -= 20
+        text_width = font.get_width(layer.name.to_s)
+        if selected_layer == layer
+          Window.draw_box_fill(x + 19, tmp_y + 2, x + text_width + 35, tmp_y + 18, [192, 92, 92, 255])
+        end
+        Window.draw(x + 19, tmp_y + 2,
+          case layer
+          when DXRuby::Tiled::TileLayer;   tilelayer_image
+          when DXRuby::Tiled::ObjectGroup; objectgroup_image
+          when DXRuby::Tiled::ImageLayer;  imagelayer_image
+          when DXRuby::Tiled::GroupLayer;  grouplayer_image
+          end
+        )
+        Window.draw_font(x + 37, tmp_y + 3, layer.name.to_s, font, color: [0, 0, 0])
+        Window.draw_font(x + 36, tmp_y + 2, layer.name.to_s, font, color: [255, 255, 255])
+        Window.draw(x + 2, tmp_y + 4, layer.visible ? visible_image : hidden_image)
+        
+        if Input.mouse_push?(M_LBUTTON) && ((tmp_y + 2)..(tmp_y + 18)).include?(Input.mouse_y)
+          if ((x)..(x + 16)).include?(Input.mouse_x)
+            layer.visible = !layer.visible
+          end
+          
+          if ((x + 20)..(x + text_width + 1)).include?(Input.mouse_x)
+            selected_layer = layer if layer.is_a?(DXRuby::Tiled::TileLayer)
+          end
+        end
       end
     end
     
+    draw_layer_proc.call(map.layers, 2)
+  end
+  
+  # save screenshot
+  if Input.key_push?(K_S)
+    Window.get_screen_shot("tmp", FORMAT_PNG)
+    save_filename = Window.save_filename( [["PNG file(*.png)", "*.png"]], "ScreenShot filename")
+    if save_filename
+      save_filename << ".png" unless save_filename =~ /\.png$/
+      File.rename("tmp", save_filename)
+    else
+      File.delete("tmp")
+    end
   end
   
   Window.caption = "DXRuby_tiled - FPS:#{Window.real_fps} FILE:#{filename}"
+  
+  exit if Input.key_push?(K_ESCAPE)
+  
+  # start pry
+  if Input.key_push?(K_P)
+    require "pry"
+    binding.pry
+  end
 end