高性能的JavaScript
加载和执行 每个<script>标签初始化下载都会阻塞页面渲染,所以减少页面的<script>标签数量可以起到优化作用,内嵌脚本外链脚本通用,另外HTTP会带来的额外的性能消耗,下载一个100KB的文件比下载4个25KB的文件更快,所以可以通过进行脚本的合并去1、减少<script>标签数量 2、减少HTTP请求带来的消耗(针对外链脚本)。 数据存取 ...
加载和执行 每个<script>标签初始化下载都会阻塞页面渲染,所以减少页面的<script>标签数量可以起到优化作用,内嵌脚本外链脚本通用,另外HTTP会带来的额外的性能消耗,下载一个100KB的文件比下载4个25KB的文件更快,所以可以通过进行脚本的合并去1、减少<script>标签数量 2、减少HTTP请求带来的消耗(针对外链脚本)。 数据存取 ...
diffuse/base colos/albedo颜色贴图: 漫反射可以简单理解成物体表面固有的颜色 reflection/specular反射贴图:白色全反射黑色不反射(排除金银铜等金属) metalness金属度: 纯白金属 黑色电解质 glossiness光泽度: 材质的粗糙程度 白色光滑,黑色粗糙 roughness粗糙度: 与上面相反 normal蓝色法线 用rgb代表x...
齐次坐标 齐次坐标可以用来区分 (X,Y) 到底是个向量还是个坐标,它不是一个新的坐标系,不是说把二维的变成三维的,它是一种记法。 (x,y,0) 表示一个向量, (x,y,1)表示一个坐标。 点+点=点,点加向量=点,向量+向量=向量,点-点=向量。 引入齐次坐标是为了在发生变换时,其几何意义依然准确。 一个向量平移之后,其结果仍然是这个向量,而一个点平移之后,其值就会发生变化但...
齐次坐标 齐次坐标可以用来区分 (X,Y) 到底是个向量还是个坐标,它不是一个新的坐标系,不是说把二维的变成三维的,它是一种记法。 (x,y,0) 表示一个向量, (x,y,1)表示一个坐标。 点+点=点,点加向量=点,向量+向量=向量,点-点=向量。 引入齐次坐标是为了在发生变换时,其几何意义依然准确。 一个向量平移之后,其结果仍然是这个向量,而一个点平移之后,其值就会发生变化但...
Ray Tracing 2 加速结构 辐射度量学 题外话: GTC(GPU Technology Conference): DLSS(Deep Learning Super Sampling)2.0 https://zhuanlan.zhihu.com/p/116211994 光栅化生成一个 1080p 的图,把它拉大成一张 4K ...
Ray tracing4 蒙特卡洛路径追踪 回顾上节课 辐射度量学 光线传播 反射方程 渲染方程 全局光照 概率论复习 本节课: 简短的 review 蒙特卡洛积分 路径追踪 review 渲染方程 概率论 蒙特卡洛积分 在 a、b 随机采样,找到一个 x 对应的 f(...
高级光线传播 无偏的光线传播方法 双向路径追踪(BDPT) Metropolis 光线传播(MLT) 有偏的光线追踪方法 光子映射(Photon mapping) Vertex connection and merging(VCM,结合了光子映射和双向映射追踪) 实...
RayTracing 3 光线传播和全局光照 回顾上节课 基础的光线追踪 光线生成 光线和对象求交 加速 光线和 AABB 盒求交 空间划分 VS 物体划分 BVH 遍历 辐射度量学 本节课 继续辐射度量学 ...
网格操作:细分、简化、规则化 Mesh 细分(引入更多的三角形,让三角形的位置发生变化,使得原来的模型变得更光滑) Loop Subdivision(Loop 不是循环的意思,是发明者的 familyname 是 Loop) 1.把三角形分成更多的三角形:连接边的中点 2.调整三角形的位置(把三角形的顶点区分成新的顶点和老的顶点,分别应用不同的规则改变顶点的位置) 度:一个点相...
Cameras, Lenses and Light Fields (相机、透镜、光场) 成像(Image) = 合成(Synthesis) + 捕捉(Capture) transient image:研究光在极短时间内传播会看到什么。 整个 Imgae 更多的是在 computational photography 里面的研究。 回到图形学里面: 捕捉 相机 小孔成像 ...