WebGL笔记(目录)

一共不到十篇的文章,算不上长篇大论,也没有什么深入分析,只不过把自己一步步的学习过程简单记录下来。同时也是对MDN教程代码的重写,做了相应的删改,去掉了一些可能会干扰思路的部分。

原来是想直接翻译MDN的原文,但是感觉原文代码不太严谨,而且是一个例子贯穿始终;再加之自己E文也是水平不咋的,倒不如唠点大白话、提供几个例子更符合我个人的风格和能力水平、更喜闻乐见一点。

 

 

WebGL笔记(一):起步

image

WebGL-Step-01.html   2.9 KB

 


 

WebGL笔记(二):顶点着色

201111301648392009.png

WebGL-Step-02.html   4.2 KB

WebGL-Step-02pro.html   1.9 KB

 


 

WebGL笔记(三):绘制立方体

201112010142493288.gif

WebGL-Step-03.html   5.8 KB

WebGL-Step-04.html   3.5 KB

 


 

WebGL笔记(四):初步封装

201112021126219364.png2011120211262548.png

 


 

WebGL笔记(五):封装顶点和颜色等数组数据(一)

 


 

WebGL笔记(五):封装顶点和颜色等数组数据(二)

20111203220221619.png

201112032202222929.png

WebGL-Step-04.html   3.5 KB

 


 

WebGL笔记(六):简单灯光

201112042326449756.png

WebGL-Step-06.html   3.6 KB

 


WebGL笔记(七):贴图

201112051141037729.png

WebGL-Step-07pro.html   3.7 KB

ff32.png   93.1 KB


更多资源:

https://developer.mozilla.org/en/WebGL

http://en.wikipedia.org/wiki/WebGL

https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/demos/webkit/


涉及到的js库

文件名说明
iWebGL_beta_0.4.js   9.8 KBiWebGL对象类,用于封装诸多相关操作
ArrayHelper_beta_1.0.js   11.6 KBArrayHelper/GroupHelper等数据操作类
sylvester.js   13.3 KBMatrix基础类
glUtils_mod.js   5.0 KB修改过的Matrix类

 

 

(完)

转载于:https://www.cnblogs.com/muse/archive/2011/12/05/2276635.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值