2012年10月19日プログラミングMMD,three.js

Thumbnail of post image 003
前回の続きです。 今回は、toon shading や edge 処理とかをやります。 いよいよシェーダーをいじります。 WebGLというかOpenGLでは、 GLSLというシェーダー言語でプログラミングします。 だいぶ昔、DirectX9の頃に HLSLをちょっと使ったことはあ ...

2013年6月5日プログラミングMMD,three.js

Thumbnail of post image 076
★2014年4月8日更新 画角に対する対応が不十分だった点と、 計算が間違っていた点について修正しました。 今回は、 輪郭線を見直してみました。 輪郭線を描画するには Sobelフィルターによる手法や、 頂点を法線方向に少し引き伸ばして裏面描画による手法、 とかがあります。 MM ...

2014年6月8日プログラミングMMD,three.js

以前に、 テクスチャにDDSを使うとFPSが向上するかも、 というコメントをいただいたので 今回やってみることにしました。 DDS は DirectDraw Surface の略。 名が示す通り、もとはDirectX なファイル形式ですが、 一般的な認識としては、S3TC(DXT ...

つぶやきMMD,three.js,YouTube

「うちみく!ウチのミクさんが話を聞いてくれるようです」 実際に試した感じがこちらで紹介されています。 「HTML5 Japan Cup」の応募作品の一つです。 8月31日までの期間限定公開だそうです。 私はチームのメンバーではありませんが、 プラグインの形でソースを提供させてもら ...

2014年4月26日プログラミングMMD,three.js

Thumbnail of post image 096
G-Tuneの公式キャラクター「Tuneちゃん」の MMDモデルデータが配布されたそうです。 うまく表示できないらしいので調べてみたところ、 マテリアルのアルファ値(透明度)に関する処理が不十分だったようです。 アルファ値がゼロ、つまり透明なのに表示されてしまう不具合がありました ...

2014年4月13日プログラミングMMD,three.js

前回のデモを何気に見ていたら、 カメラが大きく切り替わる時に 余計なフレームがほんの一瞬だけ交じっていることに気がつきました。 少々気になったので調べてみた次第です。 MMDのモーションデータであるVMDでは、 タイミングを示すキーはフレーム番号で管理されており、 1フレーム=1 ...

2014年4月8日プログラミングMMD,three.js

Thumbnail of post image 159
とあるカメラモーションにおいて、 輪郭線の太さが変化するという現象が起きていました。 調べてみたところ、 fov(画角)が変わると輪郭線の太さも変わることが分かりました。 画角に対する対応が不十分だったようです。 あと、計算が間違っていたりしました(^_^;) そんなわけで改善し ...

プログラミングMMD,three.js

Thumbnail of post image 048
IKがうまく行かないことがあるようです。 対策を入れてみました。 ついでにseekバーなコントローラを導入してみました。 また処理を軽くするために fxaa なアンチエイリアスは止めました。 なお、 shadow などのチェックを全て外し、 outline scale をゼロにす ...

2014年2月20日プログラミングMMD,three.js

Thumbnail of post image 145
このシリーズの書き込みは久しぶりだったりします。 先日、 とあるPMXなファイルを読もうとしたら、 うまく動かなかったので今回対処してみた次第です。 以前にも書いたりしましたが、 PMXの読み込みに対応してはいるものの、 PMDの代わりっぽく扱っていたりしました。 実際、今までテ ...

プログラミングMMD,three.js

前回、 PNG画像の透過判定はメンドイのでとりあえずやらない みたいなこと書きましたが、 バイナリデータとして改めて読み込んで PNG形式に則って解析すればイイんじゃね? と気づきました(^_^;) 同じファイルを2回読むことになってしまいますが、 画像として読み込んだ後にやれば ...