mieki256's diary

• offset_sync が true なら、center_x, center_y で指定された位置が Sprite の x, y として扱われる。
• 初期値では、center_x, center_y には画像サイズの1/2が入ってるので、offset_sync = true をしただけなら、画像の中心が x,y になったかのような表示になる。
• ちなみに、offset_sync の値に関係なく、center_x, center_y は、画像の回転・拡大縮小時の、中心位置として参照される。

◎ サンプルの中にアタリ範囲を表示するモジュールがあった。 :

◎ どうすればよかったんだろう。 :

◎ DXRubyでSpriterファイルを表示してみる。 :

というわけで、スライドの最後のあたりで書いてましたが、 _スプライトエディタ Spriter のプロジェクトファイルをDXRubyで表示できましたので、スクリプト一式を置いておきます。下のような表示ができます。

_spritersconparser.rb.txt

_spritersconparser_20141203.zip

• Windows7 x64 + Ruby 1.9.3 p545 mingw32 + DXRuby 1.4.1 の環境で動作確認しました。
• スクリプトソースや、サンプル画像、サンプル.scon は、Public Domain ということで。

◎ 使い方。 :

ruby main.rb

ruby spritersconparser.rb Spriterファイル.scon

ruby spritersconparser.rb girl_spriter.scon
ruby spritersconparser.rb sample01.scon
ruby spritersconparser.rb sample02.scon
ruby spritersconparser.rb sample03.scon
ruby spritersconparser.rb sample04.scon
ruby spritersconparser.rb sample05.scon

require 'dxruby'
require_relative 'spritersconparser'

ani = SpriterSconParser.new("img00/girl_spriter.scon")
ani.set_anime("default", "run")

Window.loop do
  ani.draw(320, 240 + 120)
  ani.update
end

◎ 現在分かってる不具合。 :

• classic_sample
• new_sample
• new_sample2
• scroll_sample
• shader_sample

> echo %ChocolateyInstall%
C:\ProgramData\chocolatey

> choco version
found         : 0.9.8.27
name          : chocolatey
latestCompare : 000000000000.000000000009.000000000008.000000000028
verMessage    : A more recent version is available
latest        : 0.9.8.28
foundCompare  : 000000000000.000000000009.000000000008.000000000027

choco install nodejs.install
choco install npm
choco install nodejs

nodejs.install v0.10.33
npm v1.4.9
nodejs.commandline v0.10.33

> node -v
v0.10.33

C:\Users\ユーザー名\AppData\Roaming\npm\node_modules

> npm install marked -g
C:\Users\ユーザ名\AppData\Roaming\npm\marked -> C:\Users\ユーザ名\AppData\Roaming\npm\node_modules\marked\bin\marked
marked@0.3.2 C:\Users\ユーザ名\AppData\Roaming\npm\node_modules\marked

> which marked

"C:\Users\ユーザ名\AppData\Roaming\npm\marked"
"C:\Users\ユーザ名\AppData\Roaming\npm\marked.cmd"

◎ Atomエディタを使えばそもそもMarkdownのHTMLプレビューができた。 :

◎ Inbox toolbar の削除。 :

PCPowerSpeed
PCFixSpeed
24×7 Help
Rebateinformer
AppGraffiti
Inboxとつくものすべて
Crawler Toolbar
Online Vault
SiteRanker

PCPowerSpeed
PCFixSpeed
24×7 Help
Rebateinformer
AppGraffiti
Inboxとつくものすべて
Crawler Toolbar
Online Vault
SiteRanker

◎ ロゴ画像修正。 :

◎ 必ずこうなるわけでもないらしい。 :

◎ 愚痴。 :

◎ サイドメニューを無くしてしまおう。 :

◎ ショートカットキーの無効化。 :

'atom-text-editor':
  'alt-f': 'native!'

◎ コメントが斜体になるのを無効化。 :

◎ Package を色々インストール。 :

◎ その他のメモ。 :

◎ DXRubyと絵文字 :

DXRubyを使ってサンプルスクリプトを書く時、こんな感じで書くわけですけど。

_sample1.rb

require 'dxruby'

img0 = Image.new(96,96, C_RED)
img1 = Image.new(96,96, C_CYAN)

Window.loop do
  break if Input.keyPush?(K_ESCAPE)
  Window.draw(160, 120, img0)
  Window.draw(320, 160, img1)
end

「なんだかちょっと寂しいなあ…」と思うわけですよ。それに、画像の向きも分からないから、回転させてもどっち向いてるかよく分からなくて、動作確認用としても少し困るし。

そこで、最初のあたりをちょっと書き換えてみたりして。

_sample2.rb.txt

img0 = Image.new(96,96, C_RED)
img1 = Image.new(96,96, C_CYAN)

# ↓

img0 = Image.new(96, 96).drawFontEx(0, 0, "\u017d", Font.new(96, "Webdings"), :color => C_RED)
img1 = Image.new(96, 96).drawFontEx(0, 0, "\u004d", Font.new(96, "Wingdings"), :color => C_CYAN)

ちょっとは楽しそうな見た目になったかな？ え？ 相変わらず寂しい？ いやいや、四角だけよりはマシでしょう…と思うんだけど。

てなわけで、この記事は終わりです。以上！

◎ 補足情報。 :

img0 = Image.new(96, 96).drawFontEx(0, 0, "\u017d", Font.new(96, "Webdings"), :color => C_RED)

◎ 補足情報その2。 :

「〜なときには使えるかもしれません」と書いてみたものの。「ホントに使えるのかよ？」と不安になってきたのでした。

そこで試しに、絵文字だけでミニゲームっぽいものも書いてみました。

• プレイヤーキャラをカーソルキーの左右で動かして、ドクロマーク以外を取るミニゲームです。
• ドクロに当たると点数が0点になってしまいます。
• クソゲーです。クソゲーです。大事なことなので2回言いました。

_sample3_game.rb.txt

うむ。見た目は悪くないんじゃないかな。

ちなみに、これが四角になると…。

…アレ？ これはこれでアリなんじゃ…。アレレ？ まあ、判断は読者に委ねます。と、お茶を濁したりして。

◎ DXRubyとLigature Symbols :

絵文字を出す時、指定が分かりづらいですね。「"\u017d" とか書かれても、何が出てくるのかわかんねえよ！」と言われそうです。

もしかすると、Ligature Symbols フォントを使えば、そのあたり少しは解決するかもしれません。

_Ligature Symbols
_【レビュー】キーワードをタイプすることで印字可能な絵文字フォント「Ligature Symbols」 - 窓の杜

どういうフォントかというと、「mail」と書けばメールの絵文字が出てくる不思議な(?)フォントです。

DXRubyでも使えるか実験してみました。

_sample4_ligaturesymbols.rb.txt

# LigatureSymbolsフォントをDXRubyで表示できるかテスト

require 'dxruby'

# カレントフォルダに置いたttfを一時的にインストール
Font.install("./LigatureSymbols-2.11.ttf")

fnt = Font.new(72, "LigatureSymbols")
sz = 72 + 4

Window.loop do
  break if Input.keyPush?(K_ESCAPE)

  chrlist = [
    "mail", "delete", "clear", "camera", "image", "playmedia", "bell",
    "color", "light", "dark", "keyboard", "time", "car", "bus",
    "grab", "setting", "wink", "smile", "trouble", "surprise",
    "man", "woman", "game", "home", "heart", "heartempty",
    "gift", "umbrella", "android", "apple", "github",
    "aim", "chrome"
  ]

  x, y = 4, 4
  chrlist.each do |s|
    Window.drawFont(x, y, s, fnt)
    x += sz
    if x > Window.width - sz
      x = 4
      y += sz
    end
  end
end

単語をずらずらと drawFont() に渡してますが、表示されているのは絵文字ですね。うむ。表示できるようですよ。

ただ、Ligature Symbols フォントの ttf ファイルを、スクリプトに同梱しないといけないのがアレですね。「画像を同梱したほうが確実だし早いだろ…」と言われそうですなあ…。

でもまあ、ファイルサイズについてはメリットがありそうです。Ligature Symbols フォントの ttfファイルは、たったの 81.4KByte。これっぽっちのファイルサイズで、色んな画像が出せるわけで。

あくまで夢想レベルですが…DXRubyに標準で画像を内包させる、なんて話になった時は、こういう方法でデータを持っておくのも手かもしれないよなあ、てなことをチラリと思ったりもします。元がベクターデータだから、得られる画像サイズは自由自在だし。データファイルサイズも少なくて済むし。利用時は、意味が分かる単語を指定できるので、ソースも分かりやすくなるし。

多色化できないのが難点ですけど（木亥火暴）

◎ 今回使ったスクリプト・フォントファイル :

◎ 2014/12/06追記。 :

require 'dxruby'

fntwebdings = Font.new(96, "Webdings")

Window.loop do
  Window.drawFont(10, 10, "\u017d", fntwebdings)
end

> ruby sample2_b.rb
sample2_b.rb:8:in `encode': U+017D from UTF-8 to Windows-31J (Encoding::UndefinedConversionError)
        from sample2_b.rb:8:in `drawFont'
        from sample2_b.rb:8:in `block in <main>'
        from sample2_b.rb:7:in `loop'
        from sample2_b.rb:7:in `<main>'

◎ Googleサイトの気に入らないところ。 :

◎ @wikiの気に入らないところ。 :

◎ Googleサイト上でソースコードの色分け表示。 :

◎ Googleサイトの更新履歴を非表示に。 :

◎ CloneLayer Tool :

_CloneLayer Tool - GIMP 2.7.x - Updated! | GIMP Plugin Registry

GIMPのレイヤーを、拡大縮小、回転、移動、等々をしながらコピーしてくれるプラグイン。

.exe のタイムスタンプを確認したら 2011/07/28 だった。なんてこった。 _GIMPの全レイヤーを円状に配置するスクリプト なんて書く必要なかった。コレを使えば良かった…。

導入は、gimp-clt-v0.2b-exe.zip をDLしてきて解凍。clone-layer-tool.exe を、ユーザフォルダ\〜\.gimp-2.8\plugins\ 以下にコピー。

GIMPを起動。レイヤーのある状態で、レイヤー → Clone-Layer Tool で呼び出せる。

例えば、回転コピーだけならこんな感じのダイアログ指定に。回転角度を20度、コピー回数を18にすれば、ぐるりと回ったようなコピーになるはず。

こんな画像も…。

こうなる。

ただ、ちと問題が。このプラグイン、Undo (Ctrl+Z)が効かないようで。まあ、別レイヤー・別レイヤーグループとしてコピー結果を残してくれるから、ソレを削除すれば済むのだけど。

もう一つ、「MOVE(移動)」の設定値が分かりにくくて。縦方向の移動は、Step Y に10を指定すれば10ドット移動してくれたのだけど。横方向の移動は、現在のレイヤーの描画領域の幅＋ Step X の値で移動するようで。(どこを基準にして移動するかのチェック状態で変わるみたい。centerにチェック入れとけば簡単？)

例えば、レイヤー上に128x128の大きさで何かが描かれていたとして。デフォルト設定なら、Step X に 1 を指定すると、横方向に1ドットの隙間を入れつつコピーする結果になるようで。

横方向に32ドット動かしつつコピーしたいなら、Step X は、-128 + 32 = -96 を指定する、みたいな感じで。なんだか分かりづらい。

↓

でもまあ、様々なコピーができるようなので、アイデア次第で色んな画像が作れそうです。こんなのとか。

ちなみに、ダイアログのタイトルバーのところに、レイヤーの描画領域のサイズが表示されてるので、それを頼りにしながら値を設定すれば少しは楽かもしれず。

◎ Follow Path :

_Gimp plugin Follow path: Map values on the Y coordinate - Arakne

パスに沿ってレイヤーをコピーしてくれる Python-fu (GIMP-Python?)スクリプト。回転、拡大縮小、色調補正その他をしながらコピーしてくれる。

導入は、follow-path5.zip をDLして解凍。follow-path5.py、gimpfu3.py を、ユーザフォルダ\〜\.gimp-2.8\plugins\ 以下にコピー。

使い方は、パスを作って、パスダイアログ上のパスを右クリック → Tools → Follow path。

もしかして、コレを使えばOutRunっぽい画像が作れるかなと試してみたけど。

予想はしてたけど、やはりz値を持って透視変換しながら拡大縮小率を求めないとそれっぽくはなりませんな。ていうかそういう画像を作りたいなら3DCGソフト使えよと言われそう。でもまあ、このスクリプトもアイデア次第で使い道がありそうな。

◎ Cartoonizer & Color Reducer :

_cartoonerIntroduction - cartooner-color-reducer - Introduction and examples - Gimp plugin, reduces number of colors and creates outlines - Google Project Hosting
_cartoonizer (cartooner-color-reducer) - GIMP Chat

写真を漫画絵っぽくしてくれるプラグイン。フィルター → 芸術的効果 → Cartoonizer で呼び出せる。

ポスタリゼーションとさほど変わらん気もするけど…。プラグイン一発でやってくれるあたりはありがたいのかしらん。

ちなみに Photoshop Elements のカットアウトその他で処理すると…。

Photoshop のカットアウトフィルタは、やはりイイ感じの処理をしてくれる気がする。ポリゴンっぽく塗ってくれるけど、どういう処理をしてるんだろう。

GIMP + _G'MIC にも「cutout」という名前のフィルタがあるし、 _scripts that work in gimp 2.8 内に、FU_artist_cutout.scm という Script-fu も存在するけれど。どちらも出力結果が全然違うんだよな…。

レイヤーの最外縁から同色部分をできるだけ大きく切り捨てます。 この処理は自動的にまず上下の辺から水平線状に、 左右の辺から垂直線状にそれぞれ内側に向けて色を探り、 透明度の変化は無視して、 別の色が見付かった位置で止めます。

7.53. レイヤーの自動切り抜き より

if ( $uri =~ /^http:\/\// ) {
↓
if ( $uri =~ /^https?:\/\// ) {

◎ マイナスからゼロにする仕事。 :

◎ 使われてる場面に遭遇。 :

python make_sfont.py フォント元画像.png SFont画像.png

(script-fu-register "script-fu-render-sfont"
                    _"Create SFont"
                    "Creates font for use with the SFont library"
                    "Mike Oliphant"
                    "Mike Oliphant"
                    "2004"
                    ""
                    SF-ADJUSTMENT _"Font Size (pixels)" '(28 2 1000 1 10 0 1)
                    SF-FONT       _"Font" "Sans"
                    SF-COLOR      _"Top Color" '(16 23 229)
                    SF-COLOR      _"Bottom Color" '(156 241 244)
                    SF-TOGGLE     _"Apply 3D effect" TRUE)

(script-fu-menu-register
 "script-fu-render-sfont"
 _"<Image>/File/New/Xtns/SFont"
 )

 ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e  f  g  h  i  j  k l m n o p q r s t u v w x y z { | } ~ 

◎ DXRubyでSFontを使う。 :

;; ----------------------------------------
;; バッファ全体のタブをスペースに変換

(defun untabify-whole-buffer ()
  (interactive)
  (when
      (save-excursion
        (goto-char (point-min))
        (untabify (point-min) (point-max)))))

(set-function-bar-label #\C-F9 "タブ→空白")
(global-set-key #\C-F9 'untabify-whole-buffer)

from PIL import Image
import sys
import os

SEPARATOR_COLOR = (255,0,255, 255)
NO_COL = (0, 0, 0, 0)

def chk_vline_empty(img, x):
    for y in range(img.size[1]):
        _, _, _, a = img.getpixel((x, y))
        if a != 0:
            return False
    else:
        return True

def make_sfont(img_filename, output_name = None):
    img = Image.open(img_filename)
    ow, oh = img.size
    xlist = []
    cx = -1
    for x in range(ow):
        if chk_vline_empty(img, x):
            if cx >= 0:
                xlist.append([cx, x - cx])
                cx = -1
        else:
            if cx < 0:
                cx = x
    if cx >= 0:
        xlist.append([cx, ow - cx])

    if len(xlist) != 94:
        print "Error: character length %d != 94" % len(xlist)
        return

    nw = 1
    for _, w in xlist:
        nw += (w + 1)

    nimg = Image.new("RGBA", (nw, oh), NO_COL)
    nimg.putpixel((0, 0), SEPARATOR_COLOR)
    cx = 1
    for x, w in xlist:
        box = (x, 0, x + w, oh)
        nbox = (cx, 0, cx + w, oh)
        nimg.paste(img.crop(box), nbox)
        nimg.putpixel((cx + w, 0), SEPARATOR_COLOR)
        cx += (w + 1)

    if output_name is None:
        base, name = os.path.split(img_filename)
        name, ext = os.path.splitext(name)
        name = name + '_sfont' + ext
        name = os.path.join(base, name)
    else:
        name = output_name

    nimg.save(name)
    print 'SFont written to %s' % name

if __name__ == '__main__':
    args = len(sys.argv)
    if args == 1 or args > 3 :
        print 'Usage: make_sfont_wt.py IN.png OUT.png'
    elif args == 3:
        make_sfont(sys.argv[1], sys.argv[2])
    else:
        make_sfont(sys.argv[1])

python make_sfott_wt.py IN.png OUT.png

python make_sfott_wt.py IN.png

◎ 無線LAN機器関係。 :

◎ CD-Rの焼き方云々。 :

◎ タスクトレイ云々。 :

◎ 初心者向けの本を発掘。 :

◎ 文書には基本形がある :

◎ レイアウト(配置)について :

　現　　　場　　　名
　施　工　業　者　名
　品　　　　　　　名

◎ どうしても好きな場所に配置したいなら :

• 文字をギッシリ詰めたテクスチャ画像。
• どこに何の文字があるかを列挙した .fntファイル。(中身はテキストファイル)

info face="C:\home\Pictures\_work\bitmapfont\mplus1p_heavy_0-export" size=32 bold=0 italic=0 charset="" unicode=0 stretchH=100 smooth=1 aa=1 padding=0,0,0,0 spacing=1,1
common lineHeight=80 base=26 scaleW=256 scaleH=256 pages=1 packed=0 alphaChnl=1 redChnl=0 greenChnl=0 blueChnl=0
page id=0 file="C:\home\Pictures\_work\bitmapfont\mplus1p_heavy_0-export.png"
chars count=96
char id=33 x=175 y=149 width=13 height=24 xoffset=0 yoffset=56 xadvance=14 page=0 chnl=0 letter="!"
char id=34 x=156 y=173 width=18 height=15 xoffset=0 yoffset=55 xadvance=19 page=0 chnl=0 letter="""
char id=35 x=26 y=151 width=23 height=24 xoffset=0 yoffset=56 xadvance=24 page=0 chnl=0 letter="#"
char id=36 x=95 y=125 width=20 height=29 xoffset=0 yoffset=54 xadvance=21 page=0 chnl=0 letter="$"
 ...
 ...
 ...
char id=125 x=156 y=122 width=18 height=30 xoffset=0 yoffset=55 xadvance=19 page=0 chnl=0 letter="}"
char id=126 x=50 y=159 width=22 height=13 xoffset=0 yoffset=63 xadvance=23 page=0 chnl=0 letter="~"
char id=32 x=0 y=0 width=0 height=0 xoffset=0 yoffset=0 xadvance=20 page=0 chnl=0 letter=" "
char id=9 x=0 y=0 width=0 height=0 xoffset=0 yoffset=0 xadvance=160 page=0 chnl=0 letter="	"

kernings count=0

require 'dxruby'

# DXRuby BMFont 描画用クラス
#
# ShoeBox で作成したビットマップフォントを描画する
# @see http://renderhjs.net/shoebox/
#
# @example
#     require 'dxruby'
#     require_relative 'bmfont'
#     bmfont = BMFont.new("bmfont.png", "bmfont.fnt")
#     Window.loop do
#       Window.draw_bmfont(100, 20, "Hello BMFont", bmfont)
#     end
#
# @version 0.0.2
#
class BMFont

  # フォントの各文字を格納する構造体
  BMFontData = Struct.new(:image, :w, :h, :xofs, :yofs, :xadvance)

  # @return [Integer] 文字間スペース(単位はドット)
  attr_accessor :spacing

  # @return [Integer] フォント縦幅(単位はドット)
  attr_reader :height

  # @return [Integer] フォント縦幅調整値(単位はドット)
  attr_reader :line_height

  # @return [Integer] フォントベースライン位置
  attr_reader :baseofs

  # コンストラクタ
  # @param [String] imgfilename 画像ファイル名
  # @param [String] fntfilename 文字配置情報(.fnt)ファイル名
  # @param [Integer] spacing    文字間スペース
  def initialize(imgfilename, fntfilename, spacing = 0)
    img = Image.load(imgfilename)

    @bmfont_array = {}
    @spacing = spacing
    @height = 0
    @line_height = 0
    @baseofs = 0
    @chars_count = 0
    cnt = 0

    # .fntファイルを1行ずつ読み込んで処理
    open(fntfilename) {|file|
      while l = file.gets
        l.chomp!
        if l =~ /^chars count=(\d+)$/
          # 文字数取得
          @chars_count = $1.to_i
        elsif l =~ /^common (.+)$/
          # フォントの縦幅やベースライン位置を取得
          p = $1
          p.split(' ').each do |s|
            if s=~ /^(\S+)=(\d+)$/
              case $1
              when "lineHeight"
                @line_height = $2.to_i
              when "base"
                @baseofs = $2.to_i
              end
            end
          end
        elsif l =~ /^char (.+) letter=\"(.)\"$/
          # 1文字分の情報を取得
          str, c = $1, $2
          p = {}
          str.split(' ').each do |s|
            p[$1] = $2.to_i if s =~ /^(\S+)=(\d+)$/
          end

          id, x, y, w, h = p["id"], p["x"], p["y"], p["width"], p["height"]
          xs, ys, xa = p["xoffset"], p["yoffset"], p["xadvance"]
          cimg = img.slice(x, y, w, h) # 画像切り出し
          @bmfont_array[id] = BMFontData.new(cimg, w, h, xs, ys, xa)
          @height = h if @height < h
          cnt += 1
        end
      end
    }
    img.dispose
  end

  # 配列として指定した際に、BMFont情報の構造体を返す
  # @param [Integer] index 配列添字
  def [](index)
    return @bmfont_array[index]
  end
end

# Windowクラスに追加するBMFont描画用メソッド
module Window

  # BMFontを描画
  # @param [Number] x 描画x座標
  # @param [Number] y 描画y座標
  # @param [String] str 描画文字列
  # @param [Object] bmfont BMFontクラス
  # @param [Number] z 描画優先順位
  def self.draw_bmfont(x, y, str, bmfont, z = 0)
    str.each_byte do |code|
      x1 = x + bmfont[code].xofs
      y1 = y + bmfont[code].yofs - bmfont.line_height + bmfont.baseofs
      Window.draw(x1, y1, bmfont[code].image, z)
      # Window.drawBoxFill(x, y, x+2, y+2, C_RED)
      x += bmfont[code].xadvance + bmfont.spacing
    end
  end
end

# Imageクラスに追加するBMFont描画用メソッド
class Image

  # BMFontを描画
  # @param [Number] x 描画x座標
  # @param [Number] y 描画y座標
  # @param [String] str 描画文字列
  # @param [Object] bmfont BMFontクラス
  def draw_bmfont(x, y, str, bmfont)
    str.each_byte do |code|
      x1 = x + bmfont[code].xofs
      y1 = y + bmfont[code].yofs - bmfont.line_height + bmfont.baseofs
      self.draw(x1, y1, bmfont[code].image)
      x += bmfont[code].xadvance + bmfont.spacing
    end
  end
end


if $0 == __FILE__

  #テストコード

  lst = [
    "!\"\#$%&'()*+,-./0",
    "123456789:;<=>?@",
    "A B C D EFGHIJKLMNOP",
    "QRSTUVWXYZ[\]^_`",
    "abcdefghijklmnop",
    "qrstuvwxyz{|}~"
  ]

  # BMFontクラスを生成
  bmfont = BMFont.new('mplus1p_heavy_0-export.png', 'mplus1p_heavy_0-export.fnt')

  # 画像に描画してみる例
  image = Image.new(640, 240)
  x, y = 0, 0
  lst.each do |s|
    image.draw_bmfont(x, y, s, bmfont)
    y += bmfont.height
  end

  Window.bgcolor = [96, 96, 96]

  Window.loop do
    break if Input.keyPush?(K_ESCAPE)

    # 画面に描画してみる例
    x, y = 0, 0
    lst.each do |s|
      Window.draw_bmfont(x, y, s, bmfont)
      y += bmfont.height
    end

    Window.draw(0, 240, image)
  end
end

require 'dxruby'
require_relative 'bmfont'

bmfont = BMFont.new("mplus1p_heavy_0-export.png", "mplus1p_heavy_0-export.fnt")

Window.loop do
  y = 20
  Window.draw_bmfont(100, y, "Hello DXRuby", bmfont)
  y += bmfont.height
  Window.draw_bmfont(100, y, " & BMFont", bmfont)
end

添付のサンプルスクリプト及びドキュメント内のスクリプトは全てパブリックドメインとします。著作者人格権は行使しません。そのまま使うなり、改造するなり、著作権表示など一切いりませんのでご自由にどうぞ。

• 元画像-export.fnt
• 元画像-export.png

◎ イイ感じの教え方はないものか。 :

◎ GIMPでBDFフォントが使えることに気付いた。 :

◎ fntを編集するツールもあった。 :

require 'dxruby'
require_relative 'bdffont'

bdf = BDFFont.new("mplus_j12r_jisx0208.bdf")
bdf.add("mplus_f12r_iso8859.bdf")

Window.loop do
  x, y = 10, 10
  Window.draw_bdffont(x, y, "This is a BDF font", bdf)
  y += bdf.height
  Window.draw_bdffont(x, y, "The quick brown fox jumps over the lazy dog.", bdf)
  y += bdf.height
  Window.draw_bdffont(x, y, "1234567890 ! = - +", bdf)
  y += bdf.height
  Window.draw_bdffont(x, y, "あたらしい朝が来た希望の朝だ。", bdf)
end

◎ 一応書いてはみたものの。 :

◎ 2014/12/16追記。 :

◎ 2014/12/17追記。 :

cat mplus_j10r.bdf | jis2unicode.pl -b > umplus_j10r.bdf

cat mplus_f10r.bdf >> umplus_j10r.bdf

• jisx0208.1990-0 と書かれてる部分を、iso10646-1 に。
• CHARSET_REGISTRY "jisx0208.1990" を、CHARSET_REGISTRY "iso10646" に。
• CHARS 6963 を CHARS 7187 に。(日本語文字数＋英数字文字数の値に書き換える。)
• ENDFONT で検索して、真ん中あたりにある余分なヘッダを削除。
• FONT、FOUNDRY、FAMILY_NAME のあたりがフォント名として使われるらしいので、他のフォントとダブらないように修正。

 FONT -mplus-mplusBDFj10r-medium-R-normal--10-100-75-75-C-100-iso10646-1
  ... 
 FOUNDRY "mplusBDFj10r"
 FAMILY_NAME "mplusBDFj10r"

◎ STARTCHARの謎。 :

 STARTCHAR 0x0025
 ...
 ENDCHAR
 STARTCHAR 0x0026
 ...

 ...
 ENDCHAR
 STARTCHAR space
 ...
 ENDCHAR
 STARTCHAR exclam
 ...

 ...
 ENDCHAR
 STARTCHAR space
 ENCODING 32
 ...

◎ CHARSETの謎。 :

◎ バウンディングボックスの謎。 :

◎ 2014/12/17追記。 :

1. Google SketchUp で立体物を作って
2. Unfold Tool で展開して
3. skp_to_dxf.rb で DXF をエクスポートして(ツール → Export to DXF ot STL)
4. AR-CADでDXFを開いて寸法を取って
5. 紙工作

Ayameさんはソースを見る限りループ機能が実装されておらず(インターフェイスだけはある)、

掲示板 - Project DXRuby より

◎ CHDKを使ってみた。 :

require 'dxruby'
require_relative 'ayame'

bgm_intro = Ayame.new('test58intro.ogg')
bgm_loop = Ayame.new('test58loop.ogg')

# bgm_intro = Ayame.new('test58intro.wav')
# bgm_loop = Ayame.new('test58loop.wav')

bgm_intro_time = 6.888

bgm_intro.predecode
bgm_loop.predecode

fnt = Font.new(14)
bgm_step = 0
intro_time = 0
Window.loop do
  break if Input.keyPush?(K_ESCAPE)

  if bgm_step == 1
    # イントロ再生中
    ntm = Time.now.to_i + (Time.now.usec / 1000000.0)
    if ntm - intro_time > bgm_intro_time
      # イントロの曲の長さを超えた
      puts "loop  start : #{ntm}"

      # loop BGM 再生開始
      bgm_step = 2
      bgm_loop.play(0, 0)
    end
  end

  if Input.keyPush?(K_Z)
    if bgm_step == 0
      # BGMを再生していないので、イントロ再生開始
      bgm_step = 1
      bgm_intro.play(1, 0)

      # 再生時の時間を記録
      ntm = Time.now.to_i + (Time.now.usec / 1000000.0)
      intro_time = ntm
      puts "intro start : #{intro_time}"
    elsif bgm_step == 2
      # loop BGM 再生中なので停止する
      bgm_step = 0
      bgm_loop.stop
    end
  end

  msg = [
    "z : start intro",
    "    intro playing",
    "z : stop loop bgm"
  ]
  Window.drawFont(8, 8, msg[bgm_step], fnt)

  Ayame.update
end

bgm_intro.dispose
bgm_loop.dispose

require 'dxruby'
require_relative 'ayame'

if true
  bgm_intro = Ayame.new('test58intro.ogg')
  bgm_loop = Ayame.new('test58loop.ogg')
  bgm_intro_time = 6.888
else
  bgm_intro = Ayame.new('test59intro.ogg')
  bgm_loop = Ayame.new('test59loop.ogg')
  bgm_intro_time = 13.714
end


bgm_intro.predecode
bgm_loop.predecode

intro_time = 0
bgm_step = 0

# BGM処理用スレッド
t = Thread.new do
  loop do
    case bgm_step
    when 0
      # イントロ再生開始の指示待ち
      nil

    when 1
      # イントロ再生開始
      bgm_intro.play(1, 0)
      intro_time = Time.now.to_f
      bgm_step = 2

    when 2
      # イントロ再生終了待ち
      if intro_time + bgm_intro_time < Time.now.to_f
        # loop BGM 再生開始
        bgm_loop.play(0, 0)
        bgm_step = 3
      end

    when 3
      # loop BGM再生中
      nil

    when 4
      # loop BGM停止
      bgm_loop.stop(1)
      bgm_step = 0

    when 5
      break
    end

    Ayame.update
    sleep(0.001)
  end

  bgm_intro.stop
  bgm_intro.dispose

  bgm_loop.stop
  bgm_loop.dispose
end

fnt = Font.new(24)
Window.loop do
  break if Input.keyPush?(K_ESCAPE)

  if Input.keyPush?(K_Z)
    if bgm_step <= 0
      # BGMを再生していないので、イントロ再生開始
      bgm_step = 1
    elsif bgm_step == 3
      # loop BGM 再生中なので停止する
      bgm_step = 4
    end
  end

  if bgm_step >= 0
    msg = [
      "z : start intro",
      "    intro play start",
      "    intro playing",
      "z : stop loop bgm",
      "    loop BGM stop"
    ]
    Window.drawFont(8, 8, msg[bgm_step], fnt)
  end

end

bgm_step = 5
t.join

◎ sleepの精度が分からない。 :

◎ 曲データの作り方でも誤魔化せそう。 :

• 電気ポットのお湯が沸いた時の「ピーピー音」も。
• 電気炊飯器で御飯が炊けた時の「ピーピー音」も。
• 風呂が沸いた時の「ピーピー音」も。
• ファンヒーターの灯油が切れた時の「ピーピー音」も。
• 冷蔵庫の扉が開けっ放しの時の「ピーピー音」も。
• ガスコンロの火がいつのまにか消えてた時の「ピーピー音」も。

◎ 喋らせるのはどうか。 :

「自分が子供だったとしてもローニャは見ない」
「子供ってのは、もっと俗っぽいものが好きなのだ」

• 低年齢で、わけもわからず、そのアニメを見てる「良い子時代」
• 「こんなのはガキが見るもんだ」と、急に大人ぶって馬鹿にして見なくなっちゃう「悪ガキ時代」
• 「これは一見子供向けのアニメだが実は作りとして深いのだ」「この面白さが分かるのはきっと俺だけだ。フフン」とか言いながら見てる「通気取り時代」

• 幼稚園ぐらいまでは、どの子供も楽しく見てるし、玩具を欲しがったりもする。
• そのうち、「こんなの子供が見る番組だよ」と言い出して見なくなる。
• 中学生ぐらいになって、「これは結構深い脚本だぞ…」とか言いながら、一部の子供達がまた見るようになって。その人達は特撮マニアへと育っていくわけですけど。

 // データの終端
 if ( m_FileReader->DecLoopCount() == true )
 {
 	// ループ
 	m_FileReader->Seek(m_FileReader->GetLoopIn());
 }

◎ 再生できるライブラリは無いのかな。 :

> ruby -ropenssl -e 'p OpenSSL::X509::DEFAULT_CERT_FILE'
"C:/Users/Luis/Code/luislavena/knap-build/var/knapsack/software/x86-windows/openssl/1.0.0l/ssl/cert.pem"

◎ 環境変数を指定する解決方法もあるらしい。 :

◎ インベーダーゲーム。 :

◎ ギャラクシアン。 :

◎ ゼビウス。 :

◎ グラディウス。 :

◎ PCE版イース、PCE版ドラキュラX。 :

◎ PS1版ドラキュラX。 :

◎ てなわけで。 :

◎ Windows版Rubyの拡張ライブラリをビルドする方法が少し分かった気がする。 :

1. コントロールパネルから、Visual C++ 2010 x?? Redistributable Package の2つ(x86 と x64)をアンインストール。
2. DirectX SDK をインストールする。
3. コントロールパネルから、Visual C++ 2010 x?? Redistributable Package の2つを、またアンインストール。
4. 最新の Visual C++ 2010 x?? Redistributable Package をDLしてインストール。

mingw-get update
mingw-get upgrade
mingw-get install mintty

mingw-get install msys-mintty

◎ ついでに msys-vim もインストール。 :

mingw-get install msys-vim

set nocompatible
set encoding=shift_jis
set incsearch
set ignorecase
set nohlsearch
set showmatch
set showmode
set title
set ruler
set autoindent
set smartindent
set tabstop=4
set shiftwidth=4
set noexpandtab
set backspace=indent,eol,start
set mouse=a

> c:\DevKitインストール場所\devkitvars.bat
> ruby extconf.rb

checking for main() in -ldsound... yes
checking for main() in -lole32... yes
creating Makefile

> make

generating ayame-i386-mingw32.def
compiling ayame_ruby.cpp
cc1plus.exe: warning: command line option "-Wdeclaration-after-statement" is valid for C/ObjC but not for C++
cc1plus.exe: warning: command line option "-Wimplicit-function-declaration" is valid for C/ObjC but not for C++
In file included from AyameManager.h:13:0,
                 from VoiceElementAyame.h:10,
                 from ayame_ruby.cpp:11:
Ayame.h:12:20: fatal error: dsound.h: No such file or directory
compilation terminated.
make: *** [ayame_ruby.o] Error 1

C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/Include
C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/Lib

> ruby extconf.rb --with-opt-include="C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/Include" --with-opt-lib="C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/Lib"

checking for main() in -ldsound... yes
checking for main() in -lole32... yes
creating Makefile

> make

compiling ayame_ruby.cpp
cc1plus.exe: warning: command line option "-Wdeclaration-after-statement" is valid for C/ObjC but not for C++
cc1plus.exe: warning: command line option "-Wimplicit-function-declaration" is valid for C/ObjC but not for C++
In file included from Ayame.h:12:0,
                 from AyameManager.h:13,
                 from VoiceElementAyame.h:10,
                 from ayame_ruby.cpp:11:
C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/Include/dsound.h:13:17: fatal error: sal.h: No such file or directory
compilation terminated.
make: *** [ayame_ruby.o] Error 1

C:/Program Files (x86)/Microsoft Visual Studio 9.0/VC/include
C:/Program Files (x86)/Microsoft Visual Studio 9.0/VC/lib

 CPPFLAGS =  "-IC:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/include" "-IC:/Program Files (x86)/Microsoft Visual Studio 9.0/VC/include" -DFD_SETSIZE=2048 $(DEFS) $(cppflags)

 LIBPATH =  -L. -L$(libdir) -L"C:/Program Files (x86)/Microsoft DirectX SDK (June 2010)/lib" -L"C:/Program Files (x86)/Microsoft Visual Studio 9.0/VC/lib"

◎ もう少し分かってきた。 :

◎ dsound.hの使い方が解説されてた。 :

> ruby extconf.rb
checking for main() in -ldsound... yes
checking for main() in -lole32... yes
creating Makefile

> make
generating ayame-i386-mingw32.def
compiling ayame_ruby.cpp
In file included from VoiceElementMidi.h:10:0,
                 from ayame_ruby.cpp:12:
midi.h: In member function 'long unsigned int CMidi::GetRealTempo() const':
midi.h:173:17: error: 'm_nTempo' was not declared in this scope
midi.h: In member function 'long unsigned int CMidi::GetTempo() const':
midi.h:177:34: error: 'm_nTempo' was not declared in this scope
ayame_ruby.cpp: In function 'void Init_ayame()':
ayame_ruby.cpp:422:73: warning: deprecated conversion from string constant to 'TCHAR* {aka char*}' [-Wwrite-strings]
make: *** [ayame_ruby.o] Error 1

◎ midi.hのエラーの件。 :

-finput-charset=CP932 -fexec-charset=CP932

$CFLAGS: コンパイル時に追加的に指定するフラグ(-Oなど)
$CPPFLAGS: プリプロセッサに追加的に指定するフラグ(-Iや-Dなど)
$LDFLAGS: リンク時に追加的に指定するフラグ(-Lなど)
$objs: リンクされるオブジェクトファイル名のリスト

$CPPFLAGS << ' -finput-charset=CP932 -fexec-charset=CP932 '

◎ リンカがエラーを出す件。 :

> ruby extconf.rb

checking for main() in -ldsound... yes
checking for main() in -lole32... yes
creating Makefile

> make

generating ayame-i386-mingw32.def
compiling ayame_ruby.cpp
ayame_ruby.cpp: In function 'void Init_ayame()':
ayame_ruby.cpp:422:73: warning: deprecated conversion from string constant to 'TCHAR* {aka char*}' [-Wwrite-strings]
compiling midi.cpp
compiling VoiceElement.cpp
compiling VoiceElementAyame.cpp
linking shared-object ayame.so
ayame_ruby.o:ayame_ruby.cpp:(.text+0xe75): undefined reference to `_imp__timeGetTime@0'
ayame_ruby.o:ayame_ruby.cpp:(.text+0xecb): undefined reference to `_imp__timeBeginPeriod@4'
c:/ruby/ruby_devkit/devkit200/mingw/bin/../lib/gcc/i686-w64-mingw32/4.7.2/../../../../i686-w64-mingw32/bin/ld.exe: ayame_ruby.o: bad reloc address 0xe in section `.text$_ZN13CVoiceElementD2Ev[__ZN13CVoiceElementD2Ev]'
collect2.exe: error: ld returned 1 exit status
make: *** [ayame.so] Error 1

$LDFLAGS << ' -lwinmm '

> ruby extconf.rb
checking for main() in -ldsound... yes
checking for main() in -lole32... yes
creating Makefile

> make
generating ayame-i386-mingw32.def
compiling ayame_ruby.cpp
ayame_ruby.cpp: In function 'void Init_ayame()':
ayame_ruby.cpp:422:73: warning: deprecated conversion from string constant to 'TCHAR* {aka char*}' [-Wwrite-strings]
compiling midi.cpp
compiling VoiceElement.cpp
compiling VoiceElementAyame.cpp
linking shared-object ayame.so

◎ そして、動かない。 :

> pik 200
Select which Ruby you want:
1. 200: ruby 2.0.0p451 (2014-02-24) [i386-mingw32]
2. 200: ruby 2.0.0p353 (2013-11-22) [i386-mswin32_100]
?  1

> ruby sample1.rb
sample1.rb:3:in `require_relative': 126: 指定されたモジュールが見つかりません。   - C:/home/pr
g/ruby/test_make_so/ayame/ayame.so (LoadError)
        from sample1.rb:3:in `<main>'

$LDFLAGS << ' -static-libgcc -static-libstdc++ -lwinmm '

◎ Visual C++じゃないと無理なのかな。 :

◎ 2014/12/29追記。 :

◎ pexportsのインストール。 :

mingw-get install mingw-utils
mingw-get install pexports

◎ libxxxx.a を作成。 :

$ pexports.exe Ayame.dll > ayame.dll.def

$ dlltool --dllname Ayame.dll --input-def ayame.dll.def --output-lib libayame.dll.a
または
$ dlltool -D Ayame.dll -d ayame.dll.def -l libayame.dll.a

$LDFLAGS << ' -static-libgcc -static-libstdc++ -layame.dll -lwinmm '

◎ objdumpでdllやsoの情報を確認。 :

> objdump -p ayame.so.org | grep dll
        DLL Name: msvcrt-ruby200.dll
        DLL Name: ole32.dll
        DLL Name: USER32.dll
        DLL Name: WINMM.dll
        DLL Name: KERNEL32.dll

> objdump -p ayame.so | grep dll
        DLL Name: msvcrt-ruby200.dll
        DLL Name: KERNEL32.dll
        DLL Name: msvcrt.dll
        DLL Name: msvcrt.dll
        1d7e8      56  __dllonexit
        DLL Name: ole32.dll
        DLL Name: USER32.dll

コンピュータの導入は個人の作業能力を高めてくれるけど同時に責任範囲が広がって作業量が増えるのだ
んで、その結果就労時間が増えたりする
一人で作業する範囲が増えて、その人の裁量に委ねられちゃうケースが多くなって、従来可能だった分業ができなくなる事がある

CACANiお試し (2ページ目) - Togetterまとめ より

◎ 妄想。 :

◎ サンプル値が確認できる波形編集ソフトについてメモ。 :

◎ Windows SDKのインストール。 :

"C:\Program Files (x86)\Microsoft Visual Studio 10.0\VC\vcvarsall.bat" x86

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\SOFTWARE\Microsoft\Microsoft SDKs\Windows\v7.0A]
"InstallationFolder"="C:\\Program Files (x86)\\Microsoft SDKs\\Windows\\v7.0A\\"

◎ RubyのC拡張ライブラリをVisual C++でビルド。 :

◎ Ruby 1.9.2 mswin32版をインストールして同じことを。 :

pik add C:\置いた場所\bin
uru admin add C:\置いた場所\bin

pik list
uru ls

pik 192
uru 192p136

◎ ayame.so のビルドも試してみた。 :

dir_config("DX")

ruby extconf.rb --with-opt-dir=ruby --with-dx-include="C:\Program Files (x86)\Microsoft DirectX SDK (June 2010)\Include" --with-dx-lib="C:\Program Files (x86)\Microsoft DirectX SDK (June 2010)\Lib\x86"

◎ 感想。 :

◎ 展開を余計にやっちゃうことで変な映像にならないかな。 :