nyle 0.6.0 → 0.6.1

data/samples/basic/draw_line.rb

@@ -0,0 +1,82 @@
+require 'nyle'
+
+class Screen < Nyle::Screen
+  def initialize
+    super
+  end
+
+  def draw
+    Nyle.draw_line( 40,  70, 100,  10)
+    Nyle.draw_line( 90,  70, 150,  10, {weight:  4})
+    Nyle.draw_line(140,  70, 200,  10, {weight:  6})
+    Nyle.draw_line(190,  70, 250,  10, {weight:  8})
+    Nyle.draw_line(240,  70, 300,  10, {weight: 10})
+    Nyle.draw_line(310,  70, 370,  10, {            cap: :ROUND})
+    Nyle.draw_line(360,  70, 420,  10, {weight:  4, cap: :ROUND})
+    Nyle.draw_line(410,  70, 470,  10, {weight:  6, cap: :ROUND})
+    Nyle.draw_line(460,  70, 520,  10, {weight:  8, cap: :ROUND})
+    Nyle.draw_line(510,  70, 570,  10, {weight: 10, cap: :ROUND})
+
+    Nyle.draw_line( 40, 150, 100,  90, {                         a: 0.2})
+    Nyle.draw_line( 90, 150, 150,  90, {weight:  4             , a: 0.4})
+    Nyle.draw_line(140, 150, 200,  90, {weight:  6             , a: 0.6})
+    Nyle.draw_line(190, 150, 250,  90, {weight:  8             , a: 0.8})
+    Nyle.draw_line(240, 150, 300,  90, {weight: 10             , a: 1.0})
+    Nyle.draw_line(310, 150, 370,  90, {            cap: :ROUND, a: 0.2})
+    Nyle.draw_line(360, 150, 420,  90, {weight:  4, cap: :ROUND, a: 0.4})
+    Nyle.draw_line(410, 150, 470,  90, {weight:  6, cap: :ROUND, a: 0.6})
+    Nyle.draw_line(460, 150, 520,  90, {weight:  8, cap: :ROUND, a: 0.8})
+    Nyle.draw_line(510, 150, 570,  90, {weight: 10, cap: :ROUND, a: 1.0})
+
+    Nyle.draw_line( 40, 230, 100, 170, {                         a: 0.2, color: :RED})
+    Nyle.draw_line( 90, 230, 150, 170, {weight:  4             , a: 0.4, color: :RED})
+    Nyle.draw_line(140, 230, 200, 170, {weight:  6             , a: 0.6, color: :RED})
+    Nyle.draw_line(190, 230, 250, 170, {weight:  8             , a: 0.8, color: :RED})
+    Nyle.draw_line(240, 230, 300, 170, {weight: 10             , a: 1.0, color: :RED})
+    Nyle.draw_line(310, 230, 370, 170, {            cap: :ROUND, a: 0.2, color: :RED})
+    Nyle.draw_line(360, 230, 420, 170, {weight:  4, cap: :ROUND, a: 0.4, color: :RED})
+    Nyle.draw_line(410, 230, 470, 170, {weight:  6, cap: :ROUND, a: 0.6, color: :RED})
+    Nyle.draw_line(460, 230, 520, 170, {weight:  8, cap: :ROUND, a: 0.8, color: :RED})
+    Nyle.draw_line(510, 230, 570, 170, {weight: 10, cap: :ROUND, a: 1.0, color: :RED})
+
+    Nyle.draw_line( 40, 310, 100, 250, {                         a: 0.2, color: :FOREST_GREEN})
+    Nyle.draw_line( 90, 310, 150, 250, {weight:  4             , a: 0.4, color: :FOREST_GREEN})
+    Nyle.draw_line(140, 310, 200, 250, {weight:  6             , a: 0.6, color: :FOREST_GREEN})
+    Nyle.draw_line(190, 310, 250, 250, {weight:  8             , a: 0.8, color: :FOREST_GREEN})
+    Nyle.draw_line(240, 310, 300, 250, {weight: 10             , a: 1.0, color: :FOREST_GREEN})
+    Nyle.draw_line(310, 310, 370, 250, {            cap: :ROUND, a: 0.2, color: :FOREST_GREEN})
+    Nyle.draw_line(360, 310, 420, 250, {weight:  4, cap: :ROUND, a: 0.4, color: :FOREST_GREEN})
+    Nyle.draw_line(410, 310, 470, 250, {weight:  6, cap: :ROUND, a: 0.6, color: :FOREST_GREEN})
+    Nyle.draw_line(460, 310, 520, 250, {weight:  8, cap: :ROUND, a: 0.8, color: :FOREST_GREEN})
+    Nyle.draw_line(510, 310, 570, 250, {weight: 10, cap: :ROUND, a: 1.0, color: :FOREST_GREEN})
+
+    Nyle.draw_line( 40, 390, 100, 330, {                         a: 0.2, color: :COBALT})
+    Nyle.draw_line( 90, 390, 150, 330, {weight:  4             , a: 0.4, color: :COBALT})
+    Nyle.draw_line(140, 390, 200, 330, {weight:  6             , a: 0.6, color: :COBALT})
+    Nyle.draw_line(190, 390, 250, 330, {weight:  8             , a: 0.8, color: :COBALT})
+    Nyle.draw_line(240, 390, 300, 330, {weight: 10             , a: 1.0, color: :COBALT})
+    Nyle.draw_line(310, 390, 370, 330, {            cap: :ROUND, a: 0.2, color: :COBALT})
+    Nyle.draw_line(360, 390, 420, 330, {weight:  4, cap: :ROUND, a: 0.4, color: :COBALT})
+    Nyle.draw_line(410, 390, 470, 330, {weight:  6, cap: :ROUND, a: 0.6, color: :COBALT})
+    Nyle.draw_line(460, 390, 520, 330, {weight:  8, cap: :ROUND, a: 0.8, color: :COBALT})
+    Nyle.draw_line(510, 390, 570, 330, {weight: 10, cap: :ROUND, a: 1.0, color: :COBALT})
+
+    Nyle.draw_line( 40, 470, 100, 410, {                         a: 0.2, color: :GOLD})
+    Nyle.draw_line( 90, 470, 150, 410, {weight:  4             , a: 0.4, color: :GOLD})
+    Nyle.draw_line(140, 470, 200, 410, {weight:  6             , a: 0.6, color: :GOLD})
+    Nyle.draw_line(190, 470, 250, 410, {weight:  8             , a: 0.8, color: :GOLD})
+    Nyle.draw_line(240, 470, 300, 410, {weight: 10             , a: 1.0, color: :GOLD})
+    Nyle.draw_line(310, 470, 370, 410, {            cap: :ROUND, a: 0.2, color: :GOLD})
+    Nyle.draw_line(360, 470, 420, 410, {weight:  4, cap: :ROUND, a: 0.4, color: :GOLD})
+    Nyle.draw_line(410, 470, 470, 410, {weight:  6, cap: :ROUND, a: 0.6, color: :GOLD})
+    Nyle.draw_line(460, 470, 520, 410, {weight:  8, cap: :ROUND, a: 0.8, color: :GOLD})
+    Nyle.draw_line(510, 470, 570, 410, {weight: 10, cap: :ROUND, a: 1.0, color: :GOLD})
+
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/basic/draw_rect.rb

@@ -0,0 +1,58 @@
+require 'nyle'
+
+class Screen < Nyle::Screen
+  def initialize
+    super
+  end
+
+  def draw
+    Nyle.draw_rect( 90,  40, 60, 40)
+    Nyle.draw_rect(190,  40, 60, 40, {weight:  4})
+    Nyle.draw_rect(290,  40, 60, 40, {weight:  6})
+    Nyle.draw_rect(390,  40, 60, 40, {weight:  8})
+    Nyle.draw_rect(490,  40, 60, 40, {weight: 10})
+
+    Nyle.draw_rect( 90, 100, 60, 40, {round:   4})
+    Nyle.draw_rect(190, 100, 60, 40, {round:   8})
+    Nyle.draw_rect(290, 100, 60, 40, {round:  12})
+    Nyle.draw_rect(390, 100, 60, 40, {round:  16})
+    Nyle.draw_rect(490, 100, 60, 40, {round:  20})
+
+    Nyle.draw_rect( 90, 160, 60, 40, {fill: true, a: 0.2})
+    Nyle.draw_rect(190, 160, 60, 40, {fill: true, a: 0.4})
+    Nyle.draw_rect(290, 160, 60, 40, {fill: true, a: 0.6})
+    Nyle.draw_rect(390, 160, 60, 40, {fill: true, a: 0.8})
+    Nyle.draw_rect(490, 160, 60, 40, {fill: true, a: 1.0})
+
+    Nyle.draw_rect( 90, 220, 60, 40, {fill: true, a: 0.2, color: :RED})
+    Nyle.draw_rect(190, 220, 60, 40, {fill: true, a: 0.4, color: :RED})
+    Nyle.draw_rect(290, 220, 60, 40, {fill: true, a: 0.6, color: :RED})
+    Nyle.draw_rect(390, 220, 60, 40, {fill: true, a: 0.8, color: :RED})
+    Nyle.draw_rect(490, 220, 60, 40, {fill: true, a: 1.0, color: :RED})
+
+    Nyle.draw_rect( 90, 280, 60, 40, {fill: true, a: 0.2, color: :FOREST_GREEN})
+    Nyle.draw_rect(190, 280, 60, 40, {fill: true, a: 0.4, color: :FOREST_GREEN})
+    Nyle.draw_rect(290, 280, 60, 40, {fill: true, a: 0.6, color: :FOREST_GREEN})
+    Nyle.draw_rect(390, 280, 60, 40, {fill: true, a: 0.8, color: :FOREST_GREEN})
+    Nyle.draw_rect(490, 280, 60, 40, {fill: true, a: 1.0, color: :FOREST_GREEN})
+
+    Nyle.draw_rect( 90, 340, 60, 40, {fill: true, a: 0.2, color: :COBALT})
+    Nyle.draw_rect(190, 340, 60, 40, {fill: true, a: 0.4, color: :COBALT})
+    Nyle.draw_rect(290, 340, 60, 40, {fill: true, a: 0.6, color: :COBALT})
+    Nyle.draw_rect(390, 340, 60, 40, {fill: true, a: 0.8, color: :COBALT})
+    Nyle.draw_rect(490, 340, 60, 40, {fill: true, a: 1.0, color: :COBALT})
+
+    Nyle.draw_rect( 90, 400, 60, 40, {fill: true, a: 0.2, color: :GOLD})
+    Nyle.draw_rect(190, 400, 60, 40, {fill: true, a: 0.4, color: :GOLD})
+    Nyle.draw_rect(290, 400, 60, 40, {fill: true, a: 0.6, color: :GOLD})
+    Nyle.draw_rect(390, 400, 60, 40, {fill: true, a: 0.8, color: :GOLD})
+    Nyle.draw_rect(490, 400, 60, 40, {fill: true, a: 1.0, color: :GOLD})
+
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/{nyle_shape.rb → basic/draw_shape.rb}

@@ -1,70 +1,70 @@
-
-require 'nyle'
-
-module Points
-  def star(x, y)
-    [
-     [x,      y - 50],
-     [x + 14, y - 20],
-     [x + 47, y - 15],
-     [x + 23, y +  7],
-     [x + 29, y + 40],
-     [x,      y + 25],
-     [x - 29, y + 40],
-     [x - 23, y +  7],
-     [x - 47, y - 15],
-     [x - 14, y - 20]
-    ]
-  end
-
-  def para_star(x, y)
-    rl, rm, rs = 70, 50, 30       # radius(large, middle, small)
-    count = 10
-    angle = 360.0 / (count * 4)   # central angle of each vertex
-    deg = Math::PI / 180.0
-
-    points = []
-    for i in 1..count
-      points << [x + rs * Math.cos((i * 4 - 3) * angle * deg), y + rs * Math.sin((i * 4 - 3) * angle * deg)]
-      points << [x + rm * Math.cos((i * 4 - 2) * angle * deg), y + rm * Math.sin((i * 4 - 2) * angle * deg)]
-      points << [x + rs * Math.cos((i * 4 - 1) * angle * deg), y + rs * Math.sin((i * 4 - 1) * angle * deg)]
-      points << [x + rl * Math.cos((i * 4 - 0) * angle * deg), y + rl * Math.sin((i * 4 - 0) * angle * deg)]
-    end
-    points
-  end
-
-  def wave(x, y)
-    points = []
-    for deg in 0..(360 * 5)
-      th = -deg * (Math::PI / 180)
-      points << [deg / 5 + x, Math.sin(th) * 20 + y]
-    end
-    points
-  end
-end
-
-
-class Screen < Nyle::Screen
-  include Points
-  def initialize
-    super
-  end
-  def draw
-     Nyle.draw_shape(star(120, 100), {color: :GOLD,         weight: 5, close: true})
-     Nyle.draw_shape(star(280, 100), {color: :GOLD,         weight: 5, close: true, fill: true})
-     Nyle.draw_shape(star(440, 100), {color: :GOLD, a: 0.5, weight: 5, close: true, fill: true})
-
-     Nyle.draw_shape(para_star(120, 240), {color: :BROWN,         weight: 3, close: true})
-     Nyle.draw_shape(para_star(280, 240), {color: :BROWN,         weight: 3, close: true, fill: true})
-     Nyle.draw_shape(para_star(440, 240), {color: :BROWN, a: 0.8, weight: 3, close: true, fill: true})
-
-     Nyle.draw_shape(wave(100, 360), {color: :SKY_BLUE, weight: 5, cap: :ROUND})
-     Nyle.draw_shape(wave(100, 410), {color: :SKY_BLUE, weight: 5, cap: :ROUND, fill: true})
-
-    Nyle.quit if Nyle.key_press?(KEY_Escape)
-  end
-end
-
-Screen.new.show_all
-Gtk.main
-
+require 'nyle'
+
+module Points
+  def star(x, y)
+    [
+     [x,      y - 50],
+     [x + 14, y - 20],
+     [x + 47, y - 15],
+     [x + 23, y +  7],
+     [x + 29, y + 40],
+     [x,      y + 25],
+     [x - 29, y + 40],
+     [x - 23, y +  7],
+     [x - 47, y - 15],
+     [x - 14, y - 20]
+    ]
+  end
+
+  def para_star(x, y)
+    rl, rm, rs = 70, 50, 30       # radius(large, middle, small)
+    count = 10
+    angle = 360.0 / (count * 4)   # central angle of each vertex
+    deg = Math::PI / 180.0
+
+    points = []
+    for i in 1..count
+      points << [x + rs * Math.cos((i * 4 - 3) * angle * deg), y + rs * Math.sin((i * 4 - 3) * angle * deg)]
+      points << [x + rm * Math.cos((i * 4 - 2) * angle * deg), y + rm * Math.sin((i * 4 - 2) * angle * deg)]
+      points << [x + rs * Math.cos((i * 4 - 1) * angle * deg), y + rs * Math.sin((i * 4 - 1) * angle * deg)]
+      points << [x + rl * Math.cos((i * 4 - 0) * angle * deg), y + rl * Math.sin((i * 4 - 0) * angle * deg)]
+    end
+    points
+  end
+
+  def wave(x, y)
+    points = []
+    for deg in 0..(360 * 6)
+      th = -deg * (Math::PI / 180)
+      points << [deg / 5 + x, Math.sin(th) * 20 + y]
+    end
+    points
+  end
+end
+
+
+class Screen < Nyle::Screen
+  include Points
+  def initialize
+    super
+  end
+  def draw
+    Nyle.draw_shape(star(160, 100),      {color: :GOLD,         weight: 5, close: true})
+    Nyle.draw_shape(star(320, 100),      {color: :GOLD,         weight: 5, close: true, fill: true})
+    Nyle.draw_shape(star(480, 100),      {color: :GOLD, a: 0.5, weight: 5, close: true, fill: true})
+
+    Nyle.draw_shape(para_star(160, 240), {color: :BROWN,         weight: 3, close: true})
+    Nyle.draw_shape(para_star(320, 240), {color: :BROWN,         weight: 3, close: true, fill: true})
+    Nyle.draw_shape(para_star(480, 240), {color: :BROWN, a: 0.5, weight: 3, close: true, fill: true})
+
+    Nyle.draw_shape(wave(100, 360),      {color: :SKY_BLUE,      weight: 5, cap: :ROUND})
+    Nyle.draw_shape(wave(100, 410),      {color: :SKY_BLUE,      weight: 5, cap: :ROUND, fill: true})
+
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/basic/draw_text.rb

@@ -0,0 +1,55 @@
+require 'nyle'
+
+class Screen < Nyle::Screen
+  def initialize
+    super
+  end
+
+  def draw
+    Nyle.draw_text( 80,  70, "Nyle", {size: 16})
+    Nyle.draw_text(140,  70, "Nyle", {size: 24})
+    Nyle.draw_text(220,  70, "Nyle", {size: 32})
+    Nyle.draw_text(320,  70, "Nyle", {size: 40})
+    Nyle.draw_text(440,  70, "Nyle", {size: 48})
+
+    Nyle.draw_text( 80, 120, "Nyle", {size: 16, a: 1.0})
+    Nyle.draw_text(140, 120, "Nyle", {size: 24, a: 0.8})
+    Nyle.draw_text(220, 120, "Nyle", {size: 32, a: 0.6})
+    Nyle.draw_text(320, 120, "Nyle", {size: 40, a: 0.4})
+    Nyle.draw_text(440, 120, "Nyle", {size: 48, a: 0.2})
+
+    Nyle.draw_text( 80, 170, "Nyle", {size: 16, color: :RED})
+    Nyle.draw_text(140, 170, "Nyle", {size: 24, color: :RED})
+    Nyle.draw_text(220, 170, "Nyle", {size: 32, color: :RED})
+    Nyle.draw_text(320, 170, "Nyle", {size: 40, color: :RED})
+    Nyle.draw_text(440, 170, "Nyle", {size: 48, color: :RED})
+
+    Nyle.draw_text( 80, 220, "Nyle", {size: 16, color: :FOREST_GREEN})
+    Nyle.draw_text(140, 220, "Nyle", {size: 24, color: :FOREST_GREEN})
+    Nyle.draw_text(220, 220, "Nyle", {size: 32, color: :FOREST_GREEN})
+    Nyle.draw_text(320, 220, "Nyle", {size: 40, color: :FOREST_GREEN})
+    Nyle.draw_text(440, 220, "Nyle", {size: 48, color: :FOREST_GREEN})
+
+    Nyle.draw_text( 80, 270, "Nyle", {size: 16, color: :COBALT})
+    Nyle.draw_text(140, 270, "Nyle", {size: 24, color: :COBALT})
+    Nyle.draw_text(220, 270, "Nyle", {size: 32, color: :COBALT})
+    Nyle.draw_text(320, 270, "Nyle", {size: 40, color: :COBALT})
+    Nyle.draw_text(440, 270, "Nyle", {size: 48, color: :COBALT})
+
+    Nyle.draw_text( 80, 320, "Nyle", {size: 16, color: :GOLD})
+    Nyle.draw_text(140, 320, "Nyle", {size: 24, color: :GOLD})
+    Nyle.draw_text(220, 320, "Nyle", {size: 32, color: :GOLD})
+    Nyle.draw_text(320, 320, "Nyle", {size: 40, color: :GOLD})
+    Nyle.draw_text(440, 320, "Nyle", {size: 48, color: :GOLD})
+
+    Nyle.draw_text( 80, 390, "minimal graphics framework", {size: 24, a: 0.8})
+    Nyle.draw_text(110, 420, "using Ruby/GTK3 and rcairo",   {size: 24, a: 0.8})
+
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/basic/image_click.rb

@@ -0,0 +1,33 @@
+require 'nyle'
+
+class Screen < Nyle::Screen
+  def initialize
+    super(480, 320, {bgcolor: :YELLOW_GREEN})
+    @image = Nyle.load_image("../image/n_c_mogura.png")
+    calc_xy
+  end
+
+  def draw
+    Nyle.draw_image(@x, @y, @image)
+    calc_xy if clicked?
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+
+  def calc_xy
+    @x = rand(Nyle.screen_width  - @image.width)
+    @y = rand(Nyle.screen_height - @image.height)
+  end
+
+  def clicked?
+    Nyle.mouse_press?(MOUSE_L)         and
+    Nyle.mouse_x >= @x                 and
+    Nyle.mouse_x <= @x + @image.width  and
+    Nyle.mouse_y >= @y                 and
+    Nyle.mouse_y <= @y + @image.height
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/basic/image_rotate.rb

@@ -0,0 +1,42 @@
+require 'nyle'
+
+class Screen < Nyle::Screen
+  def initialize
+    super
+    @image1 = Nyle.load_image("../image/n_b_crocodile.png")
+    @th = 0
+  end
+
+  def draw
+    # image
+    if Nyle.mouse_press?(MOUSE_L) or Nyle.key_press?(KEY_Left)
+      @th += Math::PI / 2
+      @th = 0 if @th >= Math::PI * 2
+    end
+    if Nyle.mouse_press?(MOUSE_R) or Nyle.key_press?(KEY_Right)
+      @th -= Math::PI / 2
+      @th = 0 if @th <= -Math::PI * 2
+    end
+
+    Nyle.save do
+      Nyle.translate(320, 150)
+      Nyle.rotate(@th)
+      Nyle.draw_image(0,  0, @image1, {pos: :CORNER})
+      Nyle.draw_circle(0, 0, 2, {color: :RED, fill: true})
+    end
+
+    Nyle.save do
+      Nyle.translate(320, 350)
+      Nyle.rotate(@th)
+      Nyle.draw_image(0,  0, @image1, {pos: :CENTER})
+      Nyle.draw_circle(0, 0, 2, {color: :RED, fill: true})
+    end
+
+    Nyle.quit if Nyle.key_press?(KEY_Escape)
+  end
+end
+
+
+Screen.new.show_all
+Gtk.main
+

data/samples/{nyle_rpg.rb → basic/image_rpg.rb}

@@ -1,6 +1,7 @@
-
 require 'nyle'
 
+# Images: (c)2016 NISHIDA Ryota - http://dev.eyln.com (zlib License)
+
 class Character
   def initialize(x, y, tiles)
     @x     = x
@@ -23,8 +24,8 @@ class Character
     @tx += 1             # animation to walk
     @tx  = 0 if @tx > 2  # range = (0..2)
 
-    @x += dx             # drawing position(x)
-    @y += dy             # drawing position(y)
+    @x += (dx * 2)       # drawing position(x)
+    @y += (dy * 2)       # drawing position(y)
 
     @x = -@tiles[0][0].width   if @x >  Nyle.screen_width     # right end
     @x =  Nyle.screen_width    if @x < -@tiles[0][0].width    # left end
@@ -36,17 +37,18 @@ end
 class Screen < Nyle::Screen
   def initialize
     super(510, 390)
-    @image            = Nyle.load_image("./image/n_i_bg.jpg", {sx: 0.5, sy: 0.5})
-    @image_half_right = Nyle.load_image("./image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx: 320, cy:   0, cw: 320, ch: 480})
-    @image_half_low   = Nyle.load_image("./image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx:   0, cy: 240, cw: 640, ch: 240})
-    @image_quarter    = Nyle.load_image("./image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx: 320, cy: 240, cw: 320, ch: 240})
 
-    @tiles01      = Nyle.load_image_tiles("./image/n_i_chara.png", 1, 1)   # itself
-    @tiles03      = Nyle.load_image_tiles("./image/n_i_chara.png", 3, 1)   # divide into  3 pieces horizontally
-    @tiles04      = Nyle.load_image_tiles("./image/n_i_chara.png", 1, 4)   # divide into  4 pieces vertically
-    @tiles12      = Nyle.load_image_tiles("./image/n_i_chara.png", 3, 4)   # divide into 12 pieces vertically and horizontally
+    @image            = Nyle.load_image("../image/n_i_bg.jpg", {sx: 0.5, sy: 0.5})
+    @image_half_right = Nyle.load_image("../image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx: 320, cy:   0, cw: 320, ch: 480})
+    @image_half_low   = Nyle.load_image("../image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx:   0, cy: 240, cw: 640, ch: 240})
+    @image_quarter    = Nyle.load_image("../image/n_i_bg.jpg", {sx: 0.5, sy: 0.5, cx: 320, cy: 240, cw: 320, ch: 240})
+
+    @tiles01      = Nyle.load_image_tiles("../image/n_i_chara.png", 1, 1)   # itself
+    @tiles03      = Nyle.load_image_tiles("../image/n_i_chara.png", 3, 1)   # divide into  3 pieces horizontally
+    @tiles04      = Nyle.load_image_tiles("../image/n_i_chara.png", 1, 4)   # divide into  4 pieces vertically
+    @tiles12      = Nyle.load_image_tiles("../image/n_i_chara.png", 3, 4)   # divide into 12 pieces vertically and horizontally
 
-    @tiles_player = Nyle.load_image_tiles("./image/n_i_chara.png", 3, 4, {sx: 1.25, sy: 1.25})   # divide into 12 pieces and enlarge
+    @tiles_player = Nyle.load_image_tiles("../image/n_i_chara.png", 3, 4, {sx: 1.25, sy: 1.25})   # divide into 12 pieces and enlarge
     @character = Character.new(140, 150, @tiles_player)
   end
 
@@ -86,9 +88,7 @@ class Screen < Nyle::Screen
   end
 
   def update
-    dx = (Nyle.key_down?(KEY_Right) ? 1 : (Nyle.key_down?(KEY_Left) ? -1 : 0))
-    dy = (Nyle.key_down?(KEY_Down)  ? 1 : (Nyle.key_down?(KEY_Up)   ? -1 : 0))
-    @character.move(dx, dy)
+    @character.move(Nyle.cursor_x, Nyle.cursor_y)
   end
 end