WebGL
文章平均质量分 62
桑榆未晚_
北海虽赊,扶摇可接;东隅已逝,桑榆非晚。
展开
-
图形学-剪取
剪取一、点的剪取二、直线的裁取一、点的剪取如下图所示:在一个矩形当中,确定最大坐标(Xmax,Ymax)与最小点坐标(Xmin,Ymin);此时判断点P(x,y)是否在区域内,需满足如下两个条件:Xmin ≤ x ≤ Xmax 且 Ymin ≤ y ≤ Ymax ;则p在视区内,否则在窗口外二、直线的裁取直线与窗口的关系(凸多边型的条件下,异形屏除外):1.整个线段全在窗口内;2.整个线段全在窗口外;3.线段部分在窗口内,部分在窗口外;前提条件:凸多边型的条件下,异形屏除外任何一原创 2022-03-10 22:50:31 · 251 阅读 · 0 评论 -
图元——绘画方式
作者:桑榆QQ:934440653绘画方式(1)三角形 gl.TRIANGLES独立三角形必须为每个三角形定义三个顶点,一个三角形的顶点不会被另一个三角形重用。gl.TRIANGLES三角形数量 = count / 3;(2)三角形带 gl.TRIANGLE_STRIP三角形带三角形带的第一个三角形,由顶点(v0,v1,v2);它的下一个顶点为v3,则下一个三角形则由该点与它前面的两个顶点组成第二个三角形,即为; (v2 ,v1,v3)。gl.TRIANGLE_STR原创 2021-08-27 17:57:26 · 512 阅读 · 0 评论 -
图形硬件介绍—图形绘制流程
作者:桑榆QQ:934440653图形绘制流程当图形数据通过整WebGL流水线后,GPU把结果写入到WebGL绘制缓存(drawing buffer)的内存中。也可以把绘制缓存看成WebGL的帧缓存。它与帧缓存一样,也具有一个颜色缓存、Z-缓存和模版缓存。绘制缓存中的内容在传送到物理帧缓存之前,需要与HTML页面中的其他内容进行结合;物理缓存中的实际结果直接显示在屏幕上。1. 顶点着色器写入顶点着色器的varing变量的值是对片段进行线性插值得到的。2. 图元装配把已经着色的顶点装配成三原创 2021-08-26 16:31:01 · 355 阅读 · 0 评论 -
图形硬件介绍——GPU/帧缓存
图形硬件介绍一、GPU二、GPU2.1 帧缓存2.1.1 颜色缓存 (color buffer)2.1.2 Z-缓存(Z-buffer)2.1.3 模版缓存 (stencil buffer)一、GPU应用程序(无论是web端的webgl程序,或者是其他应用程序)运行在cpu上,使用主存我们称为RAM;为了处理3D图形,应用程序不断的调用底层程序,通过总线把图形数据发送到GPU进行处理。二、GPU2.1 帧缓存作为一个储存器,保存了最终显示在屏幕上图像的全部信息。帧缓存中的alpha通道不常用,原创 2021-08-26 11:58:14 · 2182 阅读 · 0 评论 -
WebGL坐标系介绍
@TOC初识webGL欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计...原创 2019-10-13 00:49:06 · 8905 阅读 · 0 评论