タグ

ブックマーク / qiita.com/naotaro0123 (1)

  • WebGLでエロゲー風に部分モザイクしてみた - Qiita

    ステンシルバッファ(マスク処理)にシェーダー適用して、部分的にモザイクさせてみました。 Live2D WebGL版と合わせるとこんな感じにできます♪ (エロゲー用の素材を持っていないので公式サンプルでテスト) ・Live2Dで部分モザイクデモ 上記デモページでは、モーション切替とモザイク箇所の切替ができます。 モザイクは一部の描画オブジェクトごとにかけられるように実装しています。 そのため、描画オブジェクトが動くとモザイク部分も動きますっ! WebGLの技術としては、以下のものを使いました。 1)モザイクシェーダー 2)ステンシルバッファ 3)フレームバッファ 4)Live2DのWebGL描画 開発環境 ・Live2D WebGL SDK 2.0.04_1 ・SDKのSimpleプロジェクトをカスタム モザイクシェーダー部分の実装 モザイクシェーダーは以下の記事を参考にさせていただきました

    WebGLでエロゲー風に部分モザイクしてみた - Qiita
    Nyoho
    Nyoho 2015/12/06
  • 1