three.jsで遊んでみる(7)

前回の続きです。 今回は、toon shading や edge 処理とかをやります。 いよいよシェーダーをいじります。 WebGLというかOpenGLでは、 GLSLというシェーダー言語でプログラミングします。 だいぶ……
three.jsで遊んでみる(19)

★2014年4月8日更新 画角に対する対応が不十分だった点と、 計算が間違っていた点について修正しました。 今回は、 輪郭線を見直してみました。 輪郭線を描画するには Sobelフィルターによる手法や、 頂点を法線方向に……
three.jsで遊んでみる(28)
以前に、 テクスチャにDDSを使うとFPSが向上するかも、 というコメントをいただいたので 今回やってみることにしました。 DDS は DirectDraw Surface の略。 名が示す通り、もとはDirectX な……
うちみく!
「うちみく!ウチのミクさんが話を聞いてくれるようです」 実際に試した感じがこちらで紹介されています。 「HTML5 Japan Cup」の応募作品の一つです。 8月31日までの期間限定公開だそうです。 私はチームのメンバ……
three.jsで遊んでみる(26)

G-Tuneの公式キャラクター「Tuneちゃん」の MMDモデルデータが配布されたそうです。 うまく表示できないらしいので調べてみたところ、 マテリアルのアルファ値(透明度)に関する処理が不十分だったようです。 アルファ……
three.jsで遊んでみる(25)
前回のデモを何気に見ていたら、 カメラが大きく切り替わる時に 余計なフレームがほんの一瞬だけ交じっていることに気がつきました。 少々気になったので調べてみた次第です。 MMDのモーションデータであるVMDでは、 タイミン……
three.jsで遊んでみる(24)

とあるカメラモーションにおいて、 輪郭線の太さが変化するという現象が起きていました。 調べてみたところ、 fov(画角)が変わると輪郭線の太さも変わることが分かりました。 画角に対する対応が不十分だったようです。 あと、……
three.jsで遊んでみる(23)

IKがうまく行かないことがあるようです。 対策を入れてみました。 ついでにseekバーなコントローラを導入してみました。 また処理を軽くするために fxaa なアンチエイリアスは止めました。 なお、 shadow などの……
three.jsで遊んでみる(21)

このシリーズの書き込みは久しぶりだったりします。 先日、 とあるPMXなファイルを読もうとしたら、 うまく動かなかったので今回対処してみた次第です。 以前にも書いたりしましたが、 PMXの読み込みに対応してはいるものの、……
three.jsで遊んでみる(22)
前回、 PNG画像の透過判定はメンドイのでとりあえずやらない みたいなこと書きましたが、 バイナリデータとして改めて読み込んで PNG形式に則って解析すればイイんじゃね? と気づきました(^_^;) 同じファイルを2回読……