
WebGL
果丹皮1
这个作者很懒,什么都没留下…
展开
-
WebGL系列(一)顶点着色器、片元着色器与WebGL坐标系统
顶点着色器(Vertex shader):用来描述顶点属性(如位置、颜色等)的程序。顶点是二维或者三维空间中的一个点,比如二维或者三维图形的端点或交点。 //顶点着色器程序 var VSHADER_SCOURCE = 'void main() {\n' + ' gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n' + ' gl_Poin...原创 2018-10-30 15:30:38 · 2974 阅读 · 0 评论 -
三维数据开源可视化平台
1.Cesium Cesium可以说是目前最好的虚拟地球三维引擎平台,提出了支持大数据高速渲染的3Dtiles数据格式,支持时间序列地理数据的三维可视化,并且支持粒子系统,模拟各种场景。目前稳定性有待提高。 网站:https://cesiumjs.org/ 2.Three Three是发展最早的三维可视化平台,发展的非常成熟,可以制作非常逼真的三维效果,目...原创 2019-03-02 10:18:39 · 19311 阅读 · 1 评论 -
WebGL系列(二)三维运算矩阵
视图矩阵(viewmatrix) viewMatrix.setLookAt(eyex,eyey,eyez,atx,aty,atz,upx,upy,upz) eye是视点,at是观察点,up是指定上方向 模型矩阵(modelmatrix) modelMatrix.setRotate(-10,0,0,1)表示绕z轴旋转10度 可视空间: 长方体,盒状空间,正射投影(orthograph...原创 2019-03-31 10:11:30 · 885 阅读 · 0 评论 -
WebGL系列(三)OpenGL ES着色器语言(GLSL ES)
GLSL ES是强类型语言,大小写敏感,它从main()函数开始执行,必须有且只有一个main()函数,且不接收任何参数。 GLSL ES如果函数有返回值,必须明确指定返回值类型,没有返回值,需要用void来明确表示没有返回值。 数据类型 数值类型:整数int和浮点数float 布尔值类型:true和false 变量 a-z,A-Z,0-9和下划线_ 首字母不能是数字 不能以gl_...原创 2019-03-31 23:08:31 · 1082 阅读 · 0 评论 -
WebGL系列(四)绘制和变换三角形
缓冲区对象(bufferobject)可一次性向着色器中传入多个顶点数据,缓冲区对象是webGL系统中一块内存区域,我们可以一次向缓冲区对象中填充大量顶点数据,并将这些数据保存其中,供顶点着色器使用。五个步骤: 1、创建缓冲区对象(gl.createBuffer) 2、绑定缓冲区对象(gl.bindBuffer) 3、将数据写入缓冲区对象(gl.bufferData()) 类型化数组 ...原创 2019-04-05 20:54:48 · 349 阅读 · 0 评论