apngasm-gui 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c591c6168d94eed149cbeb9b9ed24b500b6562fa
+  data.tar.gz: 760dcc89b39b68d528840bf3de9c93671e7444d9
+SHA512:
+  metadata.gz: a41becf6cf4953debd976e2311e1d9b45932ac319f204aafb3d458a69eb7a284387a994e97dcfbec51581988a219466325712c2e6c3dbfb0871b0ab80ec38b77
+  data.tar.gz: 87ff15d4bb872a0c089d04369cab35490192d5f1e41229c12aa1518383a536804eaf1d019de93758999375c8f27699c06dd8e1d59fd94d73fb1334cd687091df

data/.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+*.swp
+*.swo
+.project
+
+*.gem
+*.rbc
+.bundle
+.config
+coverage
+InstalledFiles
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+
+Gemfile.lock
+
+# YARD artifacts
+.yardoc
+_yardoc
+doc/

data/Gemfile

@@ -0,0 +1,11 @@
+source 'http://rubygems.org'
+
+gemspec
+
+group :development do
+  gem 'libnotify'
+  gem 'guard'
+  gem 'guard-rspec'
+  gem 'rubocop'
+  gem 'guard-rubocop'
+end

data/README.md

@@ -0,0 +1,4 @@
+apngasm-gui
+===========
+
+Graphical tool for creating Animated PNG images

data/apngasm-gui.gemspec

@@ -0,0 +1,16 @@
+Gem::Specification.new do |s|
+  s.name        = 'apngasm-gui'
+  s.version     = '0.0.1'
+  s.license     = 'GNU GPL v3'
+  s.summary     = ""
+  s.description = ""
+  s.authors     = ['Rika Yoshida', 'Rei Kagetsuki']
+  s.email       = 'info@genshin.org'
+  s.files        = `git ls-files`.split("\n")
+  s.homepage    = 'https://github.com/apngasm/apngasm-gui'
+
+  s.executables << 'apngasm-gui'
+
+  s.add_dependency 'rapngasm', '~> 3.1', '3.1.2'
+  s.add_dependency 'gtk3'
+end

data/bin/apngasm-gui

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+
+#apngasm GUI by Genshin Souzou Kabushiki Kaisha
+#licensed under the GNU GPL v3
+
+require_relative '../lib/apngasm-gui/editor_window.rb'
+
+class APNGAsmGUIStandalone
+  TITLE = 'apngasm GUI'
+  NAME = 'apngasm-gui'
+
+  def initialize(width = 800, height = 600, file = nil)
+    @editor_window = APNGAsmGUI::EditorWindow.new(width, height)
+  end
+end
+
+APNGAsmGUIStandalone.new

data/lib/apngasm-gui.rb

@@ -0,0 +1,3 @@
+module APNGAsmGUI
+  require 'gtk3'
+end

data/lib/apngasm-gui/adapter.rb

@@ -0,0 +1,64 @@
+require 'rapngasm'
+require 'fileutils'
+require_relative 'frame_list.rb'
+require_relative 'frame.rb'
+
+class APNGAsmGUI::Adapter
+  def initialize
+    @apngasm = APNGAsm.new
+  end
+
+  def import(frame_list, filename)
+    @apngasm.reset
+    apngframes = @apngasm.disassemble(filename)
+    filename = File.basename(filename, '.png')
+    new_frames = []
+
+    apngframes.each_with_index do |apngframe, i|
+      new_frames << APNGAsmGUI::Frame.new("#{filename}_#{i}.png", frame_list, apngframe)
+    end
+
+    new_frames
+  end
+
+  def export(frame_list, filename, frames_status)
+    @apngasm.reset
+    filename = set_filename(filename)
+
+    frame_list.list.each do |frame|
+      if frame.apngframe.nil?
+        @apngasm.add_frame_file(frame.filename, frame.delay)
+      else
+        set_apngframe(frame)
+      end
+    end
+    @apngasm.assemble("#{filename}.png")
+
+    save_frames(filename) if frames_status
+
+    GC.start
+  end
+
+  def save_frames(filename)
+    @apngasm.reset
+    @apngasm.disassemble("#{filename}.png")
+    FileUtils.mkdir_p(filename) unless File.exist?(filename)
+    @apngasm.save_pngs(filename)
+    @apngasm.save_json("#{filename}/animation.json", filename)
+  end
+
+  def set_apngframe(frame)
+    filename = "#{File.basename(frame.filename, '.png')}"
+
+    Dir::mktmpdir(nil, File.dirname(__FILE__)) do |dir|
+      frame.apngframe.save("#{dir}/#{filename}.png")
+      @apngasm.add_frame_file("#{dir}/#{filename}.png", frame.delay)
+    end
+  end
+
+  def set_filename(filename)
+    dirname = File.dirname(filename)
+    basename = File.basename(filename, '.png')
+    new_filename = "#{dirname}/#{basename}"
+  end
+end

data/lib/apngasm-gui/editor_window.rb

@@ -0,0 +1,340 @@
+require_relative '../apngasm-gui.rb'
+require_relative 'frame_list.rb'
+require_relative 'frame.rb'
+require_relative 'adapter.rb'
+
+class APNGAsmGUI::EditorWindow
+  def initialize(width = 800, height = 600)
+    @play = false
+    @loop_status = false
+    @frames_status = false
+
+    @builder = Gtk::Builder.new
+    @builder.add_from_file(File.expand_path('../layout.glade', __FILE__))
+
+    @window_base = @builder['editor_window']
+    @window_base.set_default_size(width, height)
+
+    $preview = @builder['preview_image']
+
+    @frame_hbox = Gtk::Box.new(:horizontal)
+    @frame_list = APNGAsmGUI::FrameList.new(@frame_hbox)
+
+    @scrolled_window = @builder['frame_list_scrolled_window']
+    @scrolled_window.add_with_viewport(@frame_hbox)
+
+    @first_button = @builder['first_button']
+    @first_button.signal_connect('clicked') do
+      move_to_first
+    end
+
+    @back_button = @builder['back_button']
+    @back_button.signal_connect('clicked') do
+      move_to_prev
+    end
+
+    @play_button = @builder['play_button']
+    @play_button.signal_connect('clicked') do
+      if @play
+        stop_animation
+      elsif @frame_list.size > 1
+        play_animation
+      end
+    end
+
+    @forward_button = @builder['forward_button']
+    @forward_button.signal_connect('clicked') do
+      move_to_next
+    end
+
+    @last_button = @builder['last_button']
+    @last_button.signal_connect('clicked') do
+      move_to_last
+    end
+
+    @add_frame_button = @builder['add_frame_button']
+    @add_frame_button.signal_connect('clicked') do
+      add_dialog
+    end
+
+    @import_button = @builder['file_chooser']
+    @import_button.add_filter(create_filter)
+    @import_button.signal_connect('file_set') do |response|
+      file_import(File.expand_path(response.filename))
+    end
+
+    @export_button = @builder['export_button']
+    @export_button.signal_connect('clicked') do
+      export_dialog if @frame_list.size > 0
+    end
+
+    @loop_checkbutton = @builder['loop_checkbutton']
+    @loop_checkbutton.signal_connect('toggled') do
+      @loop_status = @loop_checkbutton.active?
+      @play_loop.set_active(@loop_status)
+    end
+
+    @frames_checkbutton = @builder['frames_checkbutton']
+    @frames_checkbutton.signal_connect('toggled') do
+      @frames_status = @frames_checkbutton.active?
+    end
+
+    @file_new = @builder['menu_file_new']
+    @file_new.signal_connect('activate') do
+      label = Gtk::Label.new('New File?')
+      label.show
+      dialog = create_confirm_dialog(label, "new")
+      dialog.destroy
+    end
+
+    @file_import = @builder['menu_file_import']
+    @file_import.signal_connect('activate') do
+      import_dialog
+    end
+
+    @file_export = @builder['menu_file_export']
+    @file_export.signal_connect('activate') do
+      export_dialog if @frame_list.size > 0
+    end
+
+    @file_export_frames = @builder['menu_file_export_frames']
+    @file_export_frames.signal_connect('activate') do
+      @frames_checkbutton.set_active(true)
+      @frames_status = true
+      export_dialog if @frame_list.size > 0
+    end
+
+    @file_quit = @builder['menu_file_quit']
+    @file_quit.signal_connect('activate') do
+      label = Gtk::Label.new('Quit?')
+      label.show
+      dialog = create_confirm_dialog(label, "quit")
+      dialog.destroy
+    end
+
+    @frame_add = @builder['menu_frame_add']
+    @frame_add.signal_connect('activate') do
+      add_dialog
+    end
+
+    @frame_next = @builder['menu_frame_next']
+    @frame_next.signal_connect('activate') do
+      move_to_next
+    end
+
+    @frame_prev = @builder['menu_frame_prev']
+    @frame_prev.signal_connect('activate') do
+      move_to_prev
+    end
+
+    @frame_last = @builder['menu_frame_last']
+    @frame_last.signal_connect('activate') do
+      move_to_last
+    end
+
+    @frame_first = @builder['menu_frame_first']
+    @frame_first.signal_connect('activate') do
+      move_to_first
+    end
+
+    @frame_delete = @builder['menu_frame_delete']
+    @frame_delete.signal_connect('activate') do
+      if @frame_list.size > 1
+        @frame_list.delete_at(@frame_list.cur)
+      end
+    end
+
+    @play_play = @builder['menu_play_play']
+    @play_play.signal_connect('activate') do
+      if @frame_list.size > 1 && !@play
+        play_animation
+      end
+    end
+
+    @play_stop = @builder['menu_play_stop']
+    @play_stop.signal_connect('activate') do
+      stop_animation if @play
+    end
+
+    @play_loop = @builder['menu_play_loop']
+    @play_loop.set_active(@loop_status)
+    @play_loop.signal_connect('toggled') do
+      @loop_status = @play_loop.active?
+      @loop_checkbutton.set_active(@loop_status)
+    end
+
+    @help_about = @builder['menu_help_about']
+    @help_about.signal_connect('activate') do
+      help_dialog
+    end
+
+    @window_base.signal_connect('destroy') do
+      Gtk.main_quit
+    end
+
+    @window_base.show_all
+    Gtk.main
+  end
+
+  def move_to_next
+    if @frame_list.cur < @frame_list.size - 1
+      swap_frame(@frame_list.cur, @frame_list.cur + 1)
+    end
+  end
+
+  def move_to_prev
+    if @frame_list.cur != 0
+      swap_frame(@frame_list.cur, @frame_list.cur - 1)
+    end
+  end
+
+  def move_to_last
+    if @frame_list.size > 1
+      swap_frame(@frame_list.cur, @frame_list.size - 1)
+    end
+  end
+
+  def move_to_first
+    if @frame_list.size > 1
+      swap_frame(@frame_list.cur, 0)
+    end
+  end
+
+  def add_dialog
+    dialog = create_dialog('Open File', Gtk::FileChooser::Action::OPEN, Gtk::Stock::OPEN)
+    dialog.set_select_multiple(true) 
+    dialog.add_filter(create_filter)
+
+    if dialog.run == Gtk::ResponseType::ACCEPT
+      dialog.filenames.each do |filename|
+        create_frame(File.expand_path(filename))
+      end
+      @window_base.show_all
+    end
+
+    dialog.destroy
+  end
+
+  def import_dialog
+    dialog = create_dialog('Import File', Gtk::FileChooser::Action::OPEN, Gtk::Stock::OPEN)
+    dialog.add_filter(create_filter)
+
+    if dialog.run == Gtk::ResponseType::ACCEPT
+      file_import(File.expand_path(dialog.filename))
+      @import_button.filename = dialog.filename
+    end
+
+    dialog.destroy
+  end
+
+  def export_dialog
+    dialog = create_dialog('Save File', Gtk::FileChooser::Action::SAVE, Gtk::Stock::SAVE)
+    dialog.do_overwrite_confirmation = true
+
+    if dialog.run == Gtk::ResponseType::ACCEPT
+      file_export(File.expand_path(dialog.filename))
+    end
+
+    dialog.destroy
+  end
+
+  def help_dialog
+    # TODO dialog message
+    dialog = Gtk::MessageDialog.new(message: 'apngasm-gui is a software to create an APNG file.',
+                             parent: @window_base)
+    dialog.run
+    dialog.destroy
+  end
+
+  def create_dialog(title, action, stock)
+    Gtk::FileChooserDialog.new(title: title,
+                               parent: @window_base,
+                               action: action,
+                               buttons: [[Gtk::Stock::CANCEL, Gtk::ResponseType::CANCEL],
+                                        [stock, Gtk::ResponseType::ACCEPT]])
+  end
+
+  def create_filter
+    filter = Gtk::FileFilter.new
+    filter.name = 'PNG File'
+    filter.add_pattern('*.png')
+    filter
+  end
+
+  def create_confirm_dialog(title, mode)
+    dialog = Gtk::Dialog.new
+    dialog.child.pack_start(title, expand: true, fill: true, padding: 30)
+    dialog.add_buttons(['Yes', Gtk::ResponseType::YES], ['No', Gtk::ResponseType::NO])
+
+    if dialog.run == Gtk::ResponseType::YES
+      @import_button.filename = 'blank'
+      @frame_list.delete_all if mode == 'new'
+      Gtk.main_quit if mode == 'quit'
+    end
+
+    dialog
+  end
+
+  def create_frame(filename)
+    frame = APNGAsmGUI::Frame.new(filename, @frame_list)
+    @frame_list << frame
+    $preview.set_pixbuf(frame.pixbuf)
+    @frame_list.frame_hbox.pack_start(frame, expand: false, fill: false, padding: 10)
+  end
+
+  def swap_frame(old_position, new_position)
+    @frame_list.swap(old_position, new_position)
+    @frame_list.cur = new_position
+    $preview.set_pixbuf(@frame_list.pixbuf(@frame_list.cur))
+    view_reload
+  end
+
+  def view_reload
+    @frame_list.view_reload
+    @window_base.show_all
+  end
+
+  def play_animation
+    @play = true
+    image = Gtk::Image.new(stock: Gtk::Stock::MEDIA_STOP, size: Gtk::IconSize::IconSize::BUTTON)
+    @play_button.set_image(image)
+
+    @frame_list.cur = 0
+    @handle = GLib::Idle.add {
+      unless @loop_status
+        stop_animation if @frame_list.cur == @frame_list.size - 1
+      end
+
+      $preview.set_pixbuf(@frame_list.pixbuf(@frame_list.cur))
+      @frame_list.cur - 1 < 0 ? delay_num = @frame_list.size - 1 : delay_num = @frame_list.cur - 1
+      sleep(@frame_list.delay(delay_num) * 0.001)
+      @frame_list.cur + 1 >= @frame_list.size ? @frame_list.cur = 0 : @frame_list.cur += 1
+    }
+  end
+
+  def stop_animation
+    GLib::Source.remove(@handle)
+
+    @play = false
+    image = Gtk::Image.new(stock: Gtk::Stock::MEDIA_PLAY, size: Gtk::IconSize::IconSize::BUTTON)
+    @play_button.set_image(image)
+  end
+
+  def file_import(filename)
+    adapter = APNGAsmGUI::Adapter.new
+    new_frames = adapter.import(@frame_list, filename)
+
+    new_frames.each do |frame|
+      @frame_list << frame
+      @frame_list.frame_hbox.pack_start(frame, expand: false, fill: false, padding: 10)
+    end
+
+    $preview.set_pixbuf(@frame_list.pixbuf(@frame_list.cur)) if @frame_list.size > 0
+    @window_base.show_all
+  end
+
+  def file_export(filename)
+    adapter = APNGAsmGUI::Adapter.new
+    adapter.export(@frame_list, filename, @frames_status)
+  end
+end

data/lib/apngasm-gui/frame.rb

@@ -0,0 +1,72 @@
+require 'gtk3'
+require 'tmpdir'
+
+class APNGAsmGUI::Frame < Gtk::Frame
+  THUMBNAIL_SIZE = 100
+  attr_accessor :filename, :pixbuf, :apngframe
+
+  def initialize(filename, parent, apngframe = nil)
+    super()
+    @filename = filename
+    @parent = parent
+    @apngframe = apngframe
+
+    if @apngframe.nil?
+      image = Gtk::Image.new(file: @filename)
+    else
+      Dir::mktmpdir(nil, File.dirname(__FILE__)) do |dir|
+        @apngframe.save("#{dir}/#{@filename}")
+        image = Gtk::Image.new(file: "#{dir}/#{@filename}")
+      end
+    end
+
+    if image.pixbuf != nil
+      if image.pixbuf.width > THUMBNAIL_SIZE || image.pixbuf.height > THUMBNAIL_SIZE
+        image.pixbuf = resize(image.pixbuf, THUMBNAIL_SIZE)
+      end
+    end
+    @pixbuf = image.pixbuf
+
+    image_button = Gtk::Button.new
+    image_button.set_relief(Gtk::ReliefStyle::NONE)
+    image_button.add(image)
+    image_button.signal_connect('clicked') do
+      @parent.focus(self)
+    end
+
+    box = Gtk::Box.new(:vertical)
+    box.pack_start(image_button, expand: true, fill: false, padding: 10)
+
+    adjustment = Gtk::Adjustment.new(100, 1, 999, 1, 1, 0)
+    @delay_spinner = Gtk::SpinButton.new(adjustment, 1, 0)
+    set_delay(@apngframe.nil? ? 100 : @apngframe.delay_numerator)
+    box.pack_start(@delay_spinner, expand: false, fill: false)
+
+    delete_button = Gtk::Button.new(label: 'Delete')
+    delete_button.signal_connect('clicked') do
+      @parent.delete(self)
+    end
+    box.pack_start(delete_button, expand: false, fill: false)
+
+    add(box)
+  end
+
+  def resize(pixbuf, size)
+   if pixbuf.width >= pixbuf.height
+     scale = pixbuf.height.to_f / pixbuf.width.to_f
+     pixbuf = pixbuf.scale(size, size * scale, Gdk::Pixbuf::INTERP_BILINEAR)
+   else
+     scale = pixbuf.width.to_f / pixbuf.height.to_f
+     pixbuf = pixbuf.scale(size * scale, size, Gdk::Pixbuf::INTERP_BILINEAR)
+   end
+   pixbuf
+  end
+
+  def delay
+    @delay_spinner.value
+  end
+
+  def set_delay(value)
+    @delay_spinner.set_value(value)
+  end
+end

data/lib/apngasm-gui/frame_list.rb

@@ -0,0 +1,88 @@
+require 'gtk3'
+
+class APNGAsmGUI::FrameList
+  attr_accessor :frame_hbox, :cur, :list
+
+  def initialize(frame_hbox)
+    @frame_hbox = frame_hbox
+    @list = []
+  end
+
+  def <<(data)
+    @list << data
+    @cur = @list.size - 1
+  end
+
+  def size
+    @list.size
+  end
+
+  def filename(position = nil)
+    return @list[@cur].filename if position.nil?
+    return nil if position > @list.size
+    return @list[position].filename
+  end
+
+  def pixbuf(position = nil)
+    return @list[@cur].pixbuf if position.nil?
+    return nil if position > @list.size
+    return @list[position].pixbuf
+  end
+
+  def delay(position = nil)
+    return @list[@cur].delay if position.nil?
+    return nil if position > @list.size
+    return @list[position].delay
+  end
+
+  def swap(old_position, new_position)
+    case new_position
+    when 0 then
+      @list.insert(0, @list[old_position])
+      @list.delete_at(old_position + 1)
+    when @list.size - 1 then
+      @list << @list[old_position]
+      @list.delete_at(old_position)
+    else
+      @list[old_position], @list[new_position] = @list[new_position], @list[old_position]
+    end
+  end
+
+  def delete(child)
+    @list.delete(child)
+    @frame_hbox.remove(child)
+    @cur -= 1 unless @cur == 0
+    if @list.size == 0
+      $preview.set_stock(Gtk::Stock::MISSING_IMAGE)
+    else
+      $preview.set_pixbuf(@list[@cur].pixbuf)
+    end
+  end
+
+  def delete_at(index)
+    child = @list[index]
+    delete(child)
+  end
+
+  def delete_all
+    for i in 0..@list.size do
+      child = @list[0]
+      @list.delete(child)
+      @frame_hbox.remove(child)
+    end
+    @cur == 0
+    $preview.set_stock(Gtk::Stock::MISSING_IMAGE)
+  end
+
+  def focus(child)
+    @cur = @list.find_index(child)
+    $preview.set_pixbuf(@list[@cur].pixbuf)
+  end
+
+  def view_reload
+    @list.each { |frame| @frame_hbox.remove(frame) }
+    @list.each do |frame|
+      @frame_hbox.pack_start(frame, expand: false, fill: false, padding: 10)
+    end
+  end
+end

data/lib/apngasm-gui/layout.glade

@@ -0,0 +1,557 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.0 -->
+  <object class="GtkImage" id="export_button_image">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-save-as</property>
+  </object>
+  <object class="GtkWindow" id="editor_window">
+    <property name="can_focus">False</property>
+    <child>
+      <object class="GtkVBox" id="vbox_base">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <child>
+          <object class="GtkMenuBar" id="menubar">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <child>
+              <object class="GtkMenuItem" id="menuitem_file">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">_File</property>
+                <property name="use_underline">True</property>
+                <child type="submenu">
+                  <object class="GtkMenu" id="menu_file">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_file_new">
+                        <property name="label">gtk-new</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_file_import">
+                        <property name="label">Import</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_file_export">
+                        <property name="label">Export</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_file_export_frames">
+                        <property name="label">Export with frames</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkSeparatorMenuItem" id="separatormenuitem1">
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_file_quit">
+                        <property name="label">gtk-quit</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkMenuItem" id="menuitem_frame">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">_Frame</property>
+                <property name="use_underline">True</property>
+                <child type="submenu">
+                  <object class="GtkMenu" id="menu_frame">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_add">
+                        <property name="label">Add frame</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_next">
+                        <property name="label">Move to next</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_prev">
+                        <property name="label">Move to prev</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_last">
+                        <property name="label">Move to last</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_first">
+                        <property name="label">Move to first</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_frame_delete">
+                        <property name="label">Delete frame</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkMenuItem" id="menuitem_play">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">_Play</property>
+                <property name="use_underline">True</property>
+                <child type="submenu">
+                  <object class="GtkMenu" id="menu_play">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_play_play">
+                        <property name="label">Play</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_play_stop">
+                        <property name="label">Stop</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkCheckMenuItem" id="menu_play_loop">
+                        <property name="label">Loop</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkMenuItem" id="menuitem_help">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">_Help</property>
+                <property name="use_underline">True</property>
+                <child type="submenu">
+                  <object class="GtkMenu" id="menu_help">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <child>
+                      <object class="GtkImageMenuItem" id="menu_help_about">
+                        <property name="label">gtk-about</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="use_underline">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkHBox" id="hbox_top">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="spacing">10</property>
+            <child>
+              <object class="GtkVBox" id="view_vbox">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="spacing">10</property>
+                <child>
+                  <object class="GtkScrolledWindow" id="viewport_scrolledwindow">
+                  <property name="visible">True</property>
+                  <property name="can_focus">false</property>
+                  <property name="hscrollbar_policy">automatic</property>
+                  <property name="vscrollbar_policy">automatic</property>
+                  <child>
+                    <object class="GtkViewport" id="viewport_preview">
+                      <property name="visible">True</property>
+                      <property name="can_focus">False</property>
+                      <property name="resize_mode">queue</property>
+                      <child>
+                        <object class="GtkImage" id="preview_image">
+                          <property name="visible">True</property>
+                          <property name="can_focus">False</property>
+                          <property name="xpad">10</property>
+                          <property name="ypad">10</property>
+                          <property name="stock">gtk-missing-image</property>
+                        </object>
+                      </child>
+                    </object>
+                  </child>
+                  </object>
+                  <packing>
+                    <property name="expand">True</property>
+                    <property name="fill">True</property>
+                    <property name="position">0</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="GtkHBox" id="play_hbox">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <child>
+                      <object class="GtkButton" id="first_button">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="receives_default">True</property>
+                        <property name="image">first_img</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">0</property>
+                      </packing>
+                    </child>
+                    <child>
+                      <object class="GtkButton" id="back_button">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="receives_default">True</property>
+                        <property name="image">previous_img</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">1</property>
+                      </packing>
+                    </child>
+                    <child>
+                      <object class="GtkButton" id="play_button">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="receives_default">True</property>
+                        <property name="image">play_img</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">2</property>
+                      </packing>
+                    </child>
+                    <child>
+                      <object class="GtkButton" id="forward_button">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="receives_default">True</property>
+                        <property name="image">next_img</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">3</property>
+                      </packing>
+                    </child>
+                    <child>
+                      <object class="GtkButton" id="last_button">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="receives_default">True</property>
+                        <property name="image">last_img</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">4</property>
+                      </packing>
+                    </child>
+                    <child>
+                      <object class="GtkButton" id="add_frame_button">
+                        <property name="label">gtk-add</property>
+                        <property name="visible">True</property>
+                        <property name="can_focus">False</property>
+                        <property name="receives_default">True</property>
+                        <property name="use_stock">True</property>
+                      </object>
+                      <packing>
+                        <property name="expand">True</property>
+                        <property name="fill">True</property>
+                        <property name="position">5</property>
+                      </packing>
+                    </child>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">False</property>
+                    <property name="position">1</property>
+                  </packing>
+                </child>
+              </object>
+              <packing>
+                <property name="expand">True</property>
+                <property name="fill">True</property>
+                <property name="padding">10</property>
+                <property name="position">0</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">True</property>
+            <property name="fill">True</property>
+            <property name="padding">10</property>
+            <property name="position">1</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkScrolledWindow" id="frame_list_scrolled_window">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="min_content_height">200</property>
+            <child>
+              <placeholder/>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">2</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkHBox" id="export_box">
+            <property name="can_focus">False</property>
+            <child>
+              <object class="GtkFileChooserButton" id="file_chooser">
+                <property name="can_focus">False</property>
+              </object>
+              <packing>
+                <property name="expand">True</property>
+                <property name="fill">True</property>
+                <property name="position">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkButton" id="export_button">
+                <property name="can_focus">False</property>
+                <property name="receives_default">True</property>
+                <property name="image">export_button_image</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">3</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="loop_checkbutton">
+                <property name="label" translatable="yes">Loop</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">False</property>
+                <property name="padding">10</property>
+                <property name="position">4</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="frames_checkbutton">
+                <property name="label" translatable="yes">Frames</property>
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">5</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">3</property>
+          </packing>
+        </child>
+      </object>
+    </child>
+  </object>
+  <object class="GtkImage" id="first_img">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-goto-first</property>
+  </object>
+  <object class="GtkWindow" id="frame_window">
+    <property name="can_focus">False</property>
+    <child>
+      <object class="GtkBox" id="box1">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="orientation">vertical</property>
+        <child>
+          <object class="GtkImage" id="frame_image">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="stock">gtk-missing-image</property>
+          </object>
+          <packing>
+            <property name="expand">True</property>
+            <property name="fill">True</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkBox" id="box2">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <child>
+              <object class="GtkLabel" id="label1">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">Delay</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">0</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkSpinButton" id="spinbutton1">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="invisible_char">•</property>
+              </object>
+              <packing>
+                <property name="expand">True</property>
+                <property name="fill">True</property>
+                <property name="position">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel" id="label2">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="label" translatable="yes">ms</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">2</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkButton" id="button1">
+                <property name="label">gtk-delete</property>
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="receives_default">True</property>
+                <property name="use_stock">True</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">3</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">1</property>
+          </packing>
+        </child>
+      </object>
+    </child>
+  </object>
+  <object class="GtkImage" id="last_img">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-goto-last</property>
+  </object>
+  <object class="GtkImage" id="next_img">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-go-forward</property>
+  </object>
+  <object class="GtkImage" id="play_img">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-media-play</property>
+  </object>
+  <object class="GtkImage" id="previous_img">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="stock">gtk-go-back</property>
+  </object>
+</interface>

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification
+name: apngasm-gui
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Rika Yoshida
+- Rei Kagetsuki
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-05-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rapngasm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.1.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.1.2
+- !ruby/object:Gem::Dependency
+  name: gtk3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: ''
+email: info@genshin.org
+executables:
+- apngasm-gui
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- apngasm-gui.gemspec
+- bin/apngasm-gui
+- lib/apngasm-gui.rb
+- lib/apngasm-gui/adapter.rb
+- lib/apngasm-gui/editor_window.rb
+- lib/apngasm-gui/frame.rb
+- lib/apngasm-gui/frame_list.rb
+- lib/apngasm-gui/layout.glade
+homepage: https://github.com/apngasm/apngasm-gui
+licenses:
+- GNU GPL v3
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: ''
+test_files: []
+has_rdoc: