強火で進め

このブログではプログラム関連の記事を中心に書いてます。

WebGLプログラミングのためのjQueryプラグイン

@mike_acton pokes around WebGL and jQuery » #AltDevBlogADay
http://altdevblogaday.org/2011/04/18/mike_acton-pokes-around-webgl-and-jquery/

このプラグインを使うとこんな感じで書ける様になるみたいです。

$.glProgram

  var bump_reflect_program_config = 
  {
    VertexProgramURL:   './shaders/bump_reflect.vs',
    FragmentProgramURL: './shaders/bump_reflect.fs',
  };
  bump_reflect_program = new $.glProgram( gl, bump_reflect_program_config, ProgramLoaded );

$.glModel

  teapot_model         = new $.glModel(   gl, './models/teapot.json',      ModelLoaded       );

$.glTexture

  var bump_texture_config =
  {
    Type:      'TEXTURE_2D',
    ImageURL:  './images/bump.jpg',
    TexParameters: 
    {
      TEXTURE_MIN_FILTER: 'LINEAR',
      TEXTURE_MAG_FILTER: 'LINEAR',
      TEXTURE_WRAP_S:     'REPEAT',
      TEXTURE_WRAP_T:     'REPEAT'
    },
    PixelStoreParameters:
    {
      UNPACK_FLIP_Y_WEBGL: true
    },
  };
  bump_texture         = new $.glTexture( gl, bump_texture_config,         bump_textureLoaded );