首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
LearnOpenGL_JS
纳铭
创建于2021-06-12
订阅专栏
LearnOpenGL javascript 版
暂无订阅
共18篇文章
创建于2021-06-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
OpenGL_JS-iblSpecular
``` export var vs_pbr = `#version 300 es precision mediump float; layout (location = 0) in vec3 aPos
OpenGL_JS-brdfLutt
反射方程 镜面反射部分 简化 分割求和近似法 简化 代入F菲涅尔方程 简化方程 由于 f(p,ωi,ωo) 已经包含 F 项,它们被约分了,这里的 f 中不计算 F 项。 BRDF积分贴图 2D 查找
OpenGL_JS-iblIrradiance
cubeMap顶点着色器 cubeMap片元着色器 background顶点着色器 background片元着色器 pbr 顶点着色器 pbr片元着色器 代码
OpenGL_JS-iblCubemap
从等距柱状投影到立方体贴图 直接使用等距柱状投影图获取环境信息,但是这些操作还是显得相对昂贵 直接采样立方体贴图的性能更高 hdr result cubemap顶点着色器 cubemap片元着色器 c
OpenGL_JS-lightingTextured
顶点着色器 片元着色器.....................................................
OpenGL_JS-lighting PBR 直接光照
COOK-TORRANCE BRDF 几乎所有实时渲染管线使用的都是一种被称为Cook-Torrance BRDF模型。 能量守恒定律(kd ks) COOK-TORRANCE BRDF的漫反射(f
OpenGL_JS-HDR
hdr顶点着色器 hdr片元着色器 顶点着色器 片元着色器 VAO VAO createFramebuffer createTexture bindTexture texImage2D createR
OpenGL_JS-normalMapping
顶点着色器 片元着色器 贴图与法线贴图 render.........................
OpenGL_JS-gammaCorrection
左边用了gamma,右边没有用gamma 顶点着色器 片元着色器 Texture drawCall...
OpenGL_JS-blending_sorted 融合
顶点着色器 片元着色器 drawcall cube drawcall plane drawcall 透明物体 从近到远draw
OpenGL_JS-lighting_maps_specular
lamp顶点着色器 lamp片元着色器 material顶点着色器 (lighting 模型) material片元着色器 (lighting 模型) 两个模型 lamp 与 lighting cre
OpenGL_JS-Phongmaterials
lamp顶点着色器 lamp片元着色器 material顶点着色器 (lighting 模型) material片元着色器 (lighting 模型) 两个模型 lamp 与 lighting cre
OpenGL_JS-coordinate_systems_multiple
顶点着色器 片元着色器 createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPointer
OpenGL_JS-transformations
顶点着色器 片元着色器 createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPointer
OpenGL_JS-textures
顶点着色器 片元着色器 VAO createVertexArray bindVertexArray createBuffer bindBuffer bufferData vertexAttribPoi
OpenGL_JS-shaders_uniform
上下文获取 窗口缩放函数 创建shader和program,删除shader VAO createVertexArray bindVertexArray createBuffer bindBuffer
OpenGL_JS-hello_triangle
上下文获取 窗口缩放函数 创建shader和program,删除shader VAO createVertexArray bindVertexArray createBuffer bindBuffer
OpenGL_JS-shaders_class
上下文获取 窗口缩放函数 创建shader和program,删除shader 顶点着色器 片元着色器 导出 shader的创建 使用shader VAO createVertexArray bindV