WebGL
关注
分享
扫一扫
文章平均质量分 53
iteye_1617
这个作者很懒，什么都没留下…
展开
-
WebGL学习笔记【一】概述及三角形
转自：http://www.cnblogs.com/kohpoll/WebGL学习笔记【一】概述及三角形 最近开始研究起WebGL来，发现以前在图形学课上看javascript还真是不太理智的做法。 这一系列学习笔记是自己学习过程的总结，难免有错和不正确，希望发现问题的同学可以“惨无人道”的指出。 WebGL简单说就是OpenGL在浏览器端的实现。...原创 2012-03-08 14:52:44 · 168 阅读 · 0 评论 -
WebGL学习笔记（基础知识篇）
WEBGL基础知识介绍1、场景（scene）场景如其名，即显示3D空间内物体的容器，就好比一个箱子是一个3D场景。 2、坐标系：webgl使用笛卡尔坐标系（宽度、高度和深度），我们也可以指定使用其它坐标系统。WEBGL与过去我所使用的flash3D坐标系有一些区别，在flash3d中，屏幕的左上角为坐标系原点，向下为Y轴正方向，向右为X轴正方向，而在webgl中，...原创 2012-08-22 19:28:09 · 675 阅读 · 0 评论 -
WebGL学习笔记（数学知识篇）
1、点乘用于求两个向量的夹角 2、差乘用于计算两个向量的法向量 3、齐次坐标系在三纬空间内，Vecror即可以表示向量也可以表示空间内一点，为了区分点与向量，引入齐次坐标系，即Vector4(x,y,z,w)来表示空间内的点，W默认权重值为1 4、退化三角形(Degenerate Triangles)退化三角形是指面积为零的三角形。满足下列条件之一的三角...原创 2012-08-23 09:39:32 · 1075 阅读 · 0 评论 -
GLSL语言学习笔记
1、什么是渲染管线？ 渲染管线也称为渲染流水线，是显示芯片内部处理图形信号相互独立的的并行处理单元。 2、管线的大致工作流程 顶点着色器中处理所有定点的位置、颜色，传递给下一阶段组装成精灵、线条和三角形，并根据视截体的可视范围来进行裁剪（抛弃不可见的元素），最后由片段着色器进行光栅化处理，光栅化的片段数量会远远高于顶点的数量。 3、着色器的数据类型 ...原创 2013-06-07 12:57:45 · 272 阅读 · 0 评论 -
Three.JS 从世界坐标系转换到屏幕坐标系
var projector = new THREE.Projector();var world_vector = new THREE.Vector3(0,0,1);var vector = projector.projectVector(world_vector, camera);var halfWidth = window.innerWidth / 2;var h...原创 2013-04-17 17:25:13 · 1397 阅读 · 0 评论 -
Webgl开发技巧汇总
1、限制最小值 var random = Math.random()*100;// 限制最小时间为3000msvar time = Math.max(3000,(random*40)); 2、将HTML元素做为材质对象使用 var context = canvas.getContext('2d');context.globalAlpha = 1;c...原创 2013-04-23 09:28:28 · 333 阅读 · 0 评论