我的订单|我的收藏|我的商城|帮助中心|返回首页
虚拟现实新闻>VR>行业资讯>技术专区

WebGL 简单范例 代码

文章来源:不详 作者:Frank 发布时间:2010年10月11日 点击数: 字号:
CreateData();   // main loop 

        setInterval( drawScene, 30 );

 

      }

 

    而在这边比较特别的,就是在编写 WebGL 程序时,必须先透过 DOM 来取得要使用的 Canvas、并透过他产生 WebGL rendering context,也就是函式一开始标示成黄色的区块。

 

    其中,g_WebGLContext 是一个全域变量,是用来指向 WebGL rendering context 的。而在程序上,就是先透过 DOM 找到 id 为「canvas_object」的组件,再透过 canvas getContext() 来取得 WebGL rendering context;不过要稍微注意的是,目前是使用「experimental-webgl」,但是以后等到 WebGL 正式版的时候,应该会改成使用「webgl」。

 

    而由于这是一个很简单的范例,所以在取得 WebGL Context 后,就只有简单的设定 viewport clear color,其它都使用 OpenGL ES 的默认值,然后就开始建立所需的 shader program 和对象数据、然后进入 main loop 了~

 

    由于 OpenGL 3.0 / OpenGL ES 2.0 基本上已经将 fixed pipeline 的东西丢了,所以连同在 WebGL 环境里,都是一定要自己编写 Vertex Shader Fragment Shader 的!

 

    而在 WebGL 里,每一个 shader 程序,都是一个独立的 <script>、藉由不同的 id type 来做区隔;

共11页 您在第3页 首页 上一页 1 2 3 4 5 6 7 8 9 10 11 下一页 尾页 跳转到页 本页共有3529个字符
  • 暂无资料
  • 暂无资料
  • 暂无资料
  • 暂无资料
  • 暂无资料