前言 在数学上，理想的直线是没有宽度的，它是由无数个点构成的集合。对直线进行光栅化时，只能在显示器说给定的有限个像素组成的矩阵中，确定最佳逼近于该直线的一组像素，并且按扫描线顺序。 本节介绍绘制线宽为一个像素的直线的三个常用算法：数值微分，中点画线和Bresenham算法。 数值微分法 已知过端点 ...
分类：
编程语言 时间：
2017-03-18 23:54:54
阅读次数：
365
在刚刚发布的Unreal Engine 4.14中，其第一个重要的特性就是增加了在VR开发中对Forward Shading的支持。我们都知道在很多方面Deferred Shading都优于Forward Shading，它也是时下主流游戏引擎使用的渲染架构，而仅有在移动等设备中由于缺乏MRT的支持... ...
分类：
其他好文 时间：
2016-11-19 01:14:54
阅读次数：
267
OpenGL ES是以手持和嵌入式设备为目标的高级3D图形应用程序编程接口,主要的支持平台是iOS,Android,Linux和Windows 1.顶点着色器 他可以用于通过矩阵变换位置,计算照明公式来生成逐顶点颜色以及生成或者变换纹理坐标等基于顶点的传统操作顶点着色器的输入包括:1.着色器程序-- ...
分类：
其他好文 时间：
2016-11-11 01:00:12
阅读次数：
193
这次主要是对纹理的进一步讲解，我们很多时候需要将现实中已有 的图片在网页中展示出来而不是去创造图片，通过纹理 我们可以将光栅化的图形和图片纹理形成映射并且将图片在图形 中显示出来。基本过程与前几章一致，在着色器中主要是添加了一个取样器的变量作用是从纹理单元中取出图形在不同坐标的片元上显示出来，这里先 ...
分类：
Web程序 时间：
2016-09-12 00:31:41
阅读次数：
341
本章主要是对纹理的进一步讲解，我们很多时候需要将现实中已有 的图片在网页中展示出来而不是去创造图片，通过纹理 我们可以将光栅化的图形和图片纹理形成映射并且将图片在图形 中显示出来。基本过程与前几章一致，在着色器中主要是添加了一个取样器的变量作用是从纹理单元中取出图形在不同坐标的片元上显示出来，这里先 ...
分类：
Web程序 时间：
2016-09-11 20:20:03
阅读次数：
285
上一节说的是对图形的变换，这一节主要介绍了光栅化的过程，在创建多个颜色的三角形的过程中顶点着点器的过程如下 ，首先通过attribute的变量从javascript中获取数据，根据drawArrays()的第一个参数将获取的第一个个点的坐标值放入图形装配区，然后将值传入片元着点器，进行光栅化，就是将 ...
分类：
Web程序 时间：
2016-09-09 23:55:02
阅读次数：
292
原文： 计算机图形学框架 图元光栅化标准 直线要直 图元终点要准 图元生成的亮度、色泽粗细要均匀 快速计算 直线光栅化算法 逐点比较法 数值微分法 中点Bresenham算法 圆的光栅化算法 简单方程产生圆弧 Bresenham算法产生圆弧 多边形填充 扫描线填充 宽图元 复制像素画宽图元 移动画笔 ...
分类：
其他好文 时间：
2016-07-10 00:56:14
阅读次数：
183
网页分块的光栅化操作完成后，CC Pending Layer Tree就会激活为CC Active Layer Tree。CC Active Layer Tree代表用户当前在屏幕上看到的网页内容，它可以快速响应用户输入，例如滚动和缩放。本文接下来就分析CC Pending Layer Tree激活为CC Active Layer Tree，以及CC Active Layer Tree的渲染过程。...
分类：
Web程序 时间：
2016-06-20 07:05:42
阅读次数：
208
Chromium除了支持网页分块GPU光栅化，还支持CPU光栅化。GPU光栅化的特点是快，缺点是硬件差异可能会导差异性，以及不是所有的绘图操作硬件都能很好地支持。CPU光栅化的特点是通用，以及能够支持所有的绘图操作，缺点是较慢，特别是在网页使用硬件加速渲染的情况下，CPU的光栅化结果还需要上传到GPU去渲染。本文接下来将详细分析CPU光栅化的原理，着重描述它是如何快速地光栅化结果上传到GPU去的。...
分类：
Web程序 时间：
2016-06-13 06:38:06
阅读次数：
272
在前面一篇文章中，我们分析了网页分块的光栅化过程。根据Chromium的启动选项，网页分块有可能使用GPU来执行光栅化操作，也有可能使用CPU来执行光栅化操作。不管是使用GPU，还是CPU，光栅化操作最终都是统一通过调用Skia图形库提供的绘图接口完成的。如果使用GPU来执行光栅化操作，那么当它在调用绘图接口的时候，实际上是在执行相应的OpenGL命令。本文接下来就详细分析GPU光栅化的实现原理。...
分类：
Web程序 时间：
2016-06-06 06:56:00
阅读次数：
450
