摘要: Three.js源码阅读笔记第三篇,主题是空间中数据的组织,包括Mesh,Geometry派生类,Material类及派生类,Texture类。 阅读全文
posted @ 2012-12-03 09:09 一叶斋主人 阅读(7363) 评论(4) 推荐(2) 编辑
摘要: Three.js源码阅读笔记的第二篇,主要包括两个重要的对象:相机、场景、几何形体、光照对象的原型对象Object3D;几何形体对象Geometry;以及一些其他较次要的对象。 阅读全文
posted @ 2012-12-02 10:09 一叶斋主人 阅读(7538) 评论(0) 推荐(1) 编辑
摘要: Three.js是一个比较伟大的webgl开源库。由于这个库还处在开发阶段,资料非常匮乏,爱好者大部分时间不得不通过阅读该库的源码进行学习,我现在也准备这样做。这是第一篇源码阅读笔记,涉及的是核心对象的一部分:向量(二维、三维、四维),矩阵(3×3、4×4),表面(三角形、矩形),颜色,数学(静态类),计时器。 阅读全文
posted @ 2012-11-29 08:59 一叶斋主人 阅读(8513) 评论(5) 推荐(2) 编辑
摘要: 这是《简明读书心得》的下半部分,这本书的下半节有两章客户端JavaScript内容。由于这部分内容比较繁杂,而概念比较简单,而且很多工作都可以用JQuery来完成,所以我读这本书的时候,这部分就直接浏览了一遍。因此这下半部分只有两节内容,模块化和正则表达式。 阅读全文
posted @ 2012-11-20 15:10 一叶斋主人 阅读(1963) 评论(4) 推荐(0) 编辑
摘要: 我曾经囫囵吞枣地将那本犀牛书《JavaScript权威指南》看了一遍,无奈功力不够,对那些抽象的概念理解很有限。在亚马逊上凑书时想起《JavaScript编程精解》评价不错,就买了一本。书拿到手后,发现其异乎寻常的薄,翻了两页感觉还不错,于是决定花点时间以此书为基础,再梳理一下JavaScript。上半部分主要涉及的内容包括:值和变量、函数、对象、错误处理。 阅读全文
posted @ 2012-11-18 18:20 一叶斋主人 阅读(4511) 评论(12) 推荐(6) 编辑
摘要: 简易的瓦片式地球仪,采用本地的纹理文件,实现了两级金字塔图层,鼠标拖拽以旋转球体,M和N按键调整相机高度。提供源代码下载。 阅读全文
posted @ 2012-10-16 09:53 一叶斋主人 阅读(3167) 评论(0) 推荐(1) 编辑
摘要: 现实中多数物体不是光源,有颜色是因为它们反射全色光的选择性。最简单的WebGL程序不考虑光照而贸然为物体定义颜色,实际上将物体当成了光源。实现光照的方法是,对物体原始的颜色值乘以光照影响因子进行“修正”。光照因子计算的过程(即本篇博文的重点)依赖于光的颜色、类型(环境光、平行光、点光源)和物体表面的反射类型(漫反射和镜面反射)。 阅读全文
posted @ 2012-10-08 16:33 一叶斋主人 阅读(5704) 评论(2) 推荐(2) 编辑
摘要: 一个简单的旋转贪吃蛇程序,只能用左右键控制贪吃蛇的前进方向。需要支持WebGL的浏览器才能运行,且页面为无纹理版本。提供使用纹理版本的源码下载。 阅读全文
posted @ 2012-10-07 15:08 一叶斋主人 阅读(2141) 评论(4) 推荐(0) 编辑
摘要: WebGL中帧的绘制过程并非“一蹴而就”,而是按照一定顺序在幅面上绘制所有的元素。当不同的元素占用同一个像素时,可能需要深度检测(遮挡)或混合(透明)处理,本篇博文对此进行总结,此外还补充了如何从图片文件中加载纹理。 阅读全文
posted @ 2012-10-01 15:03 一叶斋主人 阅读(4203) 评论(0) 推荐(0) 编辑
摘要: 着色器是运行在显卡中的指令,对于矩阵运算和浮点运算作过特别的优化,模型视图矩阵和投影矩阵对顶点坐标的处理在着色器中进行;缓冲区是JavaScript对象,为着色器准备三维空间中的模型数据(即有序的顶点坐标)。本篇博文总结顶点坐标数据经过缓冲区推送到着色器并在屏幕上绘制出的过程。 阅读全文
posted @ 2012-09-21 20:24 一叶斋主人 阅读(6637) 评论(3) 推荐(3) 编辑
摘要: 模型视图矩阵和投影矩阵解决了3D计算机图形学最基本的问题:描述三维空间中点的运动、将三维点坐标映射到二维平面上去。本篇博文着重总结了这两个矩阵的推导过程,以供参考。 阅读全文
posted @ 2012-09-12 12:28 一叶斋主人 阅读(13139) 评论(5) 推荐(6) 编辑