[2]WebGL学习日记2

今天开始正式学习WebGL,今天来点简单的,先让本地跑一个WebGL的应用，Helloword....

教程地址：http://learningwebgl.com/blog/?p=28

演示地址：http://learningwebgl.com/lessons/lesson01/index.html

 

先看看怎样跑起Helloword....

首先建立一个文件夹，然后建立Helloword.html,其次下载页面中的glUtils.js和sylvester.js两个JS文件(要用到,也不知道这两个东西是干吗的,是第三方的还是...?不管了。)

• 编辑Helloword.html

           直接将演示地址的源码粘贴过来，先看看效果先。

           然后直接用浏览器打开即可。

           再看看源码,是不是很烦锁，稍微看一下。

                           initBuffers方法用来生成图形的各点的位置

                           drawScene 方法用来生成图形

      可以试着改变一下某些变量,来熟悉程序,大概知道程序结果及过程就好.

      想想，画个三角形和正方形就要写那么多代码，那以后…..，其实这个只是基础了解一下而已,以后用第三方框架就简单多了。

          Helloword,代码很简单，只是很繁琐。以后也不会直接这样写代码，肯定会用第三方框架，如C3DL，O3D等,画这 些基本图形都很简单。了解一下基础就好了。

    

这个教程的中文翻译:http://article.yeeyan.org/view/centaurtek/100937

• -----------------------------------------------------------------------------------