Unity3d HDR和Bloom效果（高动态范围图像和泛光）
文章开始先放两组效果，文章结尾再放两组效果本文测试场景资源来自浅墨大神，shader效果为本文效果 HDR 人们有限的视觉系统，只支持16.7百万的颜色，超出这个范围的颜色就不能显示了bmp或jprg每个像素就是16,24或32位每个像素都由红绿蓝构成，如果储存 ...
原文：WebGL学习之HDR与Bloom
原文地址：WebGL学习之HDR与Bloom 什么是HDR HDR High Dynamic Range，高动态范围 ，在摄影领域，指的是可以提供更多的动态范围和图像细节的一种技术手段。简单讲就是将不同曝光拍摄出的最佳细节的LDR 低动态范围 图像合成后，就叫HDR，它能同时反映出场景最暗和最亮部分的细节。为什么需要多张图片 因为目前的单反相机的宽容度还是有限的，一张照片不能反映出高动态场景的所有 ...
2019-05-21 18:35 5 1217 推荐指数：
相关推荐
实例学习Bloom Filter
0. 科普1. 为什么需要Bloom Filter2. 基本原理3. 如何设计Bloom Filter4. 实例操作5. 扩展 0. 科普 Bloom Filter是由Bloom在1970年提出的一种多哈希函数映射的快速查找算法。通常应用在一些需要快速判断某个元素是否属于集合 ...
WebGL学习历程---为什么要学习？
（本人自从能写字以来，文笔都不好。针对以下内容大家就凑合，不要太挑剔。） 这个行业变化太快了，一些新的技术点也蜂拥而上；2018年的热点词：大数据，人工智能，VR，区块链....总是期望能凑点热度多捞点钱啊！ 可是本人不太爱学习，也不太会学习。同时转换成本针对我这个老阿姨 ...
WebGL学习之纹理盒
原文地址：WebGL学习之纹理盒 我们之前已经学习过二维纹理 gl.TEXTURE_2D，而且还使用它实现了各种效果。但还有一种立方体纹理 gl.TEXTURE_CUBE_MAP，它包含了6个纹理代表立方体的6个面。不像常规的纹理坐标有2个纬度，立方体纹理使用法向量，换句话说三维方向。本节实现 ...
WebGL学习笔记（一）
目录 绘制二维图形（2D图形） 经过一下三个步骤 简单js程序代码 简单html文件代码 绘制实例（一个点） 着色器 ...
WebGL——osg框架学习一
从今天开始，我们开始正式的学习osg框架，今天我们学习的是osg的渲染模块，我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块，我们逐一来简单介绍一下，第一个Drawable.js，这个模块是描述可绘制对象的类，也是我们今天要讨论的类。在osg框架中，渲染管道在准备时期首先要 ...
WebGL学习笔记（四）：绘图
图元 WebGL可以绘制非常复杂的3D模型，这些模型都是由下面3种基本几何图元构成的，下面我们来详细的看看。 三角形 WebGL中任何复杂的模型，都是由三角形组合而成的，可以说三角形是任意形状的最小构成单位。 WebGL可以绘制下面几种三角形： 独立的三角形（gl.TRIANGLES ...
WebGL学习之纹理贴图
原文地址：WebGL学习之纹理贴图 为了使图形能获得接近于真实物体的材质效果，一般会使用贴图，贴图类型主要包括两种：漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。 实际效果请看demo：纹理贴图 2D纹理 实现贴图就需要用到纹理，常用的纹理格式有：2D ...