タグ

WebGLに関するmrhdmsのブックマーク (3)

  • wgld.org | WebGL: ステンシルバッファ |

    描かない技術 前回は点のレンダリングを発展させたポイントスプライトについて解説しました。 ポイントスプライトを用いることで、負荷を抑えつつビルボード処理を行うことが可能になるのでしたね。また、ポイントスプライトを実装するにあたりフラグメントシェーダ内で利用できる discard というステートメントについても触れました。 さて、今回は WebGL におけるステンシルバッファの扱いについて解説します。ステンシルバッファを用いると、今まで以上に多彩な表現や特殊なテクニックを扱うことができるようになります。若干理解しにくい部分もあるかもしれませんが、これまで同様、落ち着いて考えればきっと理解できるはずです。がんばって取り組んでください。 それでは早速ステンシルバッファについて考えてみます。 ステンシル( stencil )は直訳すると[ 型紙 ]や[ 原紙 ]といった意味になる言葉で、3D プロ

    wgld.org | WebGL: ステンシルバッファ |
  • WebGL 開発支援サイト wgld.org

    次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScriptAPI です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP

    mrhdms
    mrhdms 2014/05/01
  • ASCII Google Street View (AMAZING)

    If you are looking for a unique and interesting experience, you may want to check out this rendition of Google Street View in ASCII, which also includes some cool ASCII art. The device features an automatic rotation function, allowing users to focus on their desired content without the need to search for navigation arrows. Additionally, it offers a green color mode for enhanced viewing and a Matri

    ASCII Google Street View (AMAZING)
  • 1