タグ

ブックマーク / hagino3000.hatenablog.com (2)

  • OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog

    追記:例題の頂点シェーダーで何をしているか説明を追加しました 追記:動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneandroid端末にも搭載されています。OpenGL ESな

    OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog
    nyamadandan
    nyamadandan 2010/12/22
    JavaScriptAdventCalender21日目WebGLについてからデバッグの仕方までまとめ.
  • WebGLのデバッグ - hagino3000's blog

    今更ながらOpenGL ES 2.0プログラミングガイドを読んで、OpenGLのエラーの取得方法を知った。となればそれをラップしたロガーなんかも世に存在するはずで、探してみたらすぐに見つかった。 Debugging - WebGL Public Wiki http://khronos.org/webgl/wiki/Debugging とりあえず、initGL的なメソッド内部で常に使う様にしてみた。 var canvas = document.getElementById(canvasId); ctx = canvas.getContext("experimental-webgl"); if (window.WebGLDebugUtils) { ctx = WebGLDebugUtils.makeDebugContext(ctx); } 出てくるログを見ても何がいけないのかさっぱりわからない

    nyamadandan
    nyamadandan 2010/12/10
    WebGLのデバッグ方法,導入は楽そう.
  • 1