mieki256's diary

• 液晶ディスプレイ DELL UP2516D (25インチ液晶, 2560 x 1440)
  
• モバイル液晶ディスプレイ Diginnos DG-NP09D (8.9インチ液晶, 1920 x 1200, Mini HDMI, Micro USB)
  

_デジタルハイエンドシリーズモニター UP2516D | モニター | デル
_価格.com - Dell UP2516D [25インチ] スペック・仕様
_Diginnos モバイルモニター DG-NP09D ｜ドスパラ通販【公式】
_【西川和久の不定期コラム】2万円で買えるドスパラ製8.9型モバイルディスプレイ 〜バッテリ内蔵、解像度1,920x1,200ドット - PC Watch

DELL製液晶ディスプレイは、弟曰く長時間画面を見てると目が疲れるそうで。別のディスプレイを買ったから持ってきたとのこと。しばらく親父さんに使ってもらって、問題なさそうならそのまま利用、もし親父さんも疲れるようなら元の液晶ディスプレイに戻そう…。

ドスパラのモバイル液晶ディスプレイは、時々画面がおかしくなる個体。一応、電源を入れ直すとちゃんと表示されるらしい…。初期不良品臭いけど、利用頻度が少なかったせいか症状に気づいた頃には保証期間が過ぎていたそうで。

• WindowsタブレットPC DELL Latitude 10 (Intel Atom Z2760(1.5GHz - 1.8GHz), 10インチ液晶 1366 x 768, RAM 2GB, Windows8 32bit, Wacomアクティブスタイラス付き)
• Dell Latitude 10 プロダクティビティドック (USB x 4, HDMI, Audio, 有線LANが増設される)

_Latitude 10タブレットの詳細 | Dell 日本

弟が帰省するたびに、持ってきて使っていたタブレットPC。ビジネス用ではあるけれど、WACOM製スタイラスがついてるので落書きぐらいはできる。かもしれない。CPUは Intel Atom Z2760。Intel製GPUが入ってない時期のCPU。そのせいか、動画支援機能がついてないっぽくて、フルHDのMPEG2 TSが再生できず不満を持ってたそうで。更に、 _旧型AtomはWindows 10 Creators Updateの対象外 なので Windows10のアップグレードもできなくて。Atomだから遅いし、モバイル用Atomだから32bit版OSしか動かないしで、「こんなもん使ってられねー」と新しいタブレットPCを購入したらしい。

本来 Windows8 がプリインストールされてる製品だけど、弟が Windows8.1 にアップグレードしてくれていた。助かった。Windows8.1 への更新作業だけで数日かかるところだった…。

前々から液晶ペンタブレット相当が欲しいなと思っていたので、めちゃくちゃありがたい。が、実際触らせてもらったら、どうもペンとポインタの位置がずれる…。何度調整してもずれる…。ビジネス用だからこんなものなのか…？

• NAS QNAP HS-210 (ファンレス, Hitachi HGST HDS5C3020ALA632 (2TB) x 2 を入れてある)
• 有線USBキーボード Lenovo KU-1255 ThinkPad USB トラックポイントキーボード 0B47208
• USB3.0外付けHDD Hitachi Touro Desk Pro (USB3.0, 2TB, 7200rpm, Windows8,10では、HDDがスリープになると復帰できず認識されない)

_HS-210 - 機能 - QNAP
_価格.com - HGST HDS5C3020ALA632 [2TB SATA600] レビュー評価・評判
_ASCII.jp：まさにThinkPadな純正USB／Bluetoothキーボードが登場！
_ThinkPad トラックポイント・キーボー ド - 日本語 | 周辺機器 | レノボジャパン
_HGST Touro Desk Pro | 最高レベルの速度を備えた、重ね置き対応なストレージ

弟曰く、古い型番の ThinkPad トラックポイント・キーボードと比べると新型は使いづらい、特にトラックポイントがイライラするから持ってきた、とのこと。

Hitachi製外付けHDDは、Windows7までは使えるけど、Windows8や10ではHDDがスリープになった後復帰できずに認識されなくなる製品なのだとか。おそらくREGZA等なら使えるだろうから使えるなら使ってくれ、との話。

• Mini-ITXケース ITC AT-PI314 朱鼓 (2.5インチHDD x 1, 3.5インチHDD x 1, 12cm FAX x 2, SFX電源搭載可能)
• CPU Athlon 5350 Quad-Core (Socket AM1, 2GHz, 4コア, TDP 25W, 二次キャッシュ 2MB)
• M/B ASRock AM1B-ITX (Mini-ITX, DDR3 DIMM x 2, SATA x 4, USB 3.1 Gen1 x 2)
• SSD TOSHIBA THNSNJ128GCST (2.5インチSSD, 128GB, MLC, 厚さ 7mm)
• HDD Hitachi HGST HDS722020ALA330 (3.5インチHDD, 7200rpm, 2TB, SATA 3.0Gb/s, Cache 32MB)
• SFX電源 SCYTHE-300A (サイズ Betty という Mini-ITXケースから流用したもの)
• 電源用 8cm FAN RDL8015S (電源FANがウルサイので交換, 8cm FAN, 2000rpm, 薄型, 23.02CFM, 21.6dBA, スリーブベアリング, 寿命 30000時間, パルスセンサー付 3pinコネクタ)

_「Mac Pro」似の円柱ケースに新色“赤”登場。アイティーシー「朱鼓（Aka-Tsudsumi)」28日発売 - エルミタージュ秋葉原
_価格.com - AMD Athlon Quad-Core 5350 BOX スペック・仕様
_【レビュー】自作PC初のソケット式SoC、Athlon 5350をテスト - PC Watch
_ASRock > AM1B-ITX
_価格.com - 東芝 THNSNH128GCST スペック・仕様
_価格.com - HGST HDS722020ALA330 (2TB SATA300 7200) スペック・仕様
_X-FAN

めちゃくちゃオシャレな Mini-ITXケース。お値段は結構するのでは…と思いきや、NTT-X Store で在庫処分をしていた際に購入したそうで。しまった。こんなケースを安売りしてたなら、自分も買っとけばよかった…かも…。もっとも、中はギュウギュウ詰めなのでメンテナンス性はちょっとアレだけど。

素早くペン先を上下に動かすとフリックが云々と表示されてちょっと困った。Windows側の設定でフリックを無効にしないと使いづらくなるアプリもあるようだなと…。

時々、ポインタに「Ctrl」とか「Alt」とか表示されて悩んでしまった。OS再起動以外に解決策が見つからない…。ペンを動かして何かの操作をすると、CtrlやAltが押しっぱなしの状態になるのではないかと想像してるけど、一体どんな操作でそうなるのか…。

ソフトウェアキーボードで入力しようとすると画面が隠れてしまって、各アプリの入力欄が見えなくなってしまう。厳しい…。ショートカットキーボードも使えないから作業効率もちょっと…。キーボードを増設して使わないとダメかな…。

何より、自分の手が邪魔…。今までペンタブレットで作業してたから…。この手を半透明表示に設定できればいいのに。

一応念のために、G'MICプラグインのインストールの仕方をメモ。環境は Windows10 x64 + GIMP 2.8.22。

_G'MIC に、「G'MIC plug-in for GIMP (2.8+)」という項目があるので、インストーラ版かzip版をダウンロード。

自分の場合は zip版をDLして解凍。任意のフォルダに置く。GIMPの、編集 → 設定 → フォルダ → プラグイン、で、G'MICの置いてある場所を追加して、GIMPを再起動。これで G'MICがフィルタメニューに出てくるようになる。

G'MICのウインドウを開いたら、インターネット経由でフィルタを更新するボタンがあるので、それを押すと300個→500個ぐらいにフィルタ種類が増える模様。

更にググってたら、CG撮影＝魔法の小箱と思い込んでる業界人が多い、てな話も。

_「作画出身の演出」に「CGアニメの演出」をやらせてはいけない理由。｜CGアニメーターサバイバル

★CGに幻想を抱いている。
「カメラワークが自由だから回りこめるんでしょ？」とBGが美術なのに、カメラを回り込みの指示をしたり

「作画出身の演出」に「CGアニメの演出」をやらせてはいけない理由。｜CGアニメーターサバイバル より

あかん。そんなんできるわけない。

★現場にそぐわない、ニワカ知識。
「カメラマップを使ってみたいんだけど。」
「カメラマップ」という表現は知っているのに、カメラマップには「モデリングが必要」という前提を知らない。そして、視野角が狭いという「表現の限界」を知らない。カメラマップのカットは美術ありきなので急ピッチで上げなければならないという「美術の大変さ」を知らない。

「作画出身の演出」に「CGアニメの演出」をやらせてはいけない理由。｜CGアニメーターサバイバル より

あかんあかんあかん。

★どういう風にチェックバックしたらいいかわからない。
CGアニメで、プレビュー状態のチェックになったりすると、絵が荒い為最終の絵がイメージ出来ない部分は確かにあります。ただ、動きも表情もついているのに内容に関しての指摘がない状態が続き編集間際で最終絵が見えてくると、せきを切ったように修正を重ねてくるケースです。

「作画出身の演出」に「CGアニメの演出」をやらせてはいけない理由。｜CGアニメーターサバイバル より

素人さんか。アニメ業界は素人さんの集まりなのか。

2013年頃の記事か…。さすがに今はもうちょっと知識がついてる・改善してるのかな。

撮影の方を講師にして、演出家さんを対象とした講習会でも開いたほうが効率良かったりして。まあ、どうせ、「そんな時間はねえ」と言われるのがオチだろうけど。

オーディオコメンタリーでは話してなかったけど、どこかでチラリと聞いた話では、口パクのタイミング合わせは自動化していたそうで。ただ、口のパターンを数百種類用意して作業してたとか…。オーディオコメンタリーで「口は手描き」と言ってた気もするけど、あらゆる角度、表情に対応できるように描いてたのかな…？

日本は、演出家さんやアニメーターさんがタイムシートを手書きして口パクを合わせるのが当たり前らしいけど、海外では「そんなの当然自動化するっしょ。手書きで合わせる？ 何アホなこと言ってんのお前」てな感じだそうで、日本もCGアニメの登場で、ようやく海外と同様の作業効率化が試せる状況になりそうだなと。 *1

しかし、すると手描きはもう使い物にならないのか、用済みなのかというとそんなことはなくて、プリビズ作成では手描きアニメーターの能力が活かされてたし、顔も手描きで修正してるし…。手描きに優位性がある場面は当然ながらまだまだあるよなー、と。

自動化できることを手描きでやってたらアホだし、手描きのほうが向いてることをCGで無理してやっててもちょっぴりアホっぽいしで、つまりは双方の強みを活かしつつ合体させて一つの作品を生み出していく…てのが理想的なのだろうなーと思うわけで。

何にせよ、「宝石の国」のような作り方が出てきてくれて、なんだか嬉しいなと。しかも、作り方が興味深いだけではなく、ちゃんと本編が面白いわけで。キャラのポーズ一つ、動き一つをとっても、「チクショウ！ コイツ可愛い！」「もしかしてアレか？ これが萌えってヤツなのか？」てな感じだし…。色々と最高です。このアニメ。素晴らしい。

function love.load()
  local shadercode = [[
      extern number factor;
      extern vec3 checkcolor;
      extern vec3 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        if (pixel.r == checkcolor.r && pixel.g == checkcolor.g && pixel.b == checkcolor.b) {
          pixel.r = pixel.r * (1.0 - factor) + replacecolor.r * factor;
          pixel.g = pixel.g * (1.0 - factor) + replacecolor.g * factor;
          pixel.b = pixel.b * (1.0 - factor) + replacecolor.b * factor;
        }
        return pixel * color;
      }
  ]]
  myshader = love.graphics.newShader(shadercode)
  myshader:send("checkcolor", {1.0, 0.0, 0.0})  -- R,G,B
  myshader:send("replacecolor", {0.0, 0.0, 0.0})  -- R,G,B
  angle = 0
end

function love.update(dt)
  angle = (angle + 90 * dt) % 360.0
  local v = 1.0 - math.abs(math.sin(math.rad(angle)))
  myshader:send("factor", v)  -- set 0.0 - 1.0
end

function love.load()
  local shadercode = [[
      extern number factor;
      extern number checkcolor;
      extern vec4 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        float nowcol = (pixel.r * 255.0 * 65536.0) + (pixel.g * 255.0 * 256.0) + (pixel.b * 255.0);
        return mix(pixel, replacecolor, ((checkcolor == nowcol)? factor : 0.0)) * color;
      }
  ]]
  myshader = love.graphics.newShader(shadercode)

  -- checkcolor : (R << 16) + (G << 8) + B
  local chkcol = (1.0 * 255 * 65536) + (0.0 * 255 * 256) + (0.0 * 255)
  myshader:send("checkcolor", chkcol)
  myshader:send("replacecolor", {0.0, 0.0, 0.0, 1.0})  -- R,G,B,A

  angle = 0
end

function love.load()
  local shadercode = [[
      extern number factor;
      extern number checkcolor;
      extern vec4 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        float nowcol = ((pixel.r * 65536.0) + (pixel.g * 256.0) + pixel.b) * 255.0;
        float fac = (1.0 - sign(abs(nowcol - checkcolor))) * factor;
        return mix(pixel, replacecolor, fac) * color;
      }
  ]]
  myshader = love.graphics.newShader(shadercode)

  -- checkcolor : 0xRRGGBB = (R << 16) + (G << 8) + B
  local checkcolor = ((1.0 * 65536) + (0.0 * 256) + 0.0) * 255.0
  myshader:send("checkcolor", checkcolor)
  myshader:send("replacecolor", {0.0, 0.0, 0.0, 1.0})  -- R,G,B,A

  angle = 0
end

そもそも、BGの特定の1色だけを変えたいだけなら、別の方法もあるなと思いついたので一応メモ。色を変化させたいところだけ透明色にしておいて、Canvas にアレコレ描画する前の塗りつぶしクリア時に、色を変化させつつ塗りつぶししておく、とか。

ただ、その方法では問題もあって。BGのレイヤーが複数枚あるときは、一番奥のレイヤーしかそれっぽく表示できない…はず。手前のレイヤーの特定部分の色を変える、てのは難しい。まあ、一番奥のレイヤーだけ色が変わればそれでいい、という時は使えるかもだけど。

考えてみたら、本体価格が約1,300円のPC上で、640x480のゲーム画面をフルHDの1920x1080に拡大描画して50FPS前後出てる、という状況は結構凄いのではないかと思えてきたりもするわけで。

ガラケー向けのゲームアプリを作ってた頃は、本体価格が5万円ぐらいする機器なのに、QVGA相当のゲーム画面を10〜20FPSで描画するのが関の山…。その状況を思い返せば、Raspberry Pi Zero W は意外とスゴイ。ような気もする。

とは言え、これが Raspberry Pi3 なら60FPS出るのだろうし。ソフトウェア的なアレコレをするなら Raspberry Pi3 を使いましょうよ、Raspberry Pi Zero W なんか買ってしまったらダメですよ、てなところもあるのだけど。

ノートPCの型番は…。液晶パネルの枠に「NEC」「LL550/R」と書いてある。ググってみたけど、もしかして _NEC LL550/RG だろうか。AMD Athlon X2 QL-60、RAM 2GB、15.4インチ、1280x800、HDD 160GB、Windows Vista SP1、と書いてある。OSは Vista SP2 になってた。Service Pack 2 はインストールしてある状態なのだろう。

_パソコンのトラブルを解決する本 - 853_810601_773_a.pdf によると、HDDのリカバリ領域を使って工場出荷時に戻せる機種ではあるらしい。が、「万が一動かなくなったら困る」との親父さんの言で、そのあたりの作業はしないことになった。新規に管理者アカウントを作ってから、前の持ち主のアカウントを削除。

Canon製デジカメ用のアプリやドライバ、Nikon製デジカメのアプリやドライバも入ってたので、アンインストール。Apple の iTune や Bonjour も要らないだろう…。そもそもネットには繋がないし。デジカメ画像の整理・編集に使えれば良い、との話だし。

妙に動作が遅いと思ったら、システムドライブが圧縮ドライブになってた。前の持ち主は、「空き容量が増えるのか！ それは嬉しい話だ」と仕組みも分からずにチェックを入れて有効化しちゃったんだろう…。とりあえず、圧縮はしない方向で。

SONY製デジカメ用のアプリをCD-ROM経由でインストール。画像管理ソフトは「PMB」というアプリ名らしい。画像の閲覧はもちろんのこと、明度変更、コントラスト変更、トリミング機能もあるようだし、これで目的は果たせるだろう…。

PC名が前の持ち主のソレになっていたので、新ユーザのソレに変更しておいた。

日付や時間が数日ずれている。どういうことだろう…。とりあえず時刻を合わせておいたけど、またずれるようなら調べないと。ノートPCってボタン型電池でそのへん保持しているのかな。それともバッテリーで保持しているのだろうか。デスクトップ機ならボタン型電池で保持するものだけど…。

ウイルスバスタークラウドもアンインストールしたかったけど、アンインストーラを起動するとパスワードの入力を求められる。そんなの尋ねられても知らんがな。下手すると前の持ち主すらパスワードを覚えてなさそうな。さて、どうすりゃいいんだコレ。

何故かIMEの言語バーが表示されてないことに気づいた。MS Office 2007がプリインストールされてる機種なので、MS-IME2007 も入ってるけど…。どうして言語バーが表示されないのか…。まあ、以下を試してみればなんとかなりそうな気もしているけど…。

_ime言語バーが表示されない - マイクロソフト コミュニティ

・ スタートボタン → 検索窓 → タスク スケジューラ、と入力。
・ タスク スケジューラ ライブラリ → Microsoft → Windows → TextServices FrameWork
・ 表示 → 非表示になっているタスクを表示
・ MsCtfMonitor → 右の操作の「実行」をクリック
成功すると言語バーが表示されてくるはず。
この動作を実行後、一度ログオフ。再度ログオン。言語バーが表示されているか確認。
もし、表示しない場合は再実行してプロファイルを削除し、同じ操作を行う。

_厄介な「言語バー」トラブル - マイクロソフト コミュニティ
_富士通Q&A - [Windows Vista] 言語バーを表示する方法を教えてください。 - FMVサポート : 富士通
_富士通Q&A - [Windows Vista] Microsoft IME で日本語を再インストールする方法を教えてください。 - FMVサポート : 富士通

MS-IME2007の言語バーが出ない問題は、結局解決できなかった。タスクスケジューラ上で MsCtfMonitor を手動で実行するとIMEの言語バーが表示されるものの、再起動すると出てこない。タスクスケジューラ上では MsCtfMonitor が「準備完了」のままで。誰かがログインしたタイミングで実行されるようにトリガが設定してあるように見えるのだけどなあ。他のタスクが正常実行できなくて、一緒にコケてるのかとあちこち眺めてみたけど原因が分からず。

言語バーが出てこないのは、さすがに色々困るだろう…。ということで工場出荷時に戻すことを検討し始めた。ただ、問題が。Microsoft Office 製品がプリインストールされてる機種なのに、中古ノートPCのせいか、セットアップCD-ROMもシリアルナンバーもついてない。つまり出荷時に戻すと MS Office もおそらく消えてしまう。

となると、

• Office製品を使いたいがために、言語バーが出ない状態を我慢するか、
• 言語バーを出すために、Office製品を諦めるか、

さてどっちを取るの、という話に。

まあ、後者だろう…。日本語入力時に色々困るのではあかんだろう。Officeどころじゃないだろう。

それに、MS Officeが無くてもLibreOfficeをインストールすれば、ユーザがExcel達人でもない限り、大体はなんとかなる。自分も親父さんもLibreOfficeを使っていて、それでなんとかなってるし。そもそも、プリインストールされてたのは Office 2007 だから、サポート期間も切れてるわけで。今からインストールしちゃいけない版だろう。

ということで、Cドライブだけ工場出荷時に戻した。 NEC LL550/RG の場合、電源投入直後にNECの文字が見えたらF11を連打すると、いつもと違う起動画面が出て、数分後にメニューが出てくる。そこから作業を行える。

体感で30分〜1時間ぐらいで出荷時に書き戻されるが、ユーザアカウントを作成してログイン後、プリインストールのアプリを次々にインストール、再起動、インストールを繰り返して、これまた体感で2時間ぐらいかかった。何の処理をしてるのか分からないあたりがツライ。いや、「○○をインストールしてます」と一応出てくるけど。その画面が、数分程度そのまま表示されっぱなしだったりするわけで。HDDのアクセスLEDが激しく光ってるから仕方なく待ったけど、アクセスLEDの存在に気付かない初心者さん、しかも気が短い人なら、「止まったのか？」と電源OFFして再投入するんじゃないかなあ。

• zipの解凍ツール(Explzh)をインストール。
• NECのサイトからドライバやアプリのアップデータを入手してインストール。zip配布のものもあるので解凍ツールが必要。と思ったけど、Windowsの標準機能でイケそうな気もしてきた。
• ソニー製デジカメのアプリをCD-ROM経由でインストール。
• LibreOffice 5.4.4 x86(32bit版) + 組み込みヘルプをインストール。ただ、何故か公式サイトから組み込みヘルプがなかなか落ちてこなくて。仕方なくtorrentを利用してDLした。
• Windows Vista SP1 が入ってたので、Vista SP2 x86(32bit版)をインストール。

アップデータファイル群はDドライブに入れておいたので、また再セットアップする時も使えるだろう…。

夕食後に作業を始めて、夜中の1時頃に終わった感じ。

ユーザフォルダの中に、「ダウンロード」等、日本語フォルダ名があるのが気になったので、英語名のフォルダに変更したのだけど。

_Linuxで日本語名ディレクトリを英語名に変換する方法 | Unskilled?
_「デスクトップ」等のディレクトリ名を英語にする - Qiita

LANG=C xdg-user-dirs-gdk-update

ログオフしてからログインしたら、blueman なる何かが「/home/ユーザ名/ダウンロードというフォルダがねえよ」と文句を言ってくる。

以下の記事を参考にして設定を変更した。

_xubuntu でホームディレクトリ以下の日本語ディレクトリ名を英語にする方法と、その副作用の後始末 - Qiita

gsettings set org.blueman.transfer shared-path '/home/ユーザ名/Downloads'

とりあえず、Windows上で使えるストップウォッチアプリを探したり。以下の2つを試用してみた。

_Simple StopWatch(シンプル・ストップウォッチ)の詳細情報 : Vector ソフトを探す！
_MeasurePATストップウォッチの詳細情報 : Vector ソフトを探す！


上が Simple StopWatch で、下が MeasurePATストップウォッチ。どちらも小さくてイイ感じのような気がする。

MeasurePATストップウォッチは、マウスの左ボタントリプルクリック or 右クリックメニューから選択しないとリセットできないあたりがちょっと気になるけど。シンプルな表示とのトレードオフだから仕方ないかな、とも。

ところで。GIMP起動中に、Inkscape を起動したらどうなるだろう…？

C:\Users\ユーザ名\AppData\Local\ の fontconfig はGIMP用だから、Inkscape は、その fontconfig を使えない。だから、Inkscape は fontconfig を作り直す。fontconfig の中には、Inkscape用の fontconfig 情報が保存される。

Inkscape を終了しても、Inkscape用の fontconfig は残ったまま。

この状態で GIMP を終了すると…。fontconfig は GIMP Portableインストールフォルダ\Data\fontconfig に移動されるけど、その中には Inkscape用の fontconfig も含まれてる。

GIMP Portable を起動する。fontconfig が移動される。中には GIMP で使えない fontconfig が含まれているから、GIMP はフォント検索を始める…。

と予想したのだけど。試してみたところ、たしかに fontconfig内に Inkscape用の fontconfig も含まれてしまったけれど、GIMP 2.8.22 はフォントの再検索はしなかった。

逆に、Inkscape を実行中の状態で、GIMP Portable を起動すると、どんな結果になるだろう…？ さあ、皆で考えよう！

何にせよ、Windows上で GIMP と Inkscape は同時に起動しないほうがよさそうだなと…。

たぶんこのあたり、Linux上では、fontconfig は共通・同一バージョンが使われていて問題にならないのではないかと。Windowsは、各アプリに同梱されてる fontconfig のバージョンがアプリ毎に違うのに、同じ場所にキャッシュを作ろうとしてしまうから、問題が起きるのだろう。

キャッシュファイルの中に、「〜.NEW」があると、フォント検索が行われる、という話もどこかで見かけた。であれば、何かの拍子に .NEW が作成されて、そのキャッシュファイルがずっと残った状態になっていたりすると、起動するたびにフォントの再検索がされてしまう状態に陥る、ということなのかもしれない。

GIMP Portable ではなく、通常版の GIMP 2.8.22 の場合、このあたりで不具合があるらしい。なんでも、起動直後に毎回必ずフォントを検索してしまう状態に陥る時があるのだとか。

_Bug 782676 - Ship with current fontconfig version to avoid fontconfig cache issues

GIMP 2.8.20 と GIMP 2.8.22 は利用してる fontconfig のバージョンが違うので、GIMP 2.8.20 の fontconfig が残っていると 2.8.22 では使えないからフォントの再検索が、云々と書いてあるような…？

ふと、親父さんPC(Windows10 x64)上の GIMP 2.8.22 が、起動時に毎回フォント検索をしていたことを思い出した。試しに fontconfig を削除してから GIMP 2.8.22 を起動してみたところ、次からの起動時はフォントの再検索をしない状態になった。つまり、何故か毎回フォント検索されてしまう場合は、試しに fontconfigフォルダを削除して様子を見てみるのもアリ、ということかな…。

使用画像は以下。

_colorblock.png

ソースは以下。

_conf.lua

function love.conf(t)
  t.window.title = "Shader test 04 palette change modoki"
  t.window.vsync = true
  t.window.resizable = true
  t.window.width = 1280
  t.window.height = 720
  -- t.window.fullscreen = true
  -- t.window.fullscreentype = "exclusive"
end

_main.lua

-- Shader test 04
-- palette change modoki

loop_count = 32

function love.load()
  love.graphics.setDefaultFilter("nearest", "nearest")
  scr_w, scr_h = 1280, 720
  canvas = love.graphics.newCanvas(scr_w, scr_h)

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

  local shadercode1 = [[
      extern number factor;
      extern vec3 checkcolor;
      extern vec3 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        if (pixel.r == checkcolor.r && pixel.g == checkcolor.g && pixel.b == checkcolor.b) {
          pixel.r = pixel.r * (1.0 - factor) + replacecolor.r * factor;
          pixel.g = pixel.g * (1.0 - factor) + replacecolor.g * factor;
          pixel.b = pixel.b * (1.0 - factor) + replacecolor.b * factor;
        }
        return pixel * color;
      }
  ]]
  myshader1 = love.graphics.newShader(shadercode1)
  myshader1:send("checkcolor", {1.0, 0.0, 0.0})  -- R,G,B
  myshader1:send("replacecolor", {0.0, 0.0, 0.0})  -- R,G,B

  local shadercode2 = [[
      extern number factor;
      extern number checkcolor;
      extern vec4 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        float nowcol = pixel.r * 16711680.0 + pixel.g * 65280.0 + pixel.b * 255.0;
        float fac = (checkcolor == nowcol)? factor : 0.0;
        return mix(pixel, replacecolor, fac) * color;
      }
  ]]
  myshader2 = love.graphics.newShader(shadercode2)
  -- checkcolor : 0xRRGGBB = (R << 16) + (G << 8) + B
  local checkcolor = ((1.0 * 65536) + (0.0 * 256) + 0.0) * 255.0
  myshader2:send("checkcolor", checkcolor)
  myshader2:send("replacecolor", {0.0, 0.0, 0.0, 1.0})  -- R,G,B,A

  local shadercode3 = [[
      extern number factor;
      extern number checkcolor;
      extern vec4 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        float nowcol = pixel.r * 16711680.0 + pixel.g * 65280.0 + pixel.b * 255.0;
        float fac = (1.0 - sign(abs(nowcol - checkcolor))) * factor;
        return mix(pixel, replacecolor, fac) * color;
      }
  ]]
  myshader3 = love.graphics.newShader(shadercode3)
  local checkcolor = ((1.0 * 65536) + (0.0 * 256) + 0.0) * 255.0
  myshader3:send("checkcolor", checkcolor)
  myshader3:send("replacecolor", {0.0, 0.0, 0.0, 1.0})  -- R,G,B,A

  local shadercode4 = [[
      extern number factor;
      extern vec4 checkcolor;
      extern vec4 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        return mix(pixel, replacecolor, ((pixel == checkcolor)? factor : 0.0)) * color;
      }
  ]]
  myshader4 = love.graphics.newShader(shadercode4)
  myshader4:send("checkcolor", {1.0, 0.0, 0.0, 1.0})  -- R,G,B
  myshader4:send("replacecolor", {0.0, 0.0, 0.0, 1.0})  -- R,G,B

  local shadercode5 = [[
      extern number factor;
      extern vec3 checkcolor;
      extern vec3 replacecolor;

      vec4 effect( vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords ){
        vec4 pixel = Texel(texture, texture_coords);
        if (pixel.rgb == checkcolor.rgb) {
          pixel.r = pixel.r - pixel.r * factor + replacecolor.r * factor;
          pixel.g = pixel.g - pixel.g * factor + replacecolor.g * factor;
          pixel.b = pixel.b - pixel.b * factor + replacecolor.b * factor;
        }
        return pixel * color;
      }
  ]]
  myshader5 = love.graphics.newShader(shadercode5)
  myshader5:send("checkcolor", {1.0, 0.0, 0.0})  -- R,G,B
  myshader5:send("replacecolor", {0.0, 0.0, 0.0})  -- R,G,B

  myshaders = { myshader1, myshader2, myshader3, myshader4, myshader5 }
  myshader_kind = 1

  angle = 0
end

function love.update(dt)
  angle = (angle + 90 * dt) % 360.0
  local v = 1.0 - math.abs(math.sin(math.rad(angle)))
  myshaders[myshader_kind]:send("factor", v)  -- set 0.0 - 1.0

  px = (scr_w - img:getWidth()) / 2
  py = (scr_h - img:getHeight()) / 2
end

function love.draw()
  love.graphics.setCanvas(canvas)
  love.graphics.clear(0, 0, 0, 255)

  love.graphics.setShader(myshaders[myshader_kind])
  love.graphics.setColor(255, 255, 255, 255)
  for i=1,loop_count do
    love.graphics.draw(img, px, py, 0, 1.0, 1.0, 0, 0)
  end
  love.graphics.setShader()

  love.graphics.setCanvas()

  -- draw canvas to window
  wdw_w, wdw_h = love.graphics.getDimensions()
  scr_scale = math.min((wdw_w / scr_w), (wdw_h / scr_h))
  scr_ofsx = (wdw_w - (scr_w * scr_scale)) / 2
  scr_ofsy = (wdw_h - (scr_h * scr_scale)) / 2
  love.graphics.setColor(255, 255, 255)
  love.graphics.draw(canvas, scr_ofsx, scr_ofsy, 0, scr_scale, scr_scale)

  love.graphics.print("FPS: "..tostring(love.timer.getFPS()), 10, 10)
  love.graphics.print("Shader Kind: "..tostring(myshader_kind), 10, 30)
end

function love.keypressed(key, isrepeat)
  if key == "escape" then
    -- ESC to exit
    love.event.quit()
  elseif key == "f11" then
    -- toggle fullscreen mode
    if love.window.getFullscreen() then
      love.window.setFullscreen(false)
    else
      love.window.setFullscreen(true)
    end
  elseif key == "down" then
    myshader_kind = myshader_kind - 1
    if myshader_kind <= 0 then myshader_kind = #myshaders end
  elseif key == "up" then
    myshader_kind = myshader_kind + 1
    if myshader_kind > #myshaders then myshader_kind = 1 end
  end
end

NVIDIA製GPUが載ったビデオカード(GeForce GTX 750 Ti)を使っているので、NVENC で圧縮・キャプチャできるツールが使いたいなと。ググってみたら、OBS Studio なる配信向けのソフトなら、NVENC を使ってキャプチャ・録画できると知った。

_OBS Studioの詳しい使い方（1/2） - VIPで初心者がゲーム実況するには
_Open Broadcaster Software | ホーム

インストールして試用してみたけど、一応デスクトップ全画面をNVENCを使いながらキャプチャすることができた。

デスクトップ画面のキャプチャや、ウインドウ内容だけキャプチャはできるようだけど…。現行版では特定領域を指定してキャプチャできるようには見えず。一旦全画面でキャプチャしてから、後で AviUtl等を使いつつ、必要な部分だけクリッピングして書き出し、かな…。

krita にブラシ(ブラシプリセット)を追加する際、ほとんどは .bundle ファイルをインポートするだけで済むのだけど。中には、ブラシ画像も別途追加しないといけない場合もあるようで。

例えば、以下のブラシを追加しようとすると…。

_Gimp Leaf Brushes designed for Krita Users by Jshinncreative on DeviantArt

zipを解凍すると、中には、.bundle が1つ、.gih が3つ入ってる。.bundle には、ブラシプリセットだけが入ってて、ブラシ画像は入ってない。.gih は GIMP用のブラシファイル(ブラシ画像)だけど、コレもインポートしないと、.bundle に入ってるブラシプリセットが使える状態にならない。

インポートの仕方は、kritaを起動 → 設定 → リソースを管理。「リソースバンドを管理する」というウインドウだかダイアログが開くので、右側の「バンドルをインポート」を選べば、.bundleファイルをインポートできる。

ブラシ画像は、「ブラシをインポート」を選ぶのだけど…。ファイル選択ダイアログが開くけど、.gih ファイルは一覧表示に出てこないので、一見すると、「.gihはインポートできないのか…」と思ってしまう。が、右下のファイル形式を「gimp-x-gimp-brush-animated (*)」にすれば、.gih も一覧表示に出てくるので選択してインポートできるようになる。

kritaは、Photoshopのブラシファイル、.abr もインポートできる。全ての .abr がインポートできるわけではないらしいけど…。.abr はフォーマット仕様が公開されてないので、解析してみて分かった範囲で対応してるようで。

.abr ファイルを「ブラシをインポート」でインポートしても、その段階ではブラシ画像が追加された状態で、ブラシプリセットまでは登録されてない。ので、別途自分でそのブラシ画像を使うブラシプリセットを作成しないといけない。

例えば、以下のブラシをインポートすると…。

_anime type Tree(leaves) brush XD by xong on DeviantArt

ブラシ画像の一覧の中に、「anime_type_free_leaves〜」というブラシ画像が追加されるので、このブラシ画像を使うブラシプリセットを作成する。何かしらのブラシプリセットを選んで、名前を変更して、Save to Presets ボタンを押して保存。

ちなみに、このブラシの場合、そのままだと上下の向きがおかしいので、180度回転させてみたり。 *1 回転、明度、色相で、「ファジー描点」にチェックを入れてランダムにばらつかせたり。線対称反転で、「水平」や「ファジー描点」にチェックを入れて、横方向にランダムで反転させたり、といった設定をするとイイ感じのブラシプリセットになる。

個人的に気になったブラシをメモ。

以下は、krita用。

_Gimp Leaf Brushes designed for Krita Users by Jshinncreative on DeviantArt
_Krita Environment Brushes by IForce73 on DeviantArt
_Krita Forest Vegetation 3 by IForce73 on DeviantArt
_Krita Leaf/Colouring Brush by taleclock on DeviantArt
_Valentine-brushes-2017 by Jshinncreative on DeviantArt

以下は Photoshop、GIMP用。

_anime type Tree(leaves) brush XD by xong on DeviantArt
_Foliage Brush Set by dierat on DeviantArt
_Foliage Brush Set - images by dierat on DeviantArt
_Leaves Brush Set by Sythgara on DeviantArt

この手のダメなソレも、状況によってはアリかもしれん、とは思っていたり。例えば、TVアニメシリーズの本編で、ほんの一瞬だけ出てくるカットであれば、「まあそのぐらいならいいよな…どうせ一瞬だし…」と思ったりもするわけで。

自分の記憶がたしかなら…。昔、「ハイキュー!!」というTVアニメで、そういうカットを見かけた記憶が。車が田舎のお奇麗な道路を爆走してるカットだったと思うけど。道路脇の植え込み？花壇？が、一枚絵を横長ポリゴンに貼って傾けてスクロールさせてるだけ、みたいな動かし方で。

ただ、そのカットは、以下のような状態で。

• 時々現れては奥へと消えていく街路樹が、ちゃんと3D的に動いてた。
• 車に乗ってるキャラの表情が、いかにも切羽詰まった感じで印象が強かった。
• 一つ二つの台詞で次のカットに切り替わった。そのぐらい、ほんの一瞬のカット。

なので、視聴者の視線は、ずっとそこに存在し続ける植え込みより、出たらすぐに消えていく街路樹に、もしくは感情が伝わるキャラの表情に誘導されるし、しかもすぐに次のカットに切り替わるから、植え込みが不自然な見え方をしていることなんてスルーするわなと。見ていて、「あっ。このカット上手いな」「こういう組み合わせなら、まず気づかんわ」と感心したもので。

本当に「ハイキュー!!」だったかな…。ちょっと自信なくなってきた。たしかそうだった、ような気がするけど。

それはさておき。となると、「高木さん」も同じ手法を使えるかもしれないなと。画面の手前側で自転車を走らせてる高木さんに、視聴者の視線がギューンと向いていく、そんな何かしらをそこに置ければ、背景がちょっとおかしな見え方をしていても気づかれない…。というわけにもいかない。それはちょっと甘い。何故なら画面の中で街路樹が占める面積は大き過ぎるから。アレだけ大きいものが不自然な見え方をしていたらやっぱり気づかれそうだなと。しかも、そのカットを結構長い時間見せてるのもよろしくない。つまり、「高木さん」のED事例は、そういう動かし方でも許される条件が足りてないように思えたり。

でもないか。やり方次第か。例えば自転車を走らせてる高木さんの服が何故かどんどん脱げていって最後は全裸になったら、そりゃもう間違いなく街路樹どころじゃないよね！ …ソレ違う意味であかんわ。

アニメの話とはちょっと違うけど、ゲームならそういう動かし方を見かける時もあるなと思い出してしまったり。

随分昔に、電車の中で痴漢をしまくるという実にアレな内容の3DCGエロゲーをプレイしたことがあるけれど、電車の窓の向こうに見える、流れていくビル群を、そういうアレで処理していて…。斜めから見たビルの絵が一枚ポリゴンに貼ってあって、それが電車と平行な向きで動いていくから、カメラの角度が変わると「うわああ」な見た目に…。

でもまあ、それは仕方ない。ゲームの場合はリアルタイムに描画しないといけないので、計算量はそこそこ少なく、かつ、描画面積も減らさないといかんから、ポリゴン枚数を節約しないといかんのだろう…。背景のビル群にポリゴン使うぐらいなら女性キャラの胸や尻にもっとポリゴンよこせよ！てな状況だし。商品ジャンルからして「ビル群がリアル！」と謳うより、「乳が揺れる！ プルルン！」のほうが売りになるので…これはもう仕方ない。

でも、解決策は無いのかなと当時は考え込んでしまったもので。

ビル群のテクスチャを、斜めから見たビルの絵ではなく、真横からの見た目にしたら改善しないか、とか。でもそうなると、角度が変わった際に「ボク、一枚ポリゴンだよ！」と更にアピールしちゃうよなと。だったら、まだ斜めから見たビルのテクスチャを使ったほうが誤魔化せそう。

_スカイボックス の仕組みを改良して、とか。しかしアレは、かなり遠方にある風景を映し出すソレなので、変化しまくる近景・中景に使える気がしない。ていうかそんなスカイボックスを発明できたら、CG関係のイベントで発表できちゃいそう。

カメラの角度が変わらないなら、 _アウトラン方式(ビルボード) で済むけれど…。このあたり、まだ頓智が求められそう。最低限のポリゴンで、若干それらしく見せる上手い方法はないものか…。

などと書いてはみたけれど、最近はハードウェアのスペックも上がってきてるから、フツーに背景も3Dモデルにしてる場合がほとんどか。某Illusionのタイトル群も、結構背景にポリゴン使ってるし…。

それはともかく。少し前のゲーム画面って今時のアニメ制作、というかデジタル撮影だか合成だかの参考になりそうな部分がそこそこあるような気もしていたり。そもそも昔のゲーム画面は、セル＋フィルム制作時代のアニメの各手法を大いに参考にしつつ、それをデジタルな画像処理に置き換えて見せていたところがあるわけで。アニメ業界に先駆けて、「アニメのアレをデジタルでやるとこうなるのだ」と実例・具体例として示してたというか。更に、少し前のゲーム画面でやれていたことは、えてして今の After Effects 上ならもっとゴージャスな形で実現できるわけで。ショボいけどシンプルなゲーム画面を眺めてデジタルの使い方の原理を知り、それを今時のツールを経由して発展させる、というのもそれほどおかしくないような。

逆に、昔のゲーム画面以下の見た目になってるアニメのカットを目にすると、かなり萎えるというか…。この演出家さんはゲーム画面すら小馬鹿にしてじっくり見たことがないんやろうな、と…。昔はアニメが実写畑から馬鹿にされてたけど、今はアニメ畑が他のアレコレを馬鹿にしてる、という状況があるのかもと邪推したり。そういう状態になると…そのジャンルはもう終わりが近いよな…。新しい血が入ってこないというか…。

木の画像は、Moho上ではイメージとしてレイヤーに追加していくのだけど。

レイヤー設定の「フェイスカメラ」を、当初、「ピボットY軸」に設定したら、カメラをティルト(上下に向きを変更)した際に妙なパースがついて、なんだかコレは違うなと。ちなみに「ピポットY軸」は、レイヤーがY軸を中心にしてカメラのほうを向くけど、X軸は回転しない設定、だと思う。たぶん。自信無いけど。

まだ、フェイスカメラの設定を、「フェイス イメージ プレーン フリー回転」にしたほうが個人的にはしっくり来るなと。ゲームのアウトランっぽい見た目というか、シンプルなビルボードにするなら、この設定のほうがいいのだろう…。

ちょっと分かりづらいので、動画にしてみたり。左から、フェイスカメラ設定が、「いいえ」「ピボットY軸」「フェイス イメージ プレーン フリー回転」になってる。

• 一番左は、カメラがあちこちに動いても、レイヤーは回転しない。そこにレイヤーがそのまま立ってますよ、という見た目になっている。
• 真ん中は、Y軸を中心にして、「カメラ位置」を向くように回転してる。あくまで、「カメラ位置」を向いてることに注意。
• 一番右は、「画面」と平行になるように回転してる。カメラがどの位置・どの向きになっても、形が歪まない・パースはつかない。

板とビルボードで思い出したけど。 _ダライアス外伝のステージ背景 はスゴイよなと…。板とビルボードだけで、よくぞここまで…。

もっとも、今ならフツーに3DCGにしちゃうよな…。

地面部分は、画像をイメージレイヤーとして読み込んで、「レイヤーをXY回転」ツールで、X軸を中心に -90度傾ければ地面っぽくなるかなと。


後は、カメラをZ方向に移動してもいいし、地面に相当するレイヤーのほうをZ方向に移動してもいいし…。

ただ、今回、テクスチャの両脇をどう処理したらいいかで悩んでしまった。とりあえず、両脇がグラデーションで透明になるように、テクスチャのほうを直接弄って(アルファチャンネルを追加して)、Moho側では奥にベタ塗りのベクターレイヤーを置いて誤魔化したけど。一々テクスチャの修正作業に戻ってたら面倒臭いので、できることなら合成ソフト側で、テクスチャとは別にマスクを用意して調整すべきかもしれないなと。あるいは、脇の見苦しい部分を隠すように、草むら等のオブジェクトをビルボードで配置したほうがいいのかもしれず。

「どこまでも続く田舎道」にするためには、地面に相当するレイヤーを奥にいくつも複製して並べていくことになるけれど。今回は Moho上で、グループレイヤーに何枚かイメージレイヤーを入れて並べてから、そのグループレイヤーを複製してまた並べて、という形で大量に複製してみたり。ただ、もっと上手い方法がありそうな気もする。そもそも無限平面を設定できる機能があればいいのだけど…。

画面奥の消失点部分をどう誤魔化すかも悩むところで。ループ動画だとそのあたりがパカパカした見え方になってしまう。手描きで動かす際は、どうやって誤魔化してきたんだろう…。何かテクニックがあるのだろうか。

柵部分はなんだか試行錯誤してしまった。

最初は、アウトランナーズのソレで ―― 要するにビルボードで実現できないかなーと思ったのだけど。

_1992 [60fps] Outrunners Smooth Operator Spain Course ALL - YouTube
_1992 [60fps] Outrunners Road Monster Japan Course ALL - YouTube

つまり、以下のような画像を…。


以下のように並べれば、そこそこイケちゃったりしないかと。


しかし実際に試してみたら…。



まあ、なんとなく予想はしてたけど、ダメですな…。アウトランナーズはあり得ない速度で動いてるから誤魔化せるけど、ゆっくり動くと「うわあああ」になっちゃう。

こういう場合は、それこそ「板」「壁」にしたほうが、まだ誤魔化せるかもしれないなと思えてきたり。つまり、以下のような画像を…。


以下のように配置して…。


これならどうか…。



まだこっちのほうがらしく見える、ような気がする。もっとも、じっくり観察すると、「柵のパースがおかしいやん…」と分かってしまうのだけど。

前述のような作業をしながらBGVでアニメを流してたら、「3月のライオン」というアニメで、ヒロインが主人公の手をグイグイ引っ張って川沿いを歩くカットが目に入った。主人公視点でヒロインを捉えるカットだったけど、そのカットも背景が奥方向に動いてて、堤防(?)の欄干は3DCGで描写してるように見えた。

やっぱり、柵だの欄干だの、つまりはいかにもな立体物が奥方向に動く場合は、3DCGを使ったほうが良さそうだなと。ちゃんと自然な見た目になるし…。

そもそも Moho で作業してみた際に、地面と柵の位置合わせが結構面倒臭くて。前述の動画をよく見ると分かるけど、地面の流れる速度と柵の流れる速度が合ってない。位置合わせ・スケール合わせがキッチリとできてないから、こんな悲惨な状態になるわけで…。これが3DCGなら、地面も柵もピッタリと位置を合わせられるので、奥に流れる速度も合ってくれるはず。

柵部分には、 _freestyle を使って線を描き加えるけど、地面は線を描きたくないわけで。以下の記事を参考にさせてもらって、線を描かないように設定した。

_Blenderのよく使う機能を超簡単に紹介 FreeStyle(2/4) 好きな場所に線を描く:プチ3DCGモデラーの毎日モデリング - ブロマガ

面を選択して、Ctrl + F → FreeStyle面をマーク。FreeStyleラインセット → 面マークを有効にして、面マークの設定を「排他」に。

もしかして、画像のサイズではなく、画像の縦横比でスケール調整されている可能性はないだろうか。例えば、512x288 (16:9) のプロジェクトに、1280x720 (16:9) の画像を読み込んでも、縦横比が同じだから、フレームサイズにピッタリ一致する見た目にスケールが調整されたりしないか…？

試してみた。512x288のフレームサイズで1280x720の画像を、あるいは 1280x720のフレームサイズで512x288の画像を読み込んでみたり、



画像サイズの違いが、ちゃんと反映されている見た目になった。つまり、画像の読み込み時、縦横比を見て調整してるわけではなく、画像サイズを見て調整している模様。

ここまで分かれば、テクスチャを作成する際、フレームサイズの縦幅のドット数で作っておけば色々楽になりそうだなと予想できる。

例えば、512x288 のフレームサイズのプロジェクトなら…。288x288のテクスチャ画像を用意して読み込ませることで、座標値を2.0単位で変更していくだけで、レイヤーを奇麗に並べていくことができる。

以下の例は、512x288のフレームサイズで、288x288のテクスチャ画像を読み込ませて、カメラのz値を0.0から2.0まで変化させた事例。



イメージレイヤーを敷き詰める際も、2.0単位で座標を変更すれば奇麗に並ぶので楽。また、カメラ座標も2.0単位で変化させてるから、最初のキーフレームと終わりのキーフレームがほぼ同じ見た目になるので、ループ動画を作るのも楽。

ということで、Moho用のテクスチャ画像を用意する際は、フレームサイズの縦幅ドット数を意識して作っておくと後の作業が楽になる ―― てなところがあったりするかもしれないなと。

起動直後はメニュー等が英語表示だけど、日本語表示にもできる。Edit → Preferences を選んで、Language で Japanese を選んで、再起動すればいい。



ただ、日本語表示にすると、一部の項目がちょっとおかしくなるようで。気づいた範囲では、鉛筆ツールやペンツールの補間の強さが、妙な文字列になっていた。



「No」「Simple」「Strong」が、「No」「軽」「使用しない」になってる…。まあ、この補間機能は、ベクターレイヤー上でしか働かないみたいなので、ビットマップレイヤー上で作業する分には関係ないっぽいけど。

キャンバスサイズの変更方法が分からなくて悩んだけど、どうやらカメラレイヤーで設定するらしい。カメラレイヤーのアイコンをダブルクリックすると、キャンバスサイズ(フレームサイズ)の変更ダイアログが開く。


アニメ制作ソフトなら実装されてないと結構困る、オニオンスキン機能(前後のフレームをうっすらと表示してくれる。要はトレスボックスみたいなもの)もちゃんとついていた。表示オプションウインドウのアイコンをクリックして有効無効を切り替えたり、タイムラインウインドウ上の「オニオンスキンモード」と書いてあるところのアイコンを何度かクリックすれば、オニオンスキンで表示されるフレームが切り替わる。


他には…。

• キーフレームはドラッグして位置を変えられる。
• タイムラインウインドウ上のループボタンをクリックして有効に、かつ、「範囲」にチェックを入れれば、指定したフレーム間をループ再生できる。
• 鉛筆ツールはアンチエイリアスがかかってしまう。
• アンチエイリアスがかかった線を塗り分け線にして、バケツツールで色を塗ると、境界がぼそぼそした見た目になる。
• ペンツール、ブラシツールは、アンチエイリアスを無効にできる。
• アンチエイリアスを無効にした線＋バケツツールを使えば奇麗に塗れる。その代わり、ジャギだらけ。

2値化で仕上げられた連番画像にアンチエイリアスをかけられるツールがあればいいのだろうけど…。その手のツールってAfterEffectsのプラグインばかりだし…。

1.2.0 の更新内容を眺めたけど、なんだかスゴイ…。

_OpenToonz v1.2 をリリースしました - Google グループ

新機能

・ 横方向にフレームが進み縦方向にセルを重ねる「タイムライン表示」。
・ オープンソースのペイントツール「MyPaint」の機能が盛り込まれ、ラスターレベル上で水彩や鉛筆などの多彩なブラシが使用できるようになりました。
・ ベクターブラシに「スナップ：他の線や頂点に端点の位置を合わせる」「フレーム範囲：２つの描線をフレーム間で自動中割りする」オプション。
・ ベクターブラシで自動中割りを行うための描き順のガイド表示。
・ コマンドを自由にカスタマイズできる「コマンドバー」ウィンドウ。
・ リップシンクソフト「Papagayo」などで作成したリップシンクデータを用いて口パクのシート打ちを自動で行う機能。

OpenToonz v1.2 をリリースしました - Google グループ より

有償ソフトどころか、無料で利用できるアニメ制作ソフトですら、自動で口パクのタイミング合わせができるとは…。もう演出家さんが紙のタイムシート相手に口パクのタイミングを修正する光景は過去のものに…なってないとおかしいなあ。

リップシンクができるソフト・ツールらしいけど…。

_Papagayo (software) - Wikipedia
_Papagayo
_LostMoho/Papagayo: Lipsync tool for animators
_あにくりPro サウンド | Anime Creator 公式サイト
_Pro： サウンドと効果 | イーフロンティア
_水星工房 - ツール＆Tips

GPLソフトらしい。元々は、Moho用に作られたけど、blender や Synfig Studio でも使える、と書いてあるな…。

MyPaintのブラシはどう操作したら使えるようになるのだろう。ググってみたら以下の記事が。

_【OpenToonz】横方向タイムラインと多彩なカスタムブラシ : あいるクリエイト
_OpenToonz with MyPaint brushes available for download - Morevna Project
_MyPaint brushes in OpenToonz - YouTube

レベルを新規作成(タイムシート上で右クリック → 新規レベル、または Alt + N)する際に、Raster level を選ばないと使えないらしい。かつ、スタイルエディタで、「ラスター」タブを選んで、一覧の中からブラシを選ぶ、と。

なんだか Krita っぽいな…。いや、Krita が MyPaint を参考にして作られてるから、似てくるのも当たり前だろうけど。少なくとも、OpenToonz だけで、Krita や MyPaint並みにアナログ感のある素材が描けそうな予感。もっとも、Krita もアニメ制作機能があるからアレだけど。

日本語化は、Edit → Preferences で。


Language を、Japanese (japan) にすれば、再起動後、メニュー等が日本語表示に。

キャンバスサイズ等の設定は、キャンバス → プロパティ、で。


「画像」タブで、キャンバスの幅や高さを設定可能。


動画のフレームレートや長さは、「時間」タブで設定可能。


「フレーム/秒」や「終了時間」を変更して設定。例えば24fpsなら、1秒=24f、2秒=48f、3秒=72f、等を終了時間に設定すればOK。ちなみに再生時間は、終了時間プラス1フレームが自動で設定される。

図形(シェイプ)を描くなら、スプラインツールを使うのが妥当かなと…。


マウスの左ボタンをクリックしていけば、直線で図形が描けるようで。


図形の閉じ方は、最初に打った場所にカーソルを持っていって、マウスの右ボタン(RMB)をクリック。


メニューが出てくるので、「スプラインをループ」を選択。


これで図形が閉じられた、はず。

閉じられた図形に対して塗りつぶしをしたい。塗りつぶしツール(バケツツール)を選択。


直前に図形を閉じた状態なら、バケツツールを選択しただけで、現在の塗りつぶし色で図形が塗りつぶされる。


ちなみにレイヤーは、「境界線レイヤー」と「塗りつぶし領域レイヤー」の2つで構成されてる模様。


あるいは…。スプラインツールで図形を閉じたら、「Spline Creation」の「Make Spline」ボタンをクリック。


塗りつぶした状態で図形が作られる。


各チュートリアル動画を眺めた感じでは、「Make Spline」ボタンをクリックするやり方のほうが正しいらしい。

違う色で塗りつぶしたい場合は…。例えば、パレットエディターを選んで、どれかしらの色をクリックすれば現在の塗りつぶし色として設定されるので…。


バケツツールを選んで、領域をマウスの左ボタン(LMB)でクリックすれば、現在の塗りつぶし色で塗りつぶせる。


ちなみに、左側に表示されてる色は、左上が境界線の色、右下が塗りつぶし色。

似たような感じで、曲線も描ける。スプラインツールを選んで、クリックじゃなくてドラッグするように描いていけば、曲線になってくれる。


後から、曲線のハンドルをドラッグして曲がり方を変えたり、頂点位置をドラッグして変更することも可能。また、制御点ではなく線の部分をドラッグすることでも、線の曲がり方を調整できる。

複数のレイヤーを一つのグループにまとめることもできる。グループにまとめると、アニメーションの動きをつける時に楽になる。

グループへのまとめ方は、まとめたいレイヤーを複数選択(Shift + 左クリック、または、Ctrl + 左クリック)して、下のほうにある「レイヤーをグループ化」ボタンをクリック。


グループにまとまった。


グループは、キャンバス上で、座標系っぽい表示になる。


小さい丸は、変形の制御点で…。

• 緑の丸が、オフセット。(位置の移動)
• 黄色やオレンジの丸が、拡大縮小。
• 青の丸が、回転。
• 赤い丸が、剪断変形(斜めに歪ませる変形)。

という割り当てになってる模様。

Synfig Studio は、各レイヤー・各グループの、位置、大きさ、角度等を変化させて、アニメを作ることができる。

アニメをつける時は、キャンバス右下の、「アニメーション編集モード」ボタンをクリック。


「アニメーション編集モード」が有効になると、アイコンが、緑(立ってる人)から、赤(歩いてる人)に変わって、キャンバスの周りに赤い枠がつく。


Synfig Studio は、キーフレームとキーフレームの間を、自動補間してくれる。デフォルトの補間方法は、キャンバス右下のリストボックスをクリックして選択可能。


補間方法は色々あって…。

• 線形 : 等速運動。
• イーズイン/アウト : ゆっくり動き始めて、ゆっくり動きが終わる。
• 定数 : そのフレームになると、指定された値にパカッと切り替わる。

「クランプ」「TCB」はどういう動きか、ちょっと分かってなかったり。

とりあえず、キャンバス上のレイヤーの緑の丸(オフセット)を変更してみる。現在フレームで、自動的にキーフレームが作られる。


タイムラインウインドウ上の目盛りを左クリックすることで、現在フレームを変更して…。


再度、キャンバス上のレイヤーの緑の丸(オフセット)を変更すると、現在フレームにキーフレームが追加される。


キャンバスの左下のほうに、最初のフレームに移動するボタンや、再生ボタンがあるので、アニメを再生することも可能。


ただ、Synfig Studio は、とにかく動作が重くて…。

• 再生ボタンを押しても最初の数フレームはちゃんと表示されない。
• フレームレートも遅い。

なので、タイムラインウインドウの目盛り上で、マウスの左ボタンを押しながら左右にドラッグして現在フレームを変更しながら、動きを確認したほうがマシかなと。

さておき、オフセット以外にも、拡大縮小、回転、剪断変形(Skew Angle)のパラメータを変化させることも可能。以下は、全部のパラメータを各キーフレームで変えてみた例。


補間方法は、後から変更することも可能。タイムライン上のキーフレームのマークの上で、マウス右ボタン(RMB)クリックすると、補間方法を選べるメニューが表示される。

アニメの動きをつけたら、プレビューして、動きを確認。ファイル → プレビュー、を選択。


プレビュー設定ダイアログが表示されるので、値を指定。


プレビューウインドウが表示される。


表示直後に、プレビュー用データを作るようで、左下の「xxf / xxf」が一旦最後までカウントアップされる。その後、再生ボタンをクリックすれば、動きがプレビューできるはず。

レンダリングして、連番画像、あるいは動画として書き出す。ファイル → レンダリング、を選択。


今回は ffmpeg を選んで、mp4動画として書き出してみたり。動画として書き出す際は、ファイル名の最後の拡張子を「.mp4」等に修正しておくこと。


しかし…。一応、mp4動画として出力してみたけれど。何故か Firefoxで再生できない mp4 になった。なんでだろ。アルファチャンネルが含まれてる状態で出力してたりするのかな…。AviUtl で変換し直すか…。

以下が、出力結果。



ということで、Flashをさらに安っぽくしたようなアニメなら一応作れなくもない…かな…みたいな。

動画として書き出して、VLC media player で確認したら、動画タイトルが文字化けしていて悩んだり。

どうも Synfig Studio は、キャンバス情報の名前に、日本語文字列を入れると文字化けするようで。英数字だけでキャンバス名をつけたほうがヨサゲ。

おまけで、グラデーションの使い方も一応メモ。

グラデーションツールを使うと、キャンバス全体にグラデーションが表示されて、「こんなの何に使えるんだ…」と困惑するのだけど。各レイヤーは、下のレイヤーのアルファチャンネル(マスク情報)を継承できるから、下に置いてあるレイヤーの形で、上のレイヤーを切り抜くことが可能。それを利用すれば使い道も出てくる、ということらしい。

例えば、丸い形のレイヤーを作ったとして。


その上に、グラデーションレイヤーを置く。ここで、グラデーションレイヤーの「ブレンドの種類」を変更。「合成」と表示されてる部分を何度かクリック。


「合成」以外が選べるので、「クリッピング」を選択。


下に置いてあるレイヤーの形で、グラデーションレイヤーを切り抜き・クリッピングすることができる、と。


コレを利用すれば、例えば影部分だけ別レイヤーにして反映させる、といったことも可能なはず。

Synfig Studio は、図形の頂点位置・頂点ハンドルの向きや長さも、自動補間でアニメさせることができる。




もっとも、頂点編集がやりづらいので、作業としては若干苦行な気配も…。

スプラインツールを使って、キャンバス上でクリックしていくと、尖った頂点・接線ハンドルの無い状態の頂点を置いていけるのだけど。それらの頂点をドラッグして移動しようとすると、接線ハンドルが出てしまうのが気になってたわけで。接線ハンドルが無い状態のまま移動できないものだろうか。

キャンバスの上のほうにあるボタンを有効・無効にすることで、目的が叶うと知った。


上記のボタンが有効の状態で頂点をドラッグすると接線ハンドルが発生してしまうけど、無効の状態でドラッグすると接線ハンドルが出ないまま移動できるっぽい。


それとは別に。そもそも全て直線だけで図形を作りたいなら、多角形ツールというものがあるので、それを利用すればいい、ということも分かった。


ただ、スプラインツールで作った図形と違って、境界線をドラッグしても塗りつぶし領域が追随してこない。まずは塗りつぶし領域だけで形を整えて、その後、輪郭線レイヤーを追加したほうがヨサゲ。

レイヤーの中には、フィルタをかけられるレイヤーもあるらしい。追加の仕方は、レイヤー → 新しいレイヤーを追加 → 目的の種類のレイヤーを追加していけばいい。


例えば、ベベルレイヤーを追加すると、以下のような見た目になる。単なるベタ塗りのレイヤーも、ちょっと見栄えがイイ感じになる。


影付けレイヤーもイイ感じ。


他にも色々なレイヤーがある。以下は、左から、ぼかし、ワープ、Halftone レイヤーを置いてみた例。


植物レイヤーなるものが謎だったけど。どうやら葉っぱがずらずらとついたレイヤーらしい。また、放射状グラデーションレイヤーを使えば、ちょっと立体っぽい球を作ることもできる。まあ、このあたりは、Flash関連でよく使われてた小技だけど…。

Synfig Studio には Skeleton Deformation レイヤーなるものがあって、コレを使うとビットマップ画像にボーン(骨)を仕込んで動かすことができるらしい。まあ、 _AnimeEffects や、 _OpenToonzの Plastic Tool みたいな機能と思っておけばいいのかな…。

以下の記事の、「 ビットマップ画像に歪みレイヤーを使う」の項が大変参考になった。ありがたや。

_Synfig Studio - フリーウェアジパング

追加の仕方は、レイヤー → 新しいレイヤーを追加 → ゆがみ → Skeleton Deformation。


ちなみに、画像のインポートは、エクスプローラ等から Synfig Studio のキャンバスに、画像ファイルをドラッグ＆ドロップすればいい。

作業の流れは件の記事を参考にしてもらうとして…。一応、ボーンについてる小さい丸について説明画像を。

• 緑色の点が、ボーンの回転の中心点。ドラッグすると位置(オフセット)を変えられる。
• 青色の点をドラッグすると、ボーンが回転する。
• 赤色？ 橙色？の点をドラッグすると、ボーンの長さを変更できる。
• 紫色の点が、ボーンが画像に対して影響を及ぼす幅を示す。キャンバスの上のほうにあるボタンをクリックして有効にすると表示されるようになる。ドラッグして大きさを変えられる。

今気が付いたけど、グループレイヤーをアクティブにした時に表示される小さい丸と、色の割り当てが同じだな…。

とりあえず、 _以前、AnimeEffectsで実験したソレ と似たようなことを、Synfig Studio でも試してみたり。



ちょっと動きがアレだけど、一応こういうこともできるらしい、ということで。

自動中割りは、線の描き順が重要で。描き順が違う線を自動中割りしようとすると、とんでもない結果になる。ということで、どこから描き始めたのか、どっちに向かって描いてるのか、ガイドで表示してくれると助かるわけで。

操作の仕方については、以下の動画が参考になった。

_Automatic tweening in OpenToonz (guided drawing) - YouTube

一応自分も手順をメモ。

レベル(セル群というかレイヤー群)を新規作成。Col1だのCol2だのの1フレーム目でマウスの右ボタン(RMB、Right Mouse Button？)クリックしてメニューを出して、「新規レベル」を選択。


「新規レベル」ダイアログが開く。タイプは「Toonz Vector Level」で、2フレーム分、作成。


1フレーム目でブラシツールを使って何か描く。


オニオンスキンの範囲を指定する。2フレーム目のレベルをクリックして選択すると、赤い枠がついて、半丸が左上に出るので、上にドラッグすることでオニオンスキンの範囲を指定できる。もしくは、非選択フレームの左端のあたりをクリックすることでも、オニオンスキンの有効無効が指定できる。


キャンバスの上で右クリックメニューを表示。「ベクターレベルの描き順のガイド」→「直近の作画」にチェックを入れる。


1フレーム目に描いたそれぞれの線に、開始点と、描き進んだ方向が追加表示される。この線情報を参考にして、2フレーム目に、同じ描き順で線を描いていけばいい。


1本目を描き終わると、「次の線の描き順はコレだよ」と教えてくれる。


2本目を描き終わると、「次の線はこうだよ」と教えてくれる。


描き終えたら、自動中割り用にフレームを追加する。右クリックメニューを出して、「フレームを追加」を選択。


「開始フレーム」は2に。終了フレームは適当に指定。


何も描かれてないフレームが追加された。最初のフレームから最後のフレームまで複数選択してから(最初のフレームをクリックして選択後、最後のフレームを Shift + クリックすれば複数選択ができる)、間に表示されてる「INBETWEEN」と書かれた部分をクリック。


自動中割りの補間方法が選べる。何かしらを選んで「中割り」をクリック。


自動中割りされた。


3フレーム目以降はタイムシートに登録されてないので、3フレーム目から最後のフレームまで複数選択して、タイムシートの3フレーム目にドラッグアンドドロップして登録。


これで、自動中割りで作ったフレームをタイムシートに登録できた。


ちなみに、自動中割りの補間方法は、「線形」以外にもあって…。

• 線形 : 等速運動。
• スローイン : ゆっくり動き始める。
• スローアウト : ゆっくり動き終わる。
• スローイン/スローアウト : ゆっくり動き始めて、ゆっくり動き終わる。

一応動画にしてみたけど、これでわかる、かなあ…。

OpenToonz 1.2.0 は、ブラシツールで線を1本描くたびに、その場で即座に自動中割りする機能も追加されている模様。以下の動画が参考になった。

_Automatic tweening in OpenToonz (stroke-by-stroke) - YouTube

一応自分も操作方法を少しだけメモ。

ブラシツールのオプションの中に「中割り」というのがあるので、「Off」以外を選択。


1フレーム目を選んで、線を1本描く。描いた線は赤い色で表示される。


自動中割りしたい最後のフレームを選択して、線を1本描く。


描いた途端に、自動中割りが実行される。同時に、選択フレームは1フレーム目に戻る。

前にもこの手のツールを見つけてメモしていたような…。発掘して再掲。

_mieki256's diary - 宇宙船っぽい2Dドット絵を自動生成するツールを試用

日記の中から発掘。

_mieki256's diary - GIMP上でドット絵モドキを生成するPython-Fuスクリプトを書いた
_mieki256's diary - ドット絵モドキを生成するGIMPのPython-Fuスクリプトで遊んでみたり
_mieki256's diary - ドット絵モドキ生成スクリプトの結果画像をDXRubyで描画して雰囲気を確認してみたり
_mieki256's diary - ドット絵モドキを自動生成するソレを自分でも考えて試したり
_mieki256's diary - ドット絵モドキを自動生成するRubyスクリプトを少し手直し
_mieki256/tinypixelspritegenerator: generate pixelart for Ruby