mieki256's diary

◎ いろはかるたを作れるWebサービスってどうだろう。 :

◎ 帰りにあちこち回ってきた。 :

◎ 日記にアップロードしたlov2d関係の記事へのリンク :

• ゲームのメインループ
• 画像の表示
• キー入力

function love.load()
  love.graphics.setDefaultFilter("nearest", "nearest")

  -- load image
  img = love.graphics.newImage("obj.png")

  -- set Quad
  anime = {}
  for i = 0, 1 do
    -- set x, y, w, h, sw, sh
    anime[i + 1] = love.graphics.newQuad(i * 16, 0, 16, 16, img:getDimensions())
  end

  img_scale = 8
  x = (love.graphics.getWidth() - 16 * img_scale) / 2 -- centring
  y = love.graphics.getHeight() * 0.25
  t = 0
end

function love.update(dt)
  -- move object by key input
  local spd = 240 * dt
  if love.keyboard.isDown("up") then
    y = y - spd
  end
  if love.keyboard.isDown("down") then
    y = y + spd
  end
  if love.keyboard.isDown("left") then
    x = x - spd
  end
  if love.keyboard.isDown("right") then
    x = x + spd
  end

  t = t + dt
end

function love.draw()
  -- clear screen
  love.graphics.clear(0.4, 0.7, 0.8, 1.0)

  -- draw image
  local n = 1 + math.floor(t / 0.3) % #anime
  local angle = math.rad(0)
  local scale = img_scale
  love.graphics.setColor(1.0, 1.0, 1.0, 1.0)
  love.graphics.draw(img, anime[n], x, y, angle, scale, scale)

  -- draw text
  local tx = (love.graphics.getWidth() - 8 * 12) / 2 -- centering
  local ty = love.graphics.getHeight() * 0.75
  love.graphics.print("HELLO WORLD!", tx, ty)

  love.graphics.print("FPS: " .. tostring(love.timer.getFPS()), 2, 2)
end

function love.keypressed(key, isrepeat)
  if key == "escape" then
    -- ESC key to exit
    love.event.quit()
  end
end

function love.conf(t)
  t.version = "11.3" -- love2d version
  t.window.title = "Helloworld like tic80 - love2d"
  t.window.vsync = 1
  t.window.width = 640
  t.window.height = 480

  -- t.window.fullscreen = true
  -- t.window.fullscreentype = "exclusive"
end

• love2d は、与えられたフォルダ内の main.lua を、メインプログラムのソースとして扱う。
• conf.lua は、ウインドウサイズやウインドウタイトル等を設定するファイル。

• main.lua の中には、love.load()、love.update(dt)、love.draw() の、3つの関数(メソッド？)を記述する。
• love.load() は、初期化処理。
• love.update(dt) は、更新処理。
• love.draw() は、描画処理。

• love.update(dt) の、dt には、前回 love.update(dt) が呼ばれてからの経過時間が秒数で入ってくる。例えば、60FPSで動いてる場合、1/60秒 = 0.0166... 前後の数値が入ってくる。たぶん。
• love.keypressed(key, isrepeat) は、何かのキーが押された際に呼び出される関数。上記のソースでは、ESCキーが押されたか判定して、押されていたらプログラムを終了すべく、love.event.quit() を呼んでいる。

• love.graphics.setDefaultFilter("nearest", "nearest") で、画像描画に使う拡大縮小フィルタ種類を指定。
• nearest は、クッキリだけどジャギジャギ。linear は、ボケボケだけど滑らか。
• デフォルト状態では、linear が指定されてる。

• img = love.graphics.newImage("hoge.png") で、画像を読み込み。
• Quad は、画像の中の一部を取り出して描画する際に使う。love.graphics.newQuad(x, y, w, h, sw, sh) で得られる。
• love.graphics.getWidth() で、ウインドウの横幅を取得。
• love.graphics.getHeight() で、ウインドウの縦幅を取得。

• love.keyboard.isDown("up") で、上キーが押されているか判定できる。
• "up" = 上キー、"down" = 下キー、"left" = 左キー、"right" = 右キーを指定して判定できる。

• love.graphics.clear(R, G, B, A) で、ウインドウの背景を塗り潰す。
• R,G,B,A に指定する値は、0.0 〜 1.0。
• 昔は 0 〜 255 を指定してたけど、love2d 11.0 から、0.0 〜 1.0 を指定するようになった。
• love.graphics.setColor(R, G, B, A) で、これから描画する何かしらの色を指定。画像をそのままの色で描画したいなら、R,G,B,A を全部 1.0 にしておけばいい。

• love.graphics.draw() で、画像を描画できる。与えるパラメータは以下を参考。
• love.graphics.draw(画像, x, y)
• love.graphics.draw(画像, x, y, 角度, x拡大率, y拡大率)
• love.graphics.draw(画像, Quad, x, y, 角度, x拡大率, y拡大率)
• 角度を与えると回転描画もできる。与える角度の単位はラジアン。度ではない。
• math.rad(角度) で、度をラジアンに変換できる。

• love.graphics.print("文字列", x, y) で文字列を描画できる。
• love.timer.getFPS() で、現在のFPSを数値で取得。
• 数値を文字列に変換したいなら、tostring(数値) と書く。
• 文字列の結合は、"文字列A" .. "文字列B" と書く。

• lua言語のコメント文は、頭に「--」を書く。
• 変数は、何も指定しないとグローバル変数になる。
• ローカル変数にしたい場合は、local hoge = 0 といった具合に、local をつける。
• 他の言語で使えたりする、+=、-=、++、-- といった演算子は無い。x = x + 1 とクソ真面目(?)に書く。
• if文は、if 条件式 then 〜 end と書く。
• ループ処理を記述できる for 文は、for i=0,5 do 〜 end と書く。この場合、変数 i に 0 から 5 の数値が入りながらループする。
• lua言語の配列(table)は、添え字が1から始まる。他の言語に慣れていると、時々コレを忘れてビミョーにハマる。
• math.floor(数値) で、数値の小数点以下を切り捨て。

• 赤い文字が、USキーボード時の記号の位置。オレンジの枠のキーが変化する。
• 水色は、USキーボード時には無効になるキー。

◎ キーボードカバーに印刷できないかな。 :

画面上のx座標 sx = 画面までの距離 sz * 点のx座標 px / 点のz座標 pz
画面上のy座標 sy = 画面までの距離 sz * 点のy座標 py / 点のz座標 pz

◎ 実践その1。 :

require "dxruby"

img = Image.load("tmp_dot.png")

# 点の座標群を作成
py = 600.0
scale = 200.0
pos = []
10.times do |z|
  10.times do |x|
    pos.push([x * scale, py, z * scale])
    pos.push([x * -scale, py, z * scale])
  end
end

# 画面までの距離
sz = 75

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

  # ウインドウの中心位置を取得
  cw = Window.width / 2
  ch = Window.height / 2

  # 画像横幅、縦幅を取得
  iw = img.width
  ih = img.height

  # マウス座標を点群の移動量にする
  mx = (Input.mousePosX - cw) * 5
  my = (Input.mousePosY - ch) * 5

  # 点の座標を透視投影で求めて描画
  pos.each do |px, py, pz|
    px += mx
    pz += my
    if pz > 0
      sx = sz * px / pz
      sy = sz * py / pz
      x = sx - iw / 2 + cw
      y = sy - ih / 2 + ch
      Window.draw(x, y, img, -pz.to_i)
    end
  end
end

◎ 実践その2。 :

require "dxruby"

img = Image.load("tmp_dot.png")

# 点の座標群を作成
py = 600.0
scale = 200.0
pos = []
10.times do |z|
  10.times do |x|
    pos.push([x * scale, py, z * scale])
    pos.push([x * -scale, py, z * scale])
  end
end

# 画面までの距離
sz = 75

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

  # ウインドウの中心位置を取得
  cw = Window.width / 2
  ch = Window.height / 2

  # 画像横幅、縦幅を取得
  iw = img.width
  ih = img.height

  # マウス座標を点群の移動量にする
  mx = (Input.mousePosX - cw) * 5
  my = (Input.mousePosY - ch) * 5

  # 点の座標を透視投影で求めて描画
  pos.each do |px, py, pz|
    px += mx
    pz += my
    if pz > 0
      ssz = sz / pz
      sx = px * ssz
      sy = py * ssz
      scale = 5.0 * ssz
      x = sx + cw - iw / 2
      y = sy + ch - ih / 2
      Window.drawEx( x, y, img,
                    :scalex => scale, :scaley => scale,
                    :center_x => iw / 2, :center_y => ih / 2,
                    :z => -pz.to_i)
    end
  end
end

◎ その他色々。 :

たったこれだけのことが分かってるだけでも、色々な見せ方ができます。

_mieki256's diary - DXRubyで通路の奥に進むようなソレ

_mieki256's diary - DXRubyで円柱っぽいBG描画をしてみたり

_mieki256's diary - DXRuby+Shaderで床ラスタースクロールっぽいことができたような気がする

_mieki256's diary - 床ラスター処理をもうちょっと修正

それぞれの処理を書く際に使った知識(?)は、基本的には一番最初に乗せた図のソレだけです。ソレの応用で全部やってます。

ということで、スプライトとBG描画しかできない2Dゲームライブラリでも、基礎というか初歩というかそのへん分かってるだけでも、こういうことができますよ、てな話でした。

◎ OpenGL使ったほうが早いんじゃないかという気もする。 :

• Windows 8.1 Pro機を2台セットアップ。
• Microsoft Office 2013のインストール。
• Windows XP + Outlook Express のメールデータを、Windows 8.1 Pro + Outlook 2013 に移行。
• ネットワークプリンタで印刷可能な状態にする。

◎ Windows 8.1 Pro機のセットアップ。 :

◎ Office 2013のインストール。 :

◎ Windows XP機のアレコレを引っ越し。 :

◎ Outlook Express(OE6)からOutlook 2013に引っ越しするのが大変。 :

◎ ネットワークプリンタのドライバをインストール。 :

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

#= Tiledの .tmx を読んで、表示と地形アタリ判定をするサンプル
#
# * カーソルキーでカーソル移動
# * WASDキーでスクロール
# * Bキーで、BGアタリレイヤーを表示/非表示
# * Hキーで、ぶら下がり棒とアタリをとるか否かを切替
# * ESCキーで終了

require 'dxruby'
require 'tmx'
require_relative 'dxrbtmx'
require_relative 'bgatari'

font = Font.new(14)
Window.frameskip = false

# 画面サイズ(ドット数)を取得
scrw = Window.width
scrh = Window.height

# BG描画に使うタイル画像を読み込む
bgimg = Image.loadTiles("bg_attari.png", 256/16, 256/16)

# BGマップファイル(.tmx)を読み込む
tmx = DxrbTmx.new("./bg_atari_test.tmx", scrw, scrh)

# レイヤー名を指定して、DXRubyの描画用マップデータ(二次元配列)を取得
atari_layer = tmx.get_layer("bg_atari")
bg_layer0 = tmx.get_layer("layer0")
bg_layer1 = tmx.get_layer("layer1")
bg_layer2 = tmx.get_layer("layer2")
bg_layer3 = tmx.get_layer("layer3")

# 画面を占めるタイル個数を取得
bgtw = tmx.screenwidth
bgth = tmx.screenheight

# BGアタリ判定用テーブルを作成
#
# 以下の引数を渡す
#
# 1. アタリ判定用の画像配列(Image.loadTiles() で読み込んだ画像)
# 2. BGアタリマップデータ(二次元配列)
# 3. 画面横幅ドット数
# 4. 画面縦幅ドット数
# 5. 抜けアタリ番号 (省略時は 0番を抜けとして扱う)
# 6. 非床アタリ開始番号 (省略可能)
# 7. 非床アタリ終了番号 (省略可能)
#
bgatari = BgAtari.new(bgimg, atari_layer, scrw, scrh, 0, 22, 30)

bx, by = 0, 0 # スクロール位置初期化
px, py = scrw / 2, scrh / 2 # カーソル位置初期化
atari_disp = true # BGアタリを描画するかどうかのフラグ
floor = true # ぶら下がり棒のアタリは無視するか否かのフラグ

# カーソル描画用メソッド
def draw_cursor(x, y, col)
  w = 2
  Window.drawLine(x - w, y, x + w, y, col)
  Window.drawLine(x, y - w, x, y + (w + 1), col)
end

# メインループ
Window.loop do
  break if Input.keyPush?(K_ESCAPE) # ESCキー押しで終了

  # Bキーで、BGアタリを描画するかしないかを切り替える
  atari_disp = !atari_disp if Input.keyPush?(K_B)

  # Hキーで、ぶら下がり棒アタリを無視するかしないかを切り替える
  floor = !floor if Input.keyPush?(K_H)

  # WASDキーでスクロール
  spd = 4.0
  bx -= spd if Input.keyDown?(K_A)
  bx += spd if Input.keyDown?(K_D)
  by -= spd if Input.keyDown?(K_W)
  by += spd if Input.keyDown?(K_S)
  
  # カーソルキーでカーソル移動
  spd = 1.0
  px += Input.x * spd
  py += Input.y * spd

  # BG描画
  if atari_disp
    # BGアタリのみ描画
    Window.drawTile(0, 0, atari_layer, bgimg, bx, by, bgtw, bgth)
  else
    # 通常BGのみ描画
    Window.drawTile(0, 0, bg_layer3, bgimg, bx / 8, by / 8, bgtw, bgth)
    Window.drawTile(0, 0, bg_layer2, bgimg, bx / 4, by / 4, bgtw, bgth)
    Window.drawTile(0, 0, bg_layer1, bgimg, bx / 2, by / 2, bgtw, bgth)
    Window.drawTile(0, 0, bg_layer0, bgimg, bx, by, bgtw, bgth)
  end

  # カーソル座標のBGアタリ番号を取得
  x = bx + px
  y = by + py
  bg_code = bgatari.get_bg_code(x, y)

  # カーソル座標がBGと当たってるかチェック
  chk_hit = bgatari.check_bg_hit(x, y, BgAtari::ADJUST_NONE, floor)
  col = (chk_hit)? [192, 255, 0, 0] : [192, 0, 128, 255]

  # カーソル座標描画
  draw_cursor(px, py, col)

  # 床補正座標を得る
  nx, ny = bgatari.adjust_bg_hit(x, y, BgAtari::ADJUST_UP, floor)
  hosei_code = bgatari.bg_code
  draw_cursor(nx - bx, ny - by, C_CYAN) if nx

  # 天井補正の座標を得る
  nx, ny = bgatari.adjust_bg_hit(x, y, BgAtari::ADJUST_DOWN, floor)
  draw_cursor(nx - bx, ny - by, C_CYAN) if nx

  # 壁補正の座標を得る
  nx, ny = bgatari.adjust_bg_hit(x, y, BgAtari::ADJUST_LEFT, floor)
  draw_cursor(nx - bx, ny - by, C_YELLOW) if nx
  
  nx, ny = bgatari.adjust_bg_hit(x, y, BgAtari::ADJUST_RIGHT, floor)
  draw_cursor(nx - bx, ny - by, C_YELLOW) if nx

  # BGアタリ番号その他の情報を描画
  yh = 16
  Window.drawFont(16, yh * 0, "FPS: #{Window.real_fps}", font)
  Window.drawFont(16, yh * 1, "input CURSOR、WASD,B,H key", font)
  Window.drawFont(16, yh * 2, "#{bg_code} : BG code", font)
  Window.drawFont(16, yh * 3, "#{hosei_code} : BG code (Floor adjust)", font)

end

.tmx の読み込みと変換

tmx = DxrbTmx.new( tmxファイル名, 画面横幅, 画面縦幅 )

レイヤー名を指定してBGマップデータ(二次元配列)を取得

atari_layer = tmx.get_layer(レイヤー名)

BGアタリ処理用のテーブル作成

bgatari = BgAtari.new(BGアタリ用画像配列, BGアタリに使うマップデータ, 画面横幅, 画面縦幅, 抜けアタリ番号, 床として扱わないアタリ開始番号, 床として扱わないアタリ終了番号)

BGアタリ番号を取得

bg_code = bgatari.get_bg_code(x, y)

BGと当たってるかチェック

chk_hit = bgatari.check_bg_hit(x, y, BgAtari::ADJUST_NONE, 床のみチェックするかをtrue/falseで)

BGアタリを元に座標補正(床補正)

nx, ny = bgatari.adjust_bg_hit(x, y, BgAtari::ADJUST_UP, 床のみチェックするかをtrue/falseで)

• dxrbtmx.rb ... tmxライブラリを使って .tmxファイルを読み込み、DXRuby で使えるマップデータ(二次元配列)に変換するクラス。
• bgatari.rb ... BGアタリ処理(地形アタリ処理)を担当するクラス。

• 解凍した中の、doc/index.html がドキュメントです。右上の Class List をクリックすれば、クラスの説明ページに飛べます。
• おまけで、.exe 化したファイルも入れておきました。mapdisp.exe を実行すれば、Ruby + DXRuby が入ってない Windows環境でも動くはず…。動くといいな…。ちなみに、exe 化には ocra を使いました。

◎ tmxライブラリについて。 :

gem install tmx

◎ アタリ判定用画像について。 :

アタリ判定用画像は、以下の画像(1タイル = 16x16ドット)を使ってます。

一番左上から、右に向かって、

1. 抜けアタリ
2. 進めない床
3. フツーの床
4. 斜め床…

と続いて…。青いところが、ぶら下がり棒用のアタリ。0〜31番までをアタリ判別用として使ってる状態です。

bgatari.rb の中で、この0〜31番を、1個ずつ、16x16ドットを全スキャンして、アルファ値が128以上ならその座標はアタリ有り、として扱ってます。

結局、やってることは、画像を読んで、ドットを見て、

[ [ [y最小値, y最大値] x 横ドット数 ], [ [x最小値, x最大値] x 縦ドット数 ] ]

という配列を作ってるだけなので、事前にそういう配列を用意して渡すように修正すれば、DXRuby 以外のライブラリでも bgatari.rb が使えるようになるのではと。…そういう作りにしといたほうがいいのかな。

先日アップした画像が参考になるかもしれないので再掲。

◎ アタリ判定用データの扱いについて。 :

◎ 2017/03/19追記。 :

◎ ターザンのゲームも思い出した。 :

◎ マリオ3が気になる。 :

◎ SFC版魂斗羅も思い出してきた。 :

◎ 斜め床に対応させるとパターン数がグングン増える。 :

◎ ついでにステレオグラム画像を作成。 :

◎ 発端。 :

◎ 別事例その1。 :

◎ 別事例その2。 :

◎ 件の作品の不思議な点。 :

◎ 脚本家とコンテを描く人云々。 :

◎ 「○○のコンテ」。 :

• openssl-0.9.8q-win32-bin_dynamic.zip
• zlib-1.1.4-1-mswin32.zip

• libeay32.dll
• ssleay32.dll
• zlib.dll

◎ ocra もインストール。 :

◎ Ruby/Tkはダメ。 :

tk.rb:902: no such file to load -- tk/event (LoadError)

=== Loading script to check dependencies
=== WARNING: Object::TkcTagGroup was defined autoloadable, but caused NameError
=== WARNING: Object::TkNotebook was defined autoloadable, but caused NameError
=== WARNING: Object::TkProgressbar was defined autoloadable, but caused NameError
=== WARNING: Object::TkSeparator was defined autoloadable, but caused NameError
=== WARNING: Object::TkSizeGrip was defined autoloadable, but caused NameError
=== WARNING: Object::TkTreeview was defined autoloadable, but caused NameError
C:/usr/local/ruby-1.8.7/lib/ruby/1.8/tk.rb:1807:in `_invoke_without_enc': can't find package resource (RuntimeError)
        from C:/usr/local/ruby-1.8.7/lib/ruby/1.8/tk.rb:1807:in `_ip_invoke_core'
        from C:/usr/local/ruby-1.8.7/lib/ruby/1.8/tk.rb:1843:in `_tk_call_core'
        from C:/usr/local/ruby-1.8.7/lib/ruby/1.8/tk.rb:1871:in `tk_call_without_enc'
        from C:/usr/local/ruby-1.8.7/lib/ruby/1.8/tk/macpkg.rb:39
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:186:in `const_get'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:186:in `attempt_load_autoload'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:183:in `each'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:183:in `attempt_load_autoload'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:181:in `each'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:181:in `attempt_load_autoload'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:175:in `loop'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:175:in `attempt_load_autoload'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:325:in `build_exe'
        from C:/usr/local/ruby-1.8.7/lib/ruby/gems/1.8/gems/ocra-1.2.0/bin/ocra:640

◎ wxRubyも実はダメだった。 :

  msvcp71.dll:
    file: (Rubyインストールフォルダ)/bin/msvcp71.dll
  msvcr71.dll:
    file: (Rubyインストールフォルダ)/bin/msvcr71.dll

ocra --dll msvcp71.dll --dll msvcr71.dll --windows hoge.rb

a bin/rubyw.exe
a bin/msvcrt-ruby18.dll
a bin/MSVCP71.dll
a bin/MSVCR71.dll
a bin/zlib1.dll
a bin/msvcp71.dll
a bin/msvcr71.dll

◎ 勢い余ってShoesもインストールしてみたが。 :

• ユーザが何かを選択したら、「ご主人様が選んだのはコレですね。ボクは分かってますよ」と伝える。
• 処理がかかるようであれば、「ボクは今ちゃんと仕事をしてます。壊れてませんよ。ご主人様の命令を無視なんかしてませんよ」と伝える。

• 「コイツ、わかってんのか？ 俺が何をしたいか伝わってるのか？」
• 「コイツ、俺の命令を無視してるのか？ もしかして壊れたのか？」

• メニューを選択しても、どの項目を選択したのか、積極的に、視覚で伝えてこない。(最近の機種は、SEが鳴るのが、せめてもの救いか…？ でもSEでは、何が選択されたかまでは伝えられない)
• 次のメニューが表示されるまで一瞬間が空くが、その間は無反応になる。(画面に何の変化も現れない状態になる)

• 選択した項目を点滅させたり、色を変えたりする。
• 次のメニューが出てくるまで、前のメニュー項目をフェードアウトさせる。
• 前のメニューが横にスライドして消えていく。

• ファミコンゲームでスタートボタンを押すと、「PUSH START」が点滅するのは何故か？
• コナミのバブルシステムが、電源投入後に磁気メモリからデータをロードする間、音楽を流しながらカウントダウンするのは何故か？
• ナムコのリッジレーサーPS1版が、CDからロードする間、ギャラクシアンを遊べるのは何故か？
• Ajaxを利用したWebサイトが、サーバと通信するたびに、くるくる回るアニメgifを表示するのは何故か？

複雑な形状の当たり判定を行うとき、複数の球を組み合わせて近似的に判定することもできる。ただしこの方法はセガの特許なので注意。

当たり判定 - Wikipedia より

◎ _import this. - Blog Archive - Installing PyLint on Windows :

◎ _PyLint can be used with PyDev! :

◎ PyDevを使ってるとダイアログがちょこちょこ開く。 :

◎ GIFの扱いで悩む。 :

◎ _連載：Windows 2000コマンドライン徹底活用　第７回　forコマンド（その1） -- 1．forコマンドの基本 :

for %%V in (hoge*.gif) do "C:\Program Files\GiFFY\GiFFY.exe" /a %%V new_%%V

◎ jar についてメモ。 :

jar cvf jarファイル 圧縮ファイル
jar cvf img.jar *.gif

jar tf jarファイル
jar tf img.jar

◎ 上下左右反転描画を使ってるのだけど。 :

◎ _DoJa-3.0 各機種オプションAPI・拡張API実装状況 PDF :

◎ _D505i用 3D iアプリ作成関連ツール :

◎ _505iシリーズで動くポリゴンゲームを作る :

◎ _iアプリゲームプログラミング 〜504i・FOMA対応〜 低レベル3Dグラフィックス :

◎ _高レベル3Dグラフィックス マスコットカプセル メモ :

◎ _3D避けゲー アスタースペース :

◎ _iアプリ - ストップウォッチ :

    Graphics lg = cacheImage[cn].getGraphics();

    switch (cn) {
        case 0 :
            // タイルパターン
            for (int y = 0; y < getHeight(); y += img[IMG_OPTIONBG].getHeight()) {
                for (int x = 0; x < getWidth(); x += img[IMG_OPTIONBG].getWidth()) {
                    lg.drawImage(img[IMG_OPTIONBG], x, y);
                }
            }
            break;
        case 1 :
            // 拡大・Nearest Neighbor
        {
            // 元画像
            int ign = IMG_BG_B;
            int w = img[ign].getWidth();
            int h = img[ign].getHeight();

            // 倍率
            int ratio = getWidth() / img[ign].getWidth();

            Image imgSrc = Image.createImage(img[ign].getWidth(), img[ign].getHeight());
            Graphics gSrc = imgSrc.getGraphics();
            gSrc.drawImage(img[ign], 0, 0);

            int dx = 0;
            int dy = 0;
            for (int y = 0; y < h; y++) {
                for (int x = 0; x < w; x++) {
                    int pixel = gSrc.getPixel(x, y);
                    lg.setColor(pixel);
                    lg.fillRect(dx, dy, ratio, ratio);
                    dx += ratio;
                }
                dy += ratio;
                dx = 0;
            }
            gSrc = null;
            imgSrc.dispose();
            imgSrc = null;
        }
            break;
        case 2 :
            // 拡大・Bilinear
        {
            // 元画像
            int ign = IMG_BG_B;

            // src Image 縦横幅取得
            int w = img[ign].getWidth();
            int h = img[ign].getHeight();

            // dst Image 縦横幅取得
            int dstW = cacheImage[cn].getWidth();
            int dstH = cacheImage[cn].getHeight();

            // src Image を、新規作成した Image に描画
            // こうしないと Graphics が取得できない = ピクセル値が読めない。
            // もっと良い手はないだろうか…
            Image imgSrc = Image.createImage(w, h);
            Graphics gSrc = imgSrc.getGraphics();
            gSrc.drawImage(img[ign], 0, 0);

            // 元画像分の r,g,b を入れるためのワークを確保
            int[] rgb = new int[w * h];
            int[] r = new int[w * h];
            int[] g = new int[w * h];
            int[] b = new int[w * h];

            // 元画像の RGB値(0x00RRGGBB) を配列に全取得
            gSrc.getRGBPixels(0, 0, w, h, rgb, 0);

            // r,g,b にばらす
            // int imax = rgb.length;
            for (int i = 0; i < rgb.length; i++) {
                int p = rgb[i];
                r[i] = (p >> 16) & 0x0ff;
                g[i] = (p >> 8) & 0x0ff;
                b[i] = p & 0x0ff;
            }

            // 固定小数点計算用
            final int FLV = 0x0100;

            // 元画像の読み込み座標を初期化
            int xs = 0;
            int ys = 0;

            // 元画像の読み込み座標の増分を設定
            int xs_add = w * FLV / dstW;
            int ys_add = h * FLV / dstH;

            // 書き込み用ワークを確保
            int[] dstrgb = new int[dstW * dstH];
            int dstidx = 0;

            // 書き込み先の、縦・横dot数分のループ

            for (int y = 0; y < dstH; y++) {
                int y0 = ys >> 8;
                int n = ys & 0x0ff;
                int dn = FLV - n;
                
                int ib = w * y0;
                boolean yEndFg = false;
                if ( y0 + 1 - h >= 0) yEndFg = true;

                for (int x = 0; x < dstW; x++) {

                    // 読み込み座標の整数部を取得
                    int x0 = xs >> 8;

                    // 読み込み座標の小数部を取得
                    int m = xs & 0x0ff;
                    int dm = FLV - m;

                    // 配列インデックス値を取得
                    int i0 = ib + x0;
                    int i1 = i0 + 1;
                    int i2 = i0 + w;
                    int i3 = i2 + 1;

                    // 画面端の場合はおかしくなる。インデックス値を微調整
                    if (x0 + 1 - w >= 0) {
                        i1 = i0;
                        i3 = i2;
                    }
                    if (yEndFg) {
                        i2 = i0;
                        i3 = i1;
                    }

                    // 線形補間
                    int rr = (((r[i0] * dm + r[i1] * m) * dn) + ((r[i2] * dm + r[i3] * m) * n)) >> 16;
                    int gg = (((g[i0] * dm + g[i1] * m) * dn) + ((g[i2] * dm + g[i3] * m) * n)) >> 16;
                    int bb = (((b[i0] * dm + b[i1] * m) * dn) + ((b[i2] * dm + b[i3] * m) * n)) >> 16;

                    // 結果を保存
                    dstrgb[dstidx++] = ((rr << 16) | (gg << 8) | bb);

                    xs += xs_add;
                }

                xs = 0;
                ys += ys_add;
            }

            // 描画
            lg.setRGBPixels(0, 0, dstW, dstH, dstrgb, 0);

            dstrgb = null;
            b = null;
            g = null;
            r = null;
            rgb = null;

            gSrc = null;
            imgSrc.dispose();
            imgSrc = null;
        }
            break;
        default :
            break;
    }

• サウンドカード XWAVE5000
• NIC sis900 モノ
• マウス or マウス PS/2 端子
• USB ハブ or USB ポート

◎ とりあえず NIC だけ増やしてチェック開始した :

◎ OpenOffice上ではIPAフォントでBoldができないんだけど :

suidビットが設定されている実行ファイルは，所有ユーザー権で実行される。このため，次のような実行ファイルがある場合には，例え一般ユーザーの実行でもroot権限で動作するのだ。

ITmedia エンタープライズ : Linux Tips「必要が無いsuidビットは落としておこう」 より

sgidはディレクトリにも設定することができます。sgidが設定されたディレクトリ直下で作成されたファイルは、その所有グループがディレクトリの所有グループになります。

sgidが便利なのはあるグループで共同作業したい場合などです。共同作業したいメンバーが所属するグループが所有グループのディレクトリを作成してsgidビットを設定すると、そこで作成したファイルの所有グループは誰が作成したものでもディレクトリの所有グループになり、グループのメンバーであれば編集することが可能になります。通常はパーミッションや所有グループの変更をファイル毎にしなければならないのですが、その手間を省くことができます。

Linuxのパーミッションを理解しよう：特殊なパーミッション(suid,sgid,sticky) より

◎ smbmount したら smbumount できなくなった :

◎ _LinNeighborhood :

◎ _coLinux 用 インストーラ :

◎ _coLinux で Vine Linux 3.0 を動かしてみました :

 \path\name\to\putty.exe -load mysession

◎ _コマンドラインで使えるオプション :

「Scanner」は、各ドライブ内のファイルやフォルダの占有率を円グラフで視覚的に表示するソフト。

◎ _DirectoryAnalyzer :

◎ プリンタとスキャナの接続先USBポートを入れ替えたらプリンタが動いたのだが :

◎ 高速USBデバイスが云々といった警告がWinXP起動直後に毎回出てくる :

◎ i.LINKとIEEE1394って同じモノだろうか :

◎ そういえば、あのWindowsXPはSP1を当ててあったのだろうか :