webgl
文章平均质量分 66
纳铭
这个作者很懒,什么都没留下…
展开
-
shadowMap 简单回顾2
参考的文章COLOR_ATTACHMENT0 = RGBA/UNSIGNED_BYTE textureCOLOR_ATTACHMENT0 = RGBA/UNSIGNED_BYTE texture + DEPTH_ATTACHMENT = DEPTH_COMPONENT16 renderbufferCOLOR_ATTACHMENT0 = RGBA/UNSIGNED_BYTE texture + DEPTH_STENCIL_ATTACHMENT = DEPTH_STENCIL renderbuffer原创 2021-05-16 16:30:38 · 115 阅读 · 0 评论 -
shadowMap 简单回顾
编程指南:shadowMap示例连接编程指南部分代码获取gl变量var canvas = document.getElementById('webgl');var gl = getWebGLContext(canvas);获取Plane、Triangle顶点缓冲区,颜色缓冲区,索引缓冲区(数组转的)var triangle = initVertexBuffersForTriangle(gl); //三角形var plane = initVertexBuffersForPlane(gl);原创 2021-05-16 12:55:31 · 263 阅读 · 0 评论 -
WebGL渲染管线
渲染管线WebGL是个状态机,需要先提前设置所有状态,通过DrawCall命令GPU顺着渲染管线来调用设置好的所有状态,最终获得Framebuffer设置所有状态的过程都是在CPU上跑,DrawCall命令下的渲染管线是GPU上跑渲染管线存在可编程阶段,可配置阶段,不可配置阶段,可选阶段等不同厂商实现的渲染管线部分不同顶点数据(Vertex Data)缓冲对象来存储顶点数据(位置,纹理坐标,法线等),它会在GPU内存(通常被称为显存)中储存大量顶点数据。原创 2021-05-15 21:38:40 · 1721 阅读 · 0 评论 -
Three源码里的WebGLAPI
Three版本是127版WebGLContextAttributes// 获取上下文时支持的参数// getContext('webgl', <WebGLContextAttributes>)dictionary WebGLContextAttributes { boolean alpha = true; boolean depth = true; boolean stencil = false; boolean antialias = true;原创 2021-05-12 23:51:31 · 461 阅读 · 0 评论 -
WebGL1.0 常用API及参数
WebGL Specifications (khronos.org)类型以及对象定义这部分内容主要定义一部分类型和数据结构。typedef unsigned long GLenum;typedef boolean GLboolean;typedef unsigned long GLbitfield;typedef byte GLbyte;typedef short GLshort;typedef long GLin转载 2021-05-12 22:23:06 · 924 阅读 · 0 评论