计算机图形——OpenGL

OpenGL

．　荒废了太久，趁着“寒假”死磕了两周，验证了不少想法，解开了不少疑惑，代码质量当然是没有的（|||-_-|||），一切只为看到结果，有空了再写每一项的细节。

> 项目地址 <

2019/8/10 更新

顶点动画-广告牌(一)

面片广告牌

2D广告牌.gif

模型广告牌

3D广告牌.gif

2019/7/14 更新

卡通渲染(一)

Phong-Blinn光照

phong_blinn.png

Lambert光照

lambert.png

Half-Lambert光照

half_lambert.png

Lamaber-卡通渲染

lambert_卡通风格.png

Half-Lamaber-卡通渲染

half_lambert_卡通风格.png

渐变过渡

demo

2019/6/27 更新

SSAO

SSAO 遮蔽贴图

ssao遮蔽因子.png

无SSAO 单光源渲染

无ssao单光源.png

有SSAO 单光源渲染

有ssao单光源.png

无SSAO 多光源渲染

无ssao多光源.png

有SSAO 多光源渲染

demo/ssao/有ssao多光源.png

有SSAO => 无SSAO 渐变

demo/ssao/ssao.gif

2019/5/12 更新

延迟渲染

GBuffer 世界坐标

GBuffer 世界法线

GBuffer 漫反射

300个点光源

2019/3/6 更新

一个粗糙的模型

demo.gif

2019/2/26 更新

HDR

未开启HDR，远距离

hdr_未开启.png

未开启HDR，近距离

hdr_未开启_近距离.png

开启HDR，远距离

hdr_16.png

开启HDR，近距离

hdr_16_近距离.png

法线贴图

无法线贴图

法线贴图_无贴图.png

无法线贴图

法线贴图_无贴图.gif

有法线贴图

法线贴图_有贴图.png

有法线贴图

法线贴图_有贴图.gif

视差贴图

无视差贴图

视差贴图_无贴图.png

无视差贴图

视差贴图_无贴图.gif

有视差贴图

视差贴图_有贴图.png

有视差贴图

视差贴图_有贴图.gif

泛光

无泛光

泛光_无.png

提取亮度

泛光_发光贴图.png

泛光效果

泛光_最终效果.png

泛光效果

泛光_最终效果.gif

2019/2/2 更新

标准光照模型

环境光

环境光.png

漫反射

demo/漫反射.png

高光

镜面反射.png

标准光照

标准光照.png

标准光照

标准光照(贴图).png

标准光照

渲染纳米机器人.png

标准光照

渲染纳米机器人.gif

多纹理

10个箱子.png

放射光贴图.png

光源

方向光

方向光.png

点光源

点光源.png

聚光灯

聚光灯.png

多光源

多光源.png

描边

描边1.png

描边2.png

环境映射

反射

天空盒子_反射环境.png

天空盒子_反射(机器人).png

折射

天空盒子_折射.png

天空盒子_折射(动态机器人).gif

天空盒子_折射(动态).gif

无反射贴图

天空盒子_机器人2.png

有反射贴图

天空盒子_机器人(反射贴图)2.png

渲染实例化数组

1秒6千个模型渲染

实例化数组_1000.png

1秒12万个模型渲染

实例化数组_20000.png

拉近距离

实例化数组.png

后期处理

无后期

离屏渲染_正常.png

置灰

离屏渲染_灰度.png

反色

离屏渲染_反色.png

边缘

离屏渲染_边缘检测.png

模糊

离屏渲染_模糊.png

几何着色器

膨胀模型

几何着色器_顶点爆炸.png)

渲染法线

几何着色器_渲染法线.png

全透/半透/不透混合渲染

全透部分渲染错误

未丢弃草的空白片段(箱子，草，窗).png

半透部分渲染错误

未丢弃草的空白片段(箱子，窗，草).png

正确渲染

丢弃草的空白片段(箱子，草，窗).png

多相机渲染

多相机渲染.png

阴影

方向光阴影 256分辨率 无平滑

阴影_方向光(未平滑锯齿)256深度贴图锯齿.png

方向光阴影 256分辨率 有平滑

阴影_方向光(平滑锯齿)256深度贴图锯齿.png

方向光阴影 512分辨率 无平滑

阴影_方向光(未平滑锯齿)512深度贴图锯齿.png

方向光阴影 512分辨率 有平滑

阴影_方向光(平滑锯齿)512深度贴图锯齿.png

方向光阴影 1024分辨率 无平滑

阴影_方向光(未平滑锯齿)1024深度贴图锯齿.png

方向光阴影 1024分辨率 有平滑

阴影_方向光(平滑锯齿)1024深度贴图锯齿.png

方向光动态光源

阴影_方向光_动态光源.gif

聚光灯阴影

阴影_两个聚光灯.png

聚光灯动态光源

阴影_聚光灯.gif

点光源阴影

阴影_点阴影.png

点光源动态光源

阴影_点阴影.gif

 posted on 2019-05-12 21:21  落单的毛毛虫  阅读(982)  评论(0)  编辑  收藏  举报