LearnOpenGL_JS

``` export var vs_pbr = `#version 300 es precision mediump float; layout (location = 0) in vec3 aPos

反射方程 镜面反射部分 简化 分割求和近似法 简化 代入F菲涅尔方程 简化方程 由于 f(p,ωi,ωo) 已经包含 F 项，它们被约分了，这里的 f 中不计算 F 项。 BRDF积分贴图 2D 查找

cubeMap顶点着色器 cubeMap片元着色器 background顶点着色器 background片元着色器 pbr 顶点着色器 pbr片元着色器 代码

从等距柱状投影到立方体贴图 直接使用等距柱状投影图获取环境信息，但是这些操作还是显得相对昂贵 直接采样立方体贴图的性能更高 hdr result cubemap顶点着色器 cubemap片元着色器 c

顶点着色器 片元着色器.....................................................

COOK-TORRANCE BRDF 几乎所有实时渲染管线使用的都是一种被称为Cook-Torrance BRDF模型。 能量守恒定律(kd ks) COOK-TORRANCE BRDF的漫反射(f

hdr顶点着色器 hdr片元着色器 顶点着色器 片元着色器 VAO VAO createFramebuffer createTexture bindTexture texImage2D createR

顶点着色器 片元着色器 贴图与法线贴图 render.........................

左边用了gamma,右边没有用gamma 顶点着色器 片元着色器 Texture drawCall...

顶点着色器 片元着色器 drawcall cube drawcall plane drawcall 透明物体 从近到远draw

lamp顶点着色器 lamp片元着色器 material顶点着色器 (lighting 模型) material片元着色器 (lighting 模型) 两个模型 lamp 与 lighting cre

lamp顶点着色器 lamp片元着色器 material顶点着色器 (lighting 模型) material片元着色器 (lighting 模型) 两个模型 lamp 与 lighting cre

顶点着色器 片元着色器 createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPointer

顶点着色器 片元着色器 createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPointer

顶点着色器 片元着色器 VAO createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPoi

上下文获取 窗口缩放函数 创建shader和program,删除shader VAO createVertexArray bindVertexArray createBuffer bindBuffer

上下文获取 窗口缩放函数 创建shader和program,删除shader VAO createVertexArray bindVertexArray createBuffer bindBuffer

上下文获取 窗口缩放函数 创建shader和program,删除shader 顶点着色器 片元着色器 导出 shader的创建 使用shader VAO createVertexArray bindV