mieki256's diary

• Crossing Number Algorithm : 点から水平に伸びる線と多角形の交差数を数える。
• Winding Number Algorithm : 点から多角形の頂点を見て角度の合計を数える。

function love.load()
  polys = {
    {20, 80, 80, 20, 120, 140},
    {140, 80, 200, 20, 260, 100, 200, 180},
    {340, 20, 400, 60, 380, 160, 320, 160, 280, 80},
    {460, 60, 520, 20, 600, 60, 600, 160, 520, 180, 460, 140},
    {140, 340, 260, 340, 280, 420, 100, 440, 20, 360, 40, 200, 100, 200},
    {500, 320, 460, 220, 380, 240, 440, 340, 300, 360, 340, 440, 500, 420, 520, 460, 620, 420, 600, 320}
  }

  hits = {}
  for i = 1, #polys do
    hits[i] = false
  end
end

function sign(x)
  return (x < 0 and -1) or 1
end

function getDeg(x1, y1, x2, y2)
  local abs1, abs2, theta, s
  abs1 = math.sqrt(x1 * x1 + y1 * y1)
  abs2 = math.sqrt(x2 * x2 + y2 * y2)
  theta = math.acos((x1 * x2 + y1 * y2) / (abs1 * abs2))
  s = sign(x1 * y2 - y1 * x2)
  return theta * s
end

function checkInPoly(pos, mx, my)
  local thetaSum = 0
  local x0, y0, x1, y1
  local v1x, v1y, v2x, v2y
  x0, y0 = pos[#pos-1], pos[#pos]
  if x0 == mx and y0 == my then return true end
  for i = 1, #pos-1, 2 do
    x1, y1 = pos[i], pos[i+1]
    if x1 == mx and y1 == my then return true end
    v1x, v1y = x0 - mx, y0 - my
    v2x, v2y = x1 - mx, y1 - my
    thetaSum = thetaSum + getDeg(v1x, v1y, v2x, v2y)
    x0, y0 = x1, y1
  end
  thetaSum = math.abs(thetaSum)
  if thetaSum >= 0.1 then return true end
  return false
end

function love.update(dt)
  local mx, my
  mx, my = love.mouse.getPosition()

  for i = 1, #polys do
    hits[i] = checkInPoly(polys[i], mx, my)
  end
end

function love.draw()
  -- clear canvas
  love.graphics.clear(0, 0, 0, 1)

  -- draw polygon
  for i = 1, #polys do
    if hits[i] then
      love.graphics.setColor(1, 0, 0, 1)
    else
      love.graphics.setColor(0, 1, 0, 1)
    end
    love.graphics.polygon("line", polys[i])
  end

  -- draw text
  love.graphics.setColor(1, 1, 1, 1)
  love.graphics.print("ESC to exit.", 8, 8)
end

function love.keypressed(key, scancode, isrepeat)
  if key == "escape" then
    love.event.quit()
  end
end

function love.conf(t)
  t.window.width = 640
  t.window.height = 480
  t.window.title = "Collison concave polygon"
  t.window.fullscreen = false
  -- t.window.fullscreentype = "exclusive"
end

◎ HCライブラリを使ってみる。 :

その後ググっていたら、love2d から利用できる衝突判定ライブラリ、HC というものがあると知った。ソレを利用することでも目的を果たせそう。試用してみる。

_vrld/HC: General purpose collision detection library for the use with LoVE.
_HC - General purpose collision detection with LoVE - HC 0.1-1 documentation

ライセンスは…。

_License - HC 0.1-1 documentation

ちょっとよく分からないけど、無料で使えるとか、制限は無いとか書いてあるように見える。

入手の仕方は、github から zip をDLするか(緑色で「code」と書かれてる部分をクリック → Download ZIP)、git を使って clone する。

git clone https://github.com/vrld/HC.git

love2d の main.lua と同階層に、HCというフォルダを作成して、その中に、DLした *.lua 群をコピーする。

.
|-- HC
|   |-- README
|   |-- class.lua
|   |-- gjk.lua
|   |-- hc-0.1-1.rockspec
|   |-- init.lua
|   |-- polygon.lua
|   |-- shapes.lua
|   |-- spatialhash.lua
|   `-- vector-light.lua
|-- conf.lua
`-- main.lua

main.lua の中では、HC = require "HC" とか、Polygon = require "HC.polygon" を最初のほうに書いてから使う。

試用してみたところ、こんな感じになった。それらしく判定できている。

ソースは以下。今回は、HC.polygon だけを使って処理をしている。

_main.lua

Polygon = require "HC.polygon"

function love.load()
  
  polys = {
    {20, 80, 80, 20, 120, 140},
    {140, 80, 200, 20, 260, 100, 200, 180},
    {340, 20, 400, 60, 380, 160, 320, 160, 280, 80},
    {460, 60, 520, 20, 600, 60, 600, 160, 520, 180, 460, 140},
    {140, 340, 260, 340, 280, 420, 100, 440, 20, 360, 40, 200, 100, 200},
    {500, 320, 460, 220, 380, 240, 440, 340, 300, 360, 340, 440, 500, 420, 520, 460, 620, 420, 600, 320}
  }

  hits = {}
  p = {}
  for i = 1, #polys do
    hits[i] = false
    p[#p + 1] = Polygon(unpack(polys[i])) 
  end
end

function love.update(dt)
  local mx, my
  mx, my = love.mouse.getPosition()

  for i = 1, #p do
    hits[i] = p[i]:contains(mx, my)
  end
end

function love.draw()
  -- clear canvas
  love.graphics.clear(0, 0, 0, 1)

  -- draw polygon
  for i = 1, #p do
    if hits[i] then
      love.graphics.setColor(1, 0, 0, 1)
    else
      love.graphics.setColor(0, 1, 0, 1)
    end
    love.graphics.polygon("line", p[i]:unpack())
  end

  -- draw text
  love.graphics.setColor(1, 1, 1, 1)
  love.graphics.print("ESC to exit.", 8, 8)
end

function love.keypressed(key, scancode, isrepeat)
  if key == "escape" then
    love.event.quit()
  end
end

_conf.lua

function love.conf(t)
  t.window.width = 640
  t.window.height = 480
  t.window.title = "Collision HC"
  t.window.fullscreen = false
  -- t.window.fullscreentype = "exclusive"
end

• HC.polygon を新規作成する際、配列を unpack(配列名) で渡してやらないとエラーが出る。
• :contains(x, y) で、点がポリゴンの中に入ってるかどうかを true / false で調べられる。
• :unpack() で、ポリゴンの頂点配列を、ポリゴン描画をする love.graphics.polygon() に渡しやすくなる。

最初からこのライブラリを使えばよかったのだな…。

◎ 余談。ポリゴン描画に注意。 :

love2dのポリゴン描画、love.graphics.polygon("fill", ...) を使っていたら、妙な動作に気づいた。環境は、Windows10 x64 20H2 + love2d 11.3 x86版。

love.graphics.polygon() は、線を描画する "line"、塗り潰しをする "fill" のどちらかを指定できるけど、どうも "fill" のほうは形がおかしくなるようで…。

ソースは以下。

_main.lua

function love.load()
  pos = {500, 320, 460, 220, 380, 240, 440, 340, 300, 360, 340, 440, 500, 420, 520, 460, 620, 420, 600, 320}
end

function love.update(dt)
end

function love.draw()
  love.graphics.clear(0, 0, 0, 1)
  
  love.graphics.setColor(0, 0.75, 0, 1)
  love.graphics.polygon("fill", pos)
  love.graphics.setColor(1, 0, 0, 1)
  love.graphics.polygon("line", pos)
  
  love.graphics.setColor(1, 1, 1, 1)
  love.graphics.print("ESC to exit.", 8, 8)
end

function love.keypressed(key, scancode, isrepeat)
  if key == "escape" then
    love.event.quit()
  end
end

_conf.lua

function love.conf(t)
  t.window.width = 640
  t.window.height = 480
  t.window.title = "Draw polygon"
  t.window.fullscreen = false
  -- t.window.fullscreentype = "exclusive"
end

これはバグ…？ と思ったら、ドキュメントに記述があった。

_love.graphics.polygon - LOVE

「"fill"を使った時は凸多角形しか正常に描画できないよ」とのことで。仕様だったらしい…。ドキュメントはちゃんと読まないといかんなと…。

love.math.isConvex() を使えば凸多角形か判定できるし、love.math.triangulate() を使えば多角形を三角形に分割できるそうで。凹多角形の可能性があるなら三角形に分割して処理すべし、ということかな…。

_love.math.isConvex - LOVE
_love.math.triangulate - LOVE

せっかくだから、三角形に分割して描画する方法も試してみた。

_main.lua

function love.load()
  polys = {
    {40,80,100,20,200,80,180,220,100,260,20,200},
    {340,280,300,200,440,180,380,80,460,60,500,160,600,160,620,260,520,300,500,260}
  }
end

function love.update(dt)
end

function love.draw()
  love.graphics.clear(0, 0, 0, 1)

  for i, v in ipairs(polys) do
    local convex = love.math.isConvex(v)
    if convex then
      love.graphics.setColor(0, 0.75, 0, 1)
      love.graphics.polygon("fill", v)
    else
      local col = {{0,0,1}, {0,0.25,1}, {0,0.5,1}, {0,0.75,1}}
      local triangles = love.math.triangulate(v)
      for i = 1, #triangles do
        love.graphics.setColor(unpack(col[(i % #col) +1]))
        love.graphics.polygon("fill", triangles[i])
      end
    end

    love.graphics.setColor(1, 0, 0, 1)
    love.graphics.polygon("line", v)

    love.graphics.setColor(1, 1, 1, 1)
    local s = convex and "true" or "false"
    love.graphics.print("Convex : " .. s, 4, i * 20 + 20)
  end

  love.graphics.setColor(1, 1, 1, 1)
  love.graphics.print("ESC to exit.", 4, 4)
end

function love.keypressed(key, scancode, isrepeat)
  if key == "escape" then
    love.event.quit()
  end
end

_conf.lua

function love.conf(t)
  t.window.width = 640
  t.window.height = 480
  t.window.title = "Draw polygon as triangle"
  t.window.fullscreen = false
  -- t.window.fullscreentype = "exclusive"
end

凹多角形の場合、三角形に分割して描画できていることが分かる。

◎ TPM 2.0の問題。 :

◎ UEFIモードの問題。 :

◎ 2021/06/26追記。 :

◎ 手順をメモ。 :

自分自身も忘れそうなので、作業手順をちと細かくメモ。…メモしたこと自体をたぶん忘れそうだけど。

ちなみに、レンダラーは blenderレンダーを選択。Cyclesじゃなくて古いほう。環境は、Windows10 x64 + blender 2.78。

まずは、地面に相当する平面(Plane)を1つ追加。

• Shift + A → メッシュ → 平面。
• もしくは、3Dビューウインドウの下のほうのメニューから、追加 → メッシュ → 平面。

平面が1つ追加された。

後々、複製(Alt + D)して並べる時のことを考えて、オブジェクトの中心点が端になるように座標群を調整。

1. TABキーを押して編集モードに切り替え。
2. 次の順番でキーを叩く。g → x → 1 → Enter。
3. g → y → 1 → Enter。
4. TABキーを押してオブジェクトモードに切り替え。

途中で押してるキーの意味は…。gキーは移動。xはx方向の移動のみに制限。1は移動量。Enterで決定。

◎ UVマップを作成しておく。 :

何故そうしないといけないのかちょっと分からんけど、この段階でダミーっぽい UVMap を作っておく。ここで作っておかないと、後になって木のビルボード用テクスチャ画像を読み込んだ際、妙なUV指定になってしまう。

データパネルに切り替えて、UVマップを1つ作成。UVMapという名前でUVマップが作られる。

◎ パーティクルを追加。 :

いよいよ、平面からパーティクルが出てくるように設定する。

パーティクルパネルに切り替えて、「新規」ボタンをクリックして、パーティクルを追加。

パーティクルの設定を行う。

• パーティクルのタイプは「エミッター」に。エミッターってのは、パーティクルを放射・発射するブツ。発射口とでも言えばいいのだろうか…。
• 「放射」の「数」は、発生させるパーティクルの総数。テキトーな数値を入れておく。
• 「開始」と「終了」を1にする。パーティクルは、ここで指定した開始〜終了フレームの間に総数分が発生する、という仕様になってる。両方が1ということは、開始早々、総数分を全部発生、という指定になる。
• 「寿命」に大きい値を入れる。パーティクルは、ここで指定したフレーム数分存在し続けるけど、大きい値を指定すれば、アニメが終わるまでずっとそこに存在し続ける状態になる。
• 「物理演算」は「なし」にする。例えばここが「ニュートン力学」等になっていると、アニメを再生した際、各パーティクルが重力で落ちていってどこかに消えてしまう。ずっとそこに留まり続けてほしいので、物理演算はしない方向で。

更に、「レンダー」の設定をする。

• タイプは「ビルボード」に。ビルボードと言うのは、常時カメラのほうに向き続けるポリゴンみたいなもの。立て看板とでもいうか。
• 「整列」の「固定」にチェックを入れてから、「Z」をONに。これで、各ビルボードが、横方向にのみカメラを追ってグルグルと回る状態になる。
• 「ビルボードオフセット」のYを1.0にする。木は地面の上に立っているので…。ここが0.0だと、木が地面の中にめり込んでる状態になってしまう。
• 「拡大縮小」の値をテキトーに入力。ビルボードの見た目の大きさを変更できる。

とりあえずこの段階で、大量にビルボードを発生できそうな気配が見えてくる。後はビルボードの設定をしてやれば…。

◎ マテリアルを追加。 :

エミッター(地面)用のマテリアルと、木のビルボード用のマテリアルを作成する。

マテリアルパネルに切り替えて、「新規」ボタンをクリック。

地面用のマテリアルと、木のビルボード用のマテリアルの2つを作成した。

◎ テクスチャ画像を追加。 :

木のビルボード用テクスチャ画像を追加していく。

木のビルボード用マテリアルを選択した状態で、テクスチャパネルに切り替える。「新規」ボタンをクリック。

「画像」の「開く」ボタンをクリックして、木のビルボード用テクスチャ画像を読み込む。

一応念のため、実験に使ったビルボード用テクスチャ画像を置いときます。CC0 / Public Domain ってことで。ファイルサイズが 5MB と大きいので注意。

_tree03_2048x2048.png (5.0MB)

テクスチャ画像が読み込まれた。

◎ テクスチャとマテリアルの設定。 :

木のビルボード用テクスチャ画像はpng画像なので、透明・透過部分を示すアルファチャンネルを持っている。透明・透過部分は抜けるように、テクスチャとマテリアルを設定したい。

まずはテクスチャパネル上で、テクスチャの設定。

• 「イメージマッピング」の「延長」を「クリップ」に設定。デフォルトではここが「リピート」になってるけど、「リピート」の状態だと上下左右が繋がってしまって画面にゴミが出てくるので…。
• 「影響」の「カラー」「アルファ」にチェックを入れる。
• 「ブレンド」を「乗算」にする。

マテリアルパネルに切り替える。

• 「シェーディング」の「陰影なし」にチェックを入れる。これで、ディフューズ(拡散色)とスペキュラー(反射色・ハイライト色)の設定は無視される状態になる。
• 「透過」にチェックを入れて、「Z値透過」をONにする。
• 「オプション」の「面テクスチャ」にチェックを入れる。

パーティクルのビルボードは、影を落とそうとすると板ポリゴンの形そのままで影を落としてしまう。なので、「影」関係の設定は全部OFFにする。

(2017/06/26追記。影を落とす設定も見つけたけど、ちょっと問題が…。なので、やっぱり影関係は全部OFFにしたほうがヨサゲ。)

◎ パーティクルのビルボードにマテリアル情報を反映。 :

ビルボードのマテリアルとテクスチャが設定できたので、パーティクルのビルボードに該当マテリアルを使うように指定してやる。

パーティクルパネルに切り替えて、「レンダー」のマテリアルに、先ほど設定したビルボード用のマテリアルを指定。

本当に反映されるか確認。3Dビューウインドウの下のほうのレンダー種類を「レンダー」に切り替え。もしくは Shift + Z でも「レンダー」と「ソリッド」を切り替えられる。…ちゃんと木っぽいものが表示された。

◎ カメラのアニメをつける。 :

カメラを動かすアニメをつけていきたい。

まずは、何も設定していない状態でアニメを再生してみる。

• 3Dビューのレンダー種類を「ソリッド」にでもしておいて…。「レンダー」では重くてアニメが再生されないので…。
• Alt + A、もしくはタイムラインウインドウの下のほうの再生ボタンをクリックすれば、アニメが再生される。
• もう一度 Alt + A を叩けば再生は止まる。

ここまでの設定が正しければ、まだ何もアニメをつけてないので、3Dビューウインドウ上では何も動かないはず。動いたら、どこかで設定を間違ってる。もし、各パーティクルが下のほうに落っこち始めたら、物理演算が有効になってる。その際はパーティクルの「物理演算」を「なし」にしてやる。

問題が無ければ、初期カメラ位置を調整していく。

テンキーの0を叩いて、カメラ視点にしてやる。その状態で Shift + F を叩けば、WASDキー + QRキー + マウスカーソル移動で、カメラの位置や向きを、見た目で調整できる。決定は左クリック、もしくはEnter。3Dビューウインドウの下のほうにショートカットキーの一覧が表示されてるので参考に。

アニメーションの設定をする。レンダーパネルに切り替えて、解像度だの、フレーム範囲だの、フレームレートだの、出力フォーマットだのを指定。

ちなみに、レイトレーシングを無効にするとレンダリング速度がちょっと早くなる。が、代わりに何かの機能が使えなくなるのだと思う。

1フレーム目に移動。Ctrl + Shift + ↓、もしくはタイムラインウインドウの下のほうにあるボタンで、最初のフレームに移動できる。

カメラを選択して、1フレーム目のカメラ位置や角度を設定してやる。

キーフレームを打つべく、Iキーを叩く。メニューが出てくるので「位置」もしくは「位置/回転」を選択。これで、1フレーム目に、カメラのキーフレームが設定された。

最終フレームに移動。Ctrl + Shift + ↑、もしくはボタンで、最終フレームに移動できる。

最終フレームのカメラ位置を設定したら、Iキーを叩いて、「位置」もしくは「位置/回転」を選択。

これで、1フレーム目と最終フレームにキーフレームが設定された。キーフレームの間のカメラ座標値や角度は blender が補間して作ってくれる。

Alt + A で、アニメを再生して動きを確認。

動きが気に入らなければ、1フレーム目や最終フレームに移動して微調整して、Iキーを叩いてキーフレームを設定し直し。

◎ レンダリング。 :

◎ 余談。 :

◎ 課題。 :

◎ 参考ページ。 :

• CPU : AMD Sempron 3100+ (1.8GHz、シングルコア、Socket754)
• M/B : MSI K8MM-V (VIA K8M800チップセット)
• メモリ : 1.5GB (PC3200(DDR400)、SDRAM、1GB + 512MB)

◎ USSBメモリへのインストール。 :

◎ USBメモリから起動してみた感想。 :

◎ 今回試したUSBメモリのベンチマークをメモ。 :

最初にインストールしてみた、microSDHC Transcend TS16GUSDC4 (16GB CLASS4) のベンチマークをメモ。カードリーダは、 _microSD専用カードリーダ BUFFALO BSCRMSDCBK (USB2.0接続) を使った。

-----------------------------------------------------------------------
CrystalDiskMark 5.1.2 x64 (C) 2007-2016 hiyohiyo
                           Crystal Dew World : http://crystalmark.info/
-----------------------------------------------------------------------
* MB/s = 1,000,000 bytes/s [SATA/600 = 600,000,000 bytes/s]
* KB = 1000 bytes, KiB = 1024 bytes

   Sequential Read (Q= 32,T= 1) :    20.367 MB/s
  Sequential Write (Q= 32,T= 1) :     6.107 MB/s
  Random Read 4KiB (Q= 32,T= 1) :     3.750 MB/s [   915.5 IOPS]
 Random Write 4KiB (Q= 32,T= 1) :     1.390 MB/s [   339.4 IOPS]
         Sequential Read (T= 1) :    19.922 MB/s
        Sequential Write (T= 1) :     5.871 MB/s
   Random Read 4KiB (Q= 1,T= 1) :     3.537 MB/s [   863.5 IOPS]
  Random Write 4KiB (Q= 1,T= 1) :     1.295 MB/s [   316.2 IOPS]

  Test : 100 MiB [E: 0.0% (0.0/14.8 GiB)] (x3)  [Interval=5 sec]
  Date : 2016/06/25 5:25:27
    OS : Windows 10 Professional [10.0 Build 10586] (x64)
    microSDHC Transcend TS16GUSDC4 16GB CLASS4 + BUFFALO BSCRMSDCBK(USB2.0)

2回目に使ったのは、USB3.0対応USBメモリ Transcend JetFlash 790 TS32GJF790KPE。

-----------------------------------------------------------------------
CrystalDiskMark 5.1.2 x64 (C) 2007-2016 hiyohiyo
                           Crystal Dew World : http://crystalmark.info/
-----------------------------------------------------------------------
* MB/s = 1,000,000 bytes/s [SATA/600 = 600,000,000 bytes/s]
* KB = 1000 bytes, KiB = 1024 bytes

   Sequential Read (Q= 32,T= 1) :    34.339 MB/s
  Sequential Write (Q= 32,T= 1) :    28.598 MB/s
  Random Read 4KiB (Q= 32,T= 1) :     4.885 MB/s [  1192.6 IOPS]
 Random Write 4KiB (Q= 32,T= 1) :     1.289 MB/s [   314.7 IOPS]
         Sequential Read (T= 1) :    33.976 MB/s
        Sequential Write (T= 1) :    27.685 MB/s
   Random Read 4KiB (Q= 1,T= 1) :     3.951 MB/s [   964.6 IOPS]
  Random Write 4KiB (Q= 1,T= 1) :     1.173 MB/s [   286.4 IOPS]

  Test : 100 MiB [E: 0.0% (0.0/29.4 GiB)] (x3)  [Interval=5 sec]
  Date : 2016/06/25 2:56:32
    OS : Windows 10 Professional [10.0 Build 10586] (x64)
    Transcend TS32GJF790KPE JetFlash 790 (USB2.0接続)

一応、手持ちの品の中では Random Write がマシなモノを選んで使ったつもり、なのだけどな…。他の品は、0.009 とか 0.012 とかで…。

◎ HDDを追加し直した。 :

◎ 無線LAN子機を変えてみた。 :

$ lsusb

Bus 001 Device 004: ID 0bda:8178 Realtek Semiconductor Corp. RTL8192CU 802.11n WLAN Adapter

◎ sshでアクセスしてみたら結構反応が速い。 :

• DVI-Dケーブル iBUFFALO BSDCDS20。DVI-D - DVI-D, シングルリンク, 2m。1,218円。
• 無線LAN子機 IO-DATA WN-G300UA。IEEE802.11n/g/b, 300Mbps対応。1,391円。
• スピーカ iBUFFALO BSSP01UWH。電源をUSB端子から取得するタイプ。1W, ホワイト。395円。

#! /usr/bin/env python
# -*- mode: python; Encoding: utf-8; coding: utf-8 -*-

"""
画像ファイルをドラッグアンドドロップしてダブルバッファで表示。
マウスドラッグで画像表示位置を移動してみるテスト

Windows7 x64 + Python 2.7.10 + wxPython 3.0.2.0 で動作確認。
"""

import wx

USE_BUFFERED_DC = True


class MyObj():

    """マウスドラッグで移動できるオブジェクト用のクラス"""

    def __init__(self, bmp, x=0, y=0):
        """コンストラクタ"""
        self.bmp = bmp  # bitmapを記録
        self.pos = wx.Point(x, y)  # 表示位置を記録
        self.diff_pos = wx.Point(0, 0)

    def HitTest(self, pnt):
        """与えられた座標とアタリ判定して結果を返す"""
        rect = self.GetRect()  # 矩形領域を取得
        return rect.InsideXY(pnt.x, pnt.y)  # 座標が矩形内に入ってるか調べる

    def GetRect(self):
        """矩形領域を返す"""
        return wx.Rect(self.pos.x, self.pos.y,
                       self.bmp.GetWidth(), self.bmp.GetHeight())

    def SavePosDiff(self, pnt):
        """
        マウス座標と自分の座標の相対値を記録。
        この情報がないと、画像をドラッグした時の表示位置がしっくりこない
        """
        self.diff_pos.x = self.pos.x - pnt.x
        self.diff_pos.y = self.pos.y - pnt.y

    def Draw(self, dc, select_enable):
        """与えられたDCを使って画像を描画する"""
        if self.bmp.Ok():
            r = self.GetRect()  # 矩形領域を取得

            # ペンを設定しないと何故か描画できない
            dc.SetPen(wx.Pen(wx.BLACK, 4))
            dc.DrawBitmap(self.bmp, r.x, r.y, True)  # 画像を描画

            if select_enable:
                # 画像枠を描画
                dc.SetBrush(wx.TRANSPARENT_BRUSH)  # 透明塗り潰し
                dc.SetPen(wx.Pen(wx.RED, 1))  # 赤い線を指定
                # 矩形を描画
                dc.DrawRectangle(r.x, r.y, r.width, r.height)

            return True
        else:
            return False


class MyFileDropTarget(wx.FileDropTarget):

    """ドラッグアンドドロップ担当クラス"""

    def __init__(self, obj):
        """コンストラクタ"""
        wx.FileDropTarget.__init__(self)
        self.obj = obj  # ファイルのドロップ対象を覚えておく

    def OnDropFiles(self, x, y, filenames):
        """ファイルをドロップした時の処理"""
        self.obj.LoadImage(filenames)  # 親？の画像読み込みメソッドを呼ぶ


class MyFrame(wx.Frame):

    """ダブルバッファで表示するFrame"""

    def __init__(self, parent=None, title=""):
        """コンストラクタ"""

        wx.Frame.__init__(self, parent=parent, title=title, size=(800, 600))

        # PAINTイベント、SIZEイベントで呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_SIZE, self.OnSize)

        # マウスボタンを押した時に呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_LEFT_DOWN, self.OnMouseLeftDown)
        self.Bind(wx.EVT_LEFT_UP, self.OnMouseLeftUp)

        # マウスカーソルを動かした時に呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_MOTION, self.OnMouseMotion)

        # 画像格納用リストを初期化
        self.objs = []

        # マウスドラッグ処理用の変数を確保
        self.drag_obj = None
        self.drag_start_pos = wx.Point(0, 0)

        # 描画用バッファ初期化のために一度 OnSize() を呼ぶ
        self.OnSize()

        # ファイルドロップの対象をフレーム全体に
        self.droptarget = MyFileDropTarget(self)

        # ファイルドロップ受け入れを設定
        self.SetDropTarget(self.droptarget)

    def LoadImage(self, files):
        """D&Dされた画像をロードして描画"""
        x, y = 0, 0
        for filepath in files:
            b = wx.Bitmap(filepath)
            obj = MyObj(b,  x, y)
            self.objs.append(obj)
            x += 32
            y += 32

        self.UpdateDrawing()  # 描画更新

    def OnSize(self, event=None):
        """ウインドウサイズが変更された時に呼ばれる処理"""
        size = self.ClientSize  # クライアントのウインドウサイズを取得

        # ウインドウサイズで、空の描画用バッファ(bitmap)を作成
        self._buffer = wx.EmptyBitmap(*size)

        self.UpdateDrawing()  # 描画更新

    def UpdateDrawing(self):
        """描画更新"""
        dc = wx.MemoryDC()
        dc.SelectObject(self._buffer)

        self.Draw(dc)  # 実際の描画処理
        del dc  # Update()が呼ばれる前に MemoryDC を削除しておく必要がある

        # Falseを指定して背景を消さなくしたら画面のちらつきが出なくなった
        self.Refresh(eraseBackground=False)

        self.Update()

    def Draw(self, dc):
        """実際の描画処理"""
        dc.Clear()  # デバイスコンテキストでクリア
        for obj in self.objs:
            obj.Draw(dc, True)  # オブジェクトを描画

    def OnPaint(self, event=None):
        """画面書き換え要求があった時に呼ばれる処理"""
        if USE_BUFFERED_DC:
            # ダブルバッファを使う場合
            dc = wx.BufferedPaintDC(self, self._buffer)
        else:
            # ダブルバッファを使わない場合
            dc = wx.PaintDC(self)
            dc.DrawBitmap(self._buffer, 0, 0, True)

    def FindObj(self, pnt):
        """マウス座標と重なってるオブジェクトを返す"""
        result = None
        for obj in self.objs:
            if obj.HitTest(pnt):
                result = obj
        return result

    def OnMouseLeftDown(self, event):
        """マウスの左ボタンが押された時の処理"""
        pos = event.GetPosition()  # マウス座標を取得
        obj = self.FindObj(pos)  # マウス座標と重なってるオブジェクトを取得
        if obj is not None:
            self.drag_obj = obj  # ドラッグ移動するオブジェクトを記憶
            self.drag_start_pos = pos  # ドラッグ開始時のマウス座標を記録
            self.drag_obj.SavePosDiff(pos)

    def OnMouseLeftUp(self, event):
        """マウスの左ボタンが離された時の処理"""
        if self.drag_obj is not None:
            pos = event.GetPosition()
            self.drag_obj.pos.x = pos.x + self.drag_obj.diff_pos.x
            self.drag_obj.pos.y = pos.y + self.drag_obj.diff_pos.y

        self.drag_obj = None
        self.UpdateDrawing()

    def OnMouseMotion(self, event):
        """マウスカーソルが動いた時の処理"""
        if self.drag_obj is None:
            # ドラッグしてるオブジェクトが無いなら処理しない
            return

        # ドラッグしてるオブジェクトの座標値をマウス座標で更新
        pos = event.GetPosition()
        self.drag_obj.pos.x = pos.x + self.drag_obj.diff_pos.x
        self.drag_obj.pos.y = pos.y + self.drag_obj.diff_pos.y
        self.UpdateDrawing()  # 描画更新


if __name__ == '__main__':
    # メイン処理
    app = wx.App(False)
    frame = MyFrame(None, "DnD Image display use Double Buffer")
    frame.Show()
    app.MainLoop()

apm uninstall date
apm install date

◎ インストールしたパッケージ。 :

C:\Users\USERNAME\.atom\packages (17)
├── atom-beautify@0.28.5
├── autocomplete-paths@1.0.2
├── autocomplete-python@0.5.0
├── autocomplete-ruby@0.1.0
├── color-picker@2.0.7
├── emmet@2.3.10
├── file-icons@1.5.8
├── highlight-line@0.11.0
├── highlight-selected@0.10.1
├── japan-util@0.1.1
├── japanese-menu@0.7.0
├── japanese-wrap@0.2.10
├── japanese-zen-han-convert@0.4.0
├── minimap@4.10.0
├── open-recent@2.2.4
├── project-manager@1.15.10
└── script@2.25.2

◎ コメント行の見た目を変更。 :

atom-text-editor::shadow .comment {
    font-style: normal;
}

◎ キー割り当てを変更。 :

'atom-text-editor:not([mini])':
  'ctrl-,': 'unset!'

'.platform-win32 atom-text-editor, .platform-linux atom-text-editor':
  'ctrl-shift-B': 'unset!'
  'shift-F5': 'script:close-view'
  'F5': 'script:run'

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

'atom-workspace atom-text-editor':
  'ctrl-k ctrl-k': 'editor:delete-to-end-of-line'

# 'atom-text-editor':
#   'alt-shift-D': 'date:datetime'

◎ Scriptの修正。 :

require 'dxruby'

font = Font.new(24)

imgs = Image.loadTiles("road_bg.png", 1, 480)
bgimg = Image.load("road_bg.png")

Window.bgcolor = [68, 97, 255]
mode = 0
bz = 0
start_y = 1

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

  # Zキーで描画を変更
  mode = (mode + 1) % 6 if Input.keyPush?(K_Z)

  case mode
  when 0
    Window.draw(-320, 0, bgimg)
    Window.drawFont(4, 4, "BG全体を描画", font)

  when 1
    start_y.step(240-1, 1) { |y|
      i = y
      Window.draw(-320, y + 240, imgs[i])
    }
    Window.drawFont(4, 4, "上半分だけ描画", font)

  when 2
    start_y.step(240-1, 1) { |y|
      i = y + 240
      Window.draw(-320, y + 240, imgs[i])
    }
    Window.drawFont(4, 4, "下半分だけ描画", font)

  when 3
    start_y.step(240-1, 1) { |y|
      i = y + 240 * ((y / 16) & 0x01)
      Window.draw(-320, y + 240, imgs[i])
    }
    Window.drawFont(4, 4, "上と下を、ラスター単位で交互に描画 (一定間隔)", font)

  when 4
    sz = 320
    h = 240
    start_y.step(240-1, 1) { |y|
      z = (h * sz / y) # y座標毎のz値を求める
      i = y + 240 * ((z.to_i / 128) & 0x01)
      Window.draw(-320, y + 240, imgs[i])
    }
    Window.drawFont(4, 4, "上と下を、ラスター単位で交互に描画 (z値に基づく)", font)

  when 5
    sz = 320
    h = 240
    start_y.step(240-1, 1) { |y|
      z = (h * sz / y) + bz
      i = y + 240 * ((z.to_i / 128) & 0x01)
      Window.draw(-320, y + 240, imgs[i])
    }
    Window.drawFont(4, 4, "上と下を、ラスター単位で交互に描画 (z値を加算)", font)
    bz += 8
  end
end

h : 視点の高さ
sz : 視点からスクリーンまでの距離
y : スクリーン上のy座標

z = h * sz / y

> ruby %RSENSE_HOME%\bin\rsense service start

C:/ruby193mingw/lib/ruby/gems/1.9.1/gems/win32-service-0.8.0/lib/win32/windows/helper.rb:36:in `raise_windows_error': No such file or directory - StartService:
The system cannot find the file specified. (Errno::ENOENT)
        from C:/ruby193mingw/lib/ruby/gems/1.9.1/gems/win32-service-0.8.0/lib/win32/service.rb:726:in `start'
        from C:/home/hogeuser/rsense-0.3/bin/rsense:246:in `exec_command'
        from C:/home/hogeuser/rsense-0.3/bin/rsense:288:in `process'
        from C:/home/hogeuser/rsense-0.3/bin/rsense:297:in `<main>'

        command = Shellwords.unshellwords %W(rubyw.exe #{path}/bin/rsense --config=#@config service daemon)

        command = Shellwords.unshellwords %W(C:\\ruby193mingw\\bin\\rubyw.exe #{path}/bin/rsense --config=#@config service daemon)

◎ HTML5のaudioタグを貼り付けられるか実験。 :

 TAG <audio controls loop preload="none"><source src="http://hoge/fuga.mp3" type="audio/mp3" /><source src="http://hoge/fuga.ogg" type="audio/ogg" />HTML5 audio not supported</audio>

◎ 昔を思い出したり。 :

◎ 2017/03/19追記。 :

• ペットボトル専用加圧式スプレーノズル F5607。599円。
• アイワ ニューペットボトルブラシ ソフトタイプ。581円。
• サンコー カセットテープをMP3に変換するプレーヤー USSW175A。2,457円。

• 想像していたよりも音質が悪い。酷過ぎる。もちろん、カセットテープというメディア自体、どうしたってノイズだらけになるメディアだし。テープもかなり古いので仕方ないのかもしれない。
• 録音の際には実時間が消費されるあたり、大変面倒臭く感じてしまった。昔は何でも等速が当たり前だったのに。我儘になったなあ…＞自分。

set PATH=C:\Python32;%PATH%
"C:\Program Files\blender-2.58-windows32\blender.exe"
pause

• 重過ぎる布団を使うと、胸の上に亡くなった祖父母が乗っている夢を見たり。
• 膀胱がいっぱいいっぱいだと、トイレに駆け込む夢を見たり。
• 隣の部屋で誰かが話をしていると、お地蔵さんに囲まれてボソボソと喋りかけられている夢を見たり。

1. Intelが提唱した規格 = 使用ビデオチップには当然ながらIntel製を想定しているはず。
2. ということは、結構な熱を発するビデオカードの増設などはほとんど考えていない。オンボードビデオチップを利用することが前提。
3. だってIntelは、ビデオカードでの増設を念頭に置いたビデオチップなんて出してないから。

1. それなりの性能のPCをMicroATXで組むなら、フツーのケースを選ぶしかない。設置スペースを何としても確保せよ。
2. 省スペースなケースを選ぶときは、性能を犠牲にする覚悟が必要。
3. 省スペースで、かつ、それなりの性能を、などというのは絵に描いた餅。

◎ MIT/GNU Schemeをインストールしてみたり :

◎ _Scheme 入門 1. Scheme 処理系のインストール :

◎ xyzzyのscheme-modeで使えるように設定する方法が分からない。 :

(load-library "scheme-mode")
(push '(".scm$" . scheme-mode) *auto-mode-alist*)

;; MIT/GNU Scheme
(setf *scheme-process-open-hook*
      #'(lambda (buffer)
          (if (buffer-process)
              (buffer-process)
            (progn
              (set-buffer buffer)
              (make-process
               (format
                nil "\"~A\""
                (map-slash-to-backslash "C:/usr/local/MIT-GNU_Scheme/bin/scheme.exe")))))))

◎ Gaucheも気になるのだけど。 :

◎ 何のために黒板に字を書いて授業をするんだろう。 :

◎ 黒板をPCの画面と捉えると、 :

◎ _無重力実験とアニメについて:コラム：講義方法に普遍性はない、と思う（黒板をノートへ書くことに意義はあるか） :

◎ _アニメ中学理科 ver2.6 :

◎ _電子黒板 | 松下電器 ビジネスサイト :

◎ _学園戦記ムリョウ：オフィシャルサイト - 監督創作メモ :

◎ _DIGITAL DJ : 黒板でストップモーション・アニメ :

◎ _ネギま！？のアニメの黒板ネタに関しての考察 :

7z a -tzip -mx9 hoge.zip DirectoryName

質問の仕方を知らない

「教わっていないからできない」という

開発案件がどうやって利益を得ているか知らない

教わったビジネスマナーしか分からない

メールの書き方を知らない

スケジューリングをしない

撮影枚数はフラッシュ無し連続撮影で約30〜40枚

表情が豊かで自然なので、人に与える印象が優しい、というわけです。…しかし、結果として、このロボットを見た人が受ける印象は恐怖以外の何者でもありません。

◎ 全然関係ないけど「谷」つながりで :

脳から命令された電気信号がバイオニックアームに瞬時に伝わり自由意志で両手を動かすことができるようになった。

◎ _かくしん-はん【確信犯】 :

そのような場においてBloggerとしてやっていくには確かに作法は必要になる。しかしその作法は学校という閉じた場にふさわしい物にしかになりえない。閉じた小さな世界で巻き起こる力の渦をなんとかやり過ごして行くための作法である。それは一般的にネットワーカーがネットリテラシーという言葉から連想するイメージとは正反対のもの、梅田望夫氏がコラム「「勉強能力」と「村の中での対人能力」」で提起した「村の中での対人能力」に近いものでしかありえないだろう。

◎ さておきおそらくは大学ノートあたりにザクザク描いてる感じがなんかいいなと思ったり :

◎ ふと思ったけど漫画原稿用紙のような印刷がされているノートを販売したら :

◎ _Untitled: Cygwin アーカイブ :

◎ _ck - terminal emulator :

◎ _w3mをcygwinで再コンパイル :

 ./configure \
--enable-image=no \
--disable-xface \
--disable-mouse \
--disable-alarm \
--disable-nntp \
--disable-ipv6 \
--disable-w3mmailer

◎ _バージョン管理システム CVS を使う :