タグ

webglとcgに関するaikeのブックマーク (3)

  • wgld.org | contribution: JSON モデルデータの読み込み |

    Graphical Web ! 当テキストは Graphical Web Advent Calendar 2013 - Adventar への参加記事です。 Graphical Web という言葉は、なんとなく響きがかっこいいですね。HTML5、CSS3、そして我らが WebGL。いずれも、グラフィカルな側面を多く含む技術です。当サイトは WebGL の開発を支援するサイトですから、当然今回の企画にも WebGL にまつわる記事を寄稿させていただこうと思います。 今回のテーマは、JSON モデルデータの読み込みとレンダリングです。Advent Calendar から初めて当サイトに来られたという方もいらっしゃるでしょうから、今回はいろいろと当サイトの記事などを引用しつつ丁寧に解説してけたらと思います。 three.js と WebGL WebGL を用いた開発シーンでは、いまや欠かすことの

    aike
    aike 2015/01/21
  • 超弾幕も可能? WebGL高速化のススメ

    今日のテーマ WebGL高速化のススメ 今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って? というところから簡単に解説します。

    超弾幕も可能? WebGL高速化のススメ
  • WebGLの能力を引き出すプログラマブルシェーダー

    WebGLの能力を引き出すプログラマブルシェーダー Webページ上で利用できるグラフィック技術を紹介する連載も、ついに最終回となりました。フィナーレを飾る題材は、WebGLの最も強力な機能である「プログラマブルシェーダー」です。前回(多彩な表現力のWebGLを扱いやすくする「Three.js」)と同様にThree.jsの使用を前提として、プログラマブルシェーダーの基的な書き方と、Three.jsを各機能に組み込む方法を解説します。 前回はThree.jsの代表的な機能を解説し、いずれもWebGLでなければ実現の難しいものばかりでした。しかし、実はそれでもWebGLの能力のごく一部を使っているにすぎません。独自のプログラマブルシェーダー(カスタムシェーダー)を書くことができれば、描画処理の大部分を柔軟にカスタマイズでき、望み通りの表現を得られます。Three.jsの使い方に慣れたら、ぜひ

    WebGLの能力を引き出すプログラマブルシェーダー
  • 1