一、浏览器渲染过程 浏览器的渲染过程分为以下几个步骤:1.将HTML解析成DOM树 2. 将CSS解析成 CSS Rule Tree 3. 根据DOM树和CSSOM来构造 Rendering Tree 4.再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点 相关概念说明: DOM ...
分类:
其他好文 时间:
2018-07-06 16:00:23
阅读次数:
207
【Realtime Rendering 1.1】 1、A linear transform is one that preserves vector addition and scalar multiplication. Specifically, 24、Combining linear trans ...
分类:
其他好文 时间:
2018-07-01 22:07:13
阅读次数:
216
在计算机图形学发展史中,真实感绘制一直是主旋律。不过从20实际90年代中期开始,非真实感图像绘制(Non-Photorealistic Rendering,NPR)逐渐成为一个研究热点。说白了,真实感绘制目标是像照片般真实地再现客观世界,而非真实感图像绘制专注于图形个性化和艺术化的表达,它主要用来表 ...
分类:
其他好文 时间:
2018-07-01 20:59:08
阅读次数:
380
React中的setState setState为什么需要异步? 无法限制何时使用异步,多次连续使用setState 防止多次渲染,异步rendering不仅仅是性能上的优化,而且这可能是react组件模型在发生的根本性的改变 如果我们要立即打印出inputTxt的变化需要通过setTimeout打 ...
分类:
其他好文 时间:
2018-06-26 01:11:17
阅读次数:
187
实习需要学习了一下求谐光照,总结如下: 1. 首先是下面的rendering equation 第二部分是一个半球面上的积分。 2. 球谐变换 类比傅里叶变换[采用定义在圆上的三角函数],球谐变换采用定义在球面上的一组球谐基函数。[Spherical Harmonic Lighting: The G ...
分类:
其他好文 时间:
2018-06-24 23:58:14
阅读次数:
455
【Realtime Rendering 6】 1、Lighting computations occur in two phases: 1)light phase. used to compute the light’s direction vector l and irradiance contr ...
分类:
其他好文 时间:
2018-06-16 13:26:32
阅读次数:
221
https://www.imgtec.com/blog/a-look-at-the-powervr-graphics-architecture-tile-based-rendering/ PowerVR, Maxwell, Adreno,Mali 一种硬件结构 color target 分成tile ...
分类:
其他好文 时间:
2018-06-14 18:00:01
阅读次数:
202
一个web页面由许多html元素组成,而每一个html元素都可以表示为一个矩形的盒子,CSS盒模型正是描述这些矩形盒子的存在。 MDN的描述: When laying out a document, the browser's rendering engine represents each ele ...
分类:
Web程序 时间:
2018-05-25 15:32:03
阅读次数:
197
OpenGL中的渲染管线包括:顶点着色器(vertex shader)、细分着色器(里面包含两种:细分控制着色器和细分控制着色器)(tessellation shader)、几何着色器、光栅化及片元着色器(fragment shader),其中并不是每一次渲染图形都需要用到所有的着色器,但是,顶点着 ...
分类:
其他好文 时间:
2018-05-15 17:37:24
阅读次数:
169
1、模型(Models):从几何图元 点、线、三角形中创建的东西,由顶点指定。 2、渲染(Rendering):计算机从模型到创建一个图像的过程。 3、像素(Pixel):显示设备上的最小可见元素。系统中的像素被存储在帧缓存中,而帧缓存是一块被图形硬件管理的内存空间,用于供给显示设备。 4、Shad ...
分类:
其他好文 时间:
2018-05-05 16:50:19
阅读次数:
125