2018年1月13日土曜日

[Unity3D] オリジナルキャラクターにユニティちゃんのスクリプトを設定する方法

How to attach UnityChan assets to original charactors

Unity3D ゲームエンジン(以下 Unity)にオリジナキャラクターをインポートして「ユニティちゃん」と同じように操作できる方法をまとめました。
応用すれば MikuMikuDance 用のモデルにも適用できます。(下の画像)
blog.fujiu.jp  [Unity3D] オリジナルキャラクターにユニティちゃんの動作を設定する方法
アイティオール株式会社が公開したモデルを MMD4Mechanim で Unity にインポートしました


環境

  • Windows 10
  • MakeHuman 1.1.1
  • Unity 2017.3.0f3


オリジナルの人物モデルを作る

手っ取り早くオリジナルキャラクターを作るため人物のモデリングに特化した無料の MakeHuman を使いました。
MakeHuman のライセンスは AGPL3 ですが作ったモデルのライセンスは CC0 で利用できるようです。
キャラクターのデザインは自由ですが次の設定をしておくと Unity にインポートした後の不具合が少ないと思います。
  • Pose/Animate - Skelton は Cmu mb に設定する
  • Pose/Animate - Pose は Tpose に設定する
特に Skelton は Game engine に設定したら Unity にインポートした後「Required human bone 'Hips' not found」のエラーでリギングできなかったので要注意です。

キャラクターが完成したら
File - Export
で Filmbox (fbx) を選択して名前をつけて FBX ファイルにエクスポートします。


Unity にオリジナルモデルをインポートする

MakeHuman でエクスポートした FBX ファイルをサブフォルダーごと Unity の Project ウィンドウにインポートします。

Project ウィンドウの先ほどインポートした FBX ファイルを選択して Inspector の Rig の Animation Type を Humanoid に変更し Apply をクリックします。


Unity に "Unity-chan!" Model をインポートする

Asset Store から無料でダウンロード出来る "Unity-chan!" Model をインポートします。
このアセットのアニメーションやスクリプトをオリジナルキャラクターで動作させます。


オリジナルキャラクターに "Unity-chan!" のスクリプトを適用する

Project ウィンドウのオリジナルキャラクターを Hierarchy にドラッグ&ドロップします。

Hierarchy ウィンドウのオリジナルキャラクターに Project ウィンドウの
Assets - UnityChan - Prefabs - for Locomotion
の以下の3つのプレファブを追加します。
  • CamPos
  • FrontPos
  • JumpPos

オリジナルキャラクターの Inspector に Project ウィンドウの
Assets - UnityChan - Scripts
の UnityChanControlScriptWithRgidBody というスクリプトを追加します。
RgidBody と Capsule Collider が自動で追加されます。
RgidBody の Freeze Rotation の X・Y・Z をすべてオンにします。
Capsule Collider はキャラクターに合わせて大きさと位置を調整します。

オリジナルキャラクターの Inspector の Animator の Controller を UnityChanLocomotions に設定します。

Hierarchy の Main Camera に Project ウィンドウの
Assets - UnityChan - Scripts
の ThirdPersonCamera を追加します。

これで完了です。
地面がないと落下し続けるので Plane を追加して Mesh Corider をつけて地面として設置しました。
実行するとユニティちゃんと同じ動作をします。
カーソルキーで移動、走っている最中にスペースキーでジャンプします。


関連ブログ

MakeHumanでCLIP STUDIO用3Dキャラクターを作る方法
ゲームのグラフィックや音声を吸い出す方法 (Unity Assets Bundle Extractor)
[Blender] ManuelbastioniLAB でCLIP STUDIO用キャラクターを作る方法
Unity3D のC#スクリプトを Visual Studio Code で編集する方法



2018年1月7日日曜日

ゲームのグラフィックや音声を吸い出す方法 (Unity Assets Bundle Extractor)

How to rip Unity games to graphics and audio clips

Unity Assets Bundle Extractor というツールを使って Unity3D (以下 Unity) 製ゲームのグラフィックや音声を吸い出してファイルに復元する方法を試してみました。


環境

  • Windows 10
  • Unity 5.6.5
  • Unity Assets Bundle Extractor 2.1
このブログを書いている時点の Unity の最新バージョンは 2017.3.0 ですが、Unity Assets Bundle Extractor 2.1 では最新の Unity でビルドしたゲームの吸い出しが出来なかったため Unity をバージョンダウンして検証しました。


吸い出す対象のゲームを作る

メッシュオブジェクトがシンプルな「クエリちゃん SD版」を使って吸い出し方法を説明します。
「クエリちゃん SD版」は Asset Store から無料でダウンロード出来ます。
blog.fujiu.jp ゲームのグラフィックや音声を吸い出す方法

このアセットのプレファブを追加しただけの Scene を作り、キャラクターを吸い出すことを目標とします。

exe ファイルにビルドします。
今回は uabe_sample.exe というファイル名でビルドしました。


Unity Assets Bundle Extractor をダウンロードする

Unity Assets Bundle Extractor (以下、UABE) は Unity でビルドしたファイルからグラフィックや音声を吸い出すツールです。
機能はシンプルですが無料で公式サイトからダウンロードできます。
https://7daystodie.com/forums/showthread.php?22675-Unity-Assets-Bundle-Extractor

ダウンロードした zip ファイルを展開して AssetBundleExtractor.exe をダブルクリックすると起動します。


UABE で吸い出す

exe ファイルをビルドした場所に ○○_Data というフォルダーがあります。
uabe_sample.exe をというファイルにビルドしたらフォルダー名は uabe_sample_Data です。
UABE のメニュー
File - Open
でそのフォルダーの中の sharedassets0.assets というファイルを開きます。
ビルドした Unity が新しすぎると下のような画面が表示されるので選択肢のうち最も新しいバージョンを選択します。

UABE の 解析が正常に出来ると Assets info という画面が表示されます。

Type が Texture2D なら画像、Mesh ならメッシュオブジェクト、AudioClip なら音声です。
Mesh を吸い出すなら メッシュオブジェクトを選択して 右の Plugins をクリックして Export to obj を選んで OK をクリックします。
画像を吸い出すなら Texture2D オブジェクトを選択して Plugins をクリックして Export to .tga または Export to .pngを選んで OK をクリックします。
音声を吸い出すなら AudioClip オブジェクトを選択して Plugins をクリックして Export sound を選んで OK をクリックします。

下は Body のメッシュオブジェクトを吸い出してペイント3Dで開いた結果です。
胴体が吸い出せました。

Texture2D と Mesh を全部吸い出して Blender で復元してみました。
UV座標が保持されているのでテクスチャが正確に再現出来ました。


市販のゲームも吸い出し出来る

ロプライエタリーなゲームでもUnity製なら吸い出し出来ることがあります。
ただしほとんどのゲームは著作権やエンドユーザーライセンス契約などで保護されています。


AUBE の限界

AUBE で吸い出したメッシュオブジェクトはリギングが失われ親子関係も保たれません。
ほかのゲームに使い回すのは難しいと思います。
大事なアセットはバックアップすることをおすすめします。

関連ブログ

Unity3D のC#スクリプトを Visual Studio Code で編集する方法
Live2D を Unity3D で動作させる方法
[Unity3D] ユニティちゃんたちのアニメーションを分離するスクリプト


2017年12月23日土曜日

[セキュリティ] パソコン の Web カメラの盗撮や警告を防ぐ方法

How to stop web camera warnings of security software

2017年11月頃から Windows PC のセキュリティソフトが「Web カメラへのアクセスをブロックしました」という警告を出すようになりました。
blog.fujiu.jp [セキュリティ] パソコン の Web カメラの盗撮や警告を防ぐ方法

盗撮防止機能のようですが1時間に1回くらいの頻度で警告されます。
Web カメラにアクセスしているのは svchost.exeなので危険はないようでが警告のたびにプチフリーズすします。
Web カメラの動作を停止すると警告を出さずに済むのでその方法をまとめました。

環境

  • Windows 10


Web カメラの動作を停止する方法

スタートボタンを右クリックしてデバイスマネージャーを開きます。

デバイスマネージャーのイメージングデバイスの階層からWeb カメラを探します。
この PC のWeb カメラは Integrated Camera という名前でした。

Webカメラのアイコンを右クリックして デバイスを無効にする をクリックします。

これで Web カメラの警告が表示されることはなくなりました。
動作を再開するまで盗撮されることもありません。


Web カメラを利用する場合

Web カメラの動作を停止してる間はWeb カメラが利用できません。
Web カメラを動作させるにはデバイスマネージャーで Web カメラを右クリックして デバイスを有効にする をクリックします。



関連ブログ

[セキュリティ] Twitterの「このリンクは安全ではない」「このリクエストを保留しています」の対策2015年版
[セキュリティ] bitly.com にスパムサイトと誤認されたら
[セキュリティ] Twitterに「スパム、または安全でない」と誤認されたら
[インターネット] Googleストリートビューにプライバシー情報が公開されてしまったら

2017年12月16日土曜日

JavaScript でグラフを作る方法 (Chart.js)

meta name='twitter:description' content='JavaScript で Webブラウザーにグラフを描けるChart.jsを使ってみました。多機能で便利です。' />

How to draw charts on web browsers with Chrat.js

Chart.js はWebブラウザーにグラフを描画できるMITライセンスのオープンソースJavaScriptライブラリーです。
グラフはWebブラウザーのcanvasタグで描画するため、普及率の高いWebブラウザーに対応できます。
この Chart.js を使ってWebブラウザー用のグラフを作ってみました。
blog.fujiu.jp JavaScript でグラフを作る方法 (Chart.js)


環境

  • Windows 7、Internet Explorer 11
  • Windows 10、Edge


固定データの棒グラフを表示する

Chart.js でグラフを表示するには、グラフ化したいデータを JSON 化し、 Chart.js のクラスを呼び出すだけです。
気象庁が公開しているCSVファイルから一部抜粋して簡単な棒グラフを作ってみました。

これをEdgeで表示するとこうなります。

14~19行目のJSONデータを表示したい内容に合わせて変更すればグラフを変更出来ます。


公開データをグラフ化する

一般公開されているCSVファイルの内容をJSONに変換してグラフ化してみました。
気象庁が定期的に更新しているCSVファイルをリアルタイムに棒グラフ化します。
ただし、 このブログを書いている時点では気象庁のWebサイトはクロスドメインアクセス (Access-Control-Allow-Origin) を開放していないため Windows 7 のInternet Explorer 11 でしか動作確認出来ませんでした。



参考にしたコンテンツ

Chart.js は棒グラフのほかにも折れ線グラフ・レーダーチャート・円グラフ・バブルチャート・散布図などがあり、棒と折れ線を重ねることもできます。
そのほか色やアニメーションなど多彩な機能を備えています。
ただし公式サイトは英語のみ。
http://www.chartjs.org/docs/latest/


関連ブログ

Windows10 で古い Internet Explorer を使う方法
Visual Studio Code で Angular の開発環境を構築する方法

2017年12月3日日曜日

Cubase Pro 9.5 無料体験版を使う方法

How to get Cubase 9.5 trial versions

2017年12月、Cubase 9.5 が30日間無料で使える体験版が公開されました。
その入手方法をまとめました。
blog.fujiu.jp Cubase Pro 9.5 無料体験版を使う方法


環境

  • Windows 10 64bit
  • Steinberg USB-eLicenser (ドングル)
USB-eLicenser は Cubse Pro 9.5 体験版を使う場合も購入する必要があります。
USB-eLicenser なしで使える Cubase Elements 9.5 体験版も公開されています。


体験版を申し込む

体験版を入手するには申し込みが必要です。
公式サイトに自分のメールアドレスを登録するとアクティベーションコードと体験版を申し込むと Steinberg Download Assistant をダウンロードするURLがメールで連絡されます。
https://www.steinberg.net/en/products/steinberg_trial_versions/cubase.html


Steinberg Download Assistant で Cubase をダウンロードしインストールする

Download Assistant はSteinbergの各製品のダウンロードするためのツールです。
Cubase のインストーラーをダウンロードするための Download Assistant をインストールします。

Download Assistant を起動すると右上の設定でダウンロードしたファイルの保存場所を変更出来ます。
体験版を使うなら Cubase Pro 9.5 - Full をダウンロードします。

ダウンロードしたファイルは zip 形式の圧縮ファイルです。
展開して Start Installation.exe をダブルクリックするとインストールが始まります。


eLicenser Contorol Center に体験版用アクティベーションコードを入力する

Cubase と一緒にインストールされる eLicenser Contorol Center を起動してアクティベーションコードを入力します。
これで正常に動作すれば30日間利用出来ます。


関連ブログ

Cubase 9.5 は旧バージョンと共存できるか上書きするか
Steinberg HALion Sonic SE 3 を使ってみました
[HALion] Steinberg の無償のサウンドライブラリーを使う方法
[CUBASE] WahWah でオートワウする方法 (サイドチェーン)

2017年11月26日日曜日

Firefox の Adblock Plus 3.0 でフォローしてないツイートを表示しない方法

How to erase useless tweeets with Adblock 3.0

最近のツイッターはハイライトやおすすめなど、フォローしてないアカウントやリツイートの多いツイートを目立つ場所に表示する機能があります。
しかしこの機能が不便に思うことが多々あります。
たとえば地震直後にツイッターを開いてハイライトやおすすめがトップに表示されたら情報収集の妨げになります。
これらのツイートを見たくなくてもその機能を無効にすることができません。

そこで過去に [Adblock] Twitterのプロモーション・おすすめ・アンケートを消し去る方法 というブログを書いたわけですが、Adblock Plus が3.0にバージョンアップしたためこのフィルターが使えなくなってしまいました。
そこで Adblock Plus 3.0 でブロックできるフィルターを作ったのでまとめました。
blog.fujiu.jp Firefox の Adblock Plus 3.0 でフォローしてないツイートを表示しない方法


環境

  • Windows 10
  • Firefox 56.0.2
  • Adblock Plus 3.0


Adblock にフィルターを登録する方法

Adblock にフィルターを登録するとその内容の通りに表示されなくなります。
フィルターを登録するには、Adblock のオプションを開き、

詳細設定のマイフィルターリストをクリックするとテキストボックスが現れフィルターを入力出来るようになります。


おすすめユーザーを表示しないフィルター

下の画面のようなフォローしてないユーザーをおすすめする画面を消すフィルターです。



最近のハイライト を表示しないフィルター

下の画面のようなフォローしてないユーザーのツイートの強制表示を消すフィルターです。



プロモーションを表示しないフィルター

Twitterは広告収益で運営しているためプロモーションツイートを消すことはおすすめしません。



アンケートを表示しないフィルター

アンケートは負荷の高いJavaScriptを使っているようで、消し去るとブラウザーの動作が軽快になります。



「過去1時間の報告が完了しました」を表示しないフィルター




参考にしたコンテンツ

Writing Adblock Plus filters

https://adblockplus.org/filters


関連ブログ

「Firefoxは現在Twitterに接続できません」の対処方法
ツイッターAPIの検索で複数の画像URLが取得できない対策方法
[セキュリティ] Twitterの「このリンクは安全ではない」「このリクエストを保留しています」の対策2015年版

2017年11月18日土曜日

Cubase 9.5 は旧バージョンと共存できるか上書きするか

Cubase 9.0 and 9.5 can live side-by-side

2017年11月、Cubase の最新バージョン 9.5 がリリースされました。
一つ前のバージョン Cubase Pro 9 がインストールされた環境に 9.5 をインストールすると共存できるのか、それとも上書きされるのか試してみました。
blog.fujiu.jp Cubase 9.5 は旧バージョンと共存できるか上書きするか


環境

  • Windows 10
  • Cubase Pro 9
  • HALion Sonic SE 3
上記がインストールされた環境に Cubase Pro 9.5 をインストールします。


インストールするときの注意

今回は Cubase Pro 9.5 - Full をダウンロードしてインストールしました。

Cubase 9.5付属の HALion Sonic SE はFLUX ウェーブテーブルシンセサイザーが追加されています。
無料で公開されている HALion Sonic SE と内容が異なるので Cubase 9.5 をインストールした後、念のため HALion Sonic SE を再インストールしました。


共存できたもの

Cubase 9.5 をインストールしても 9.0 は上書きされず共存出来ました。

Cubase 9.5 では付属プラグインの Vintage Compressor、Tube Compressor、Magnet のUIが刷新されました。

これらのプラグインは上書きされずCubase 9.0 では従来のものが起動しました。

9.5 の Cubase Plug-in Set.vst3 を 9.0 のインストールフォルダーに上書きコピーしたら 9.0 で刷新されたプラグインが起動しました。

FLUX が追加された HALion Sonic SE は Cubase 9.5 をアクティベーションしないままでは従来通りのFLUXなしで起動しました。

何度もインストールし直して確かめたのですが、ライセンスをアクティベーションすると FLUX が使えるようです。


上書きされたもの

このブログを書いている時点では見つかってません。


結論

Cubase 9.0 と 9.5 は1台のPCで共存出来ました。
Cubase 9.0 をインストール済みのPCに 9.5 をインストールしても作成中のプロジェクトは影響を受けないようです。


関連ブログ

CUBASE Pro 9 で変わった点
Steinberg HALion Sonic SE 3 を使ってみました
[HALion] Steinberg の無償のサウンドライブラリーを使う方法
[CUBASE] WahWah でオートワウする方法 (サイドチェーン)