three.js

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

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

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

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

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

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

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

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

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

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