计算机图形学
文章平均质量分 55
力博荣三维可视化
闲鱼同步: 力博荣三维可视化
cesium.js开源贡献者
展开
-
three.js NDC空间转视图空间(getViewPosition)
NDC空间转视图空间, 比较常用。投影矩阵按列存储在glsl中。下面看一下它的庐山真面目。应用投影矩阵后转换到。原创 2024-07-17 17:43:52 · 1055 阅读 · 0 评论 -
根据视图矩阵, 恢复相机的世界空间的位置
【代码】根据视图矩阵, 恢复相机的世界空间的位置。原创 2024-07-11 10:17:27 · 576 阅读 · 0 评论 -
Three.js 中的光照模型
Three.js 的一个伟大抽象就是统一了所有材质的光照模型, 无论 PBR 或者 Phong。都只用两个函数给全部囊括了。下面以Phong为例,具体看一下如何落地。函数用于计算间接漫反射的效果。包括间接漫反射和间接高光反射。计算直接光照的反射效果, 包括直接漫反射和直接高光反射。原创 2024-07-01 17:30:19 · 354 阅读 · 0 评论 -
OIT(Order Independent Transparency)之Weighted blended(权重混合)
原创 2024-01-02 10:52:43 · 478 阅读 · 0 评论 -
(dual depth peeling)双深度剥离分析
(dual depth peeling)双深度剥离分析原创 2023-12-21 08:54:34 · 491 阅读 · 0 评论 -
图形学资源(graphics-resources)
图形学资源翻译 2023-08-24 22:13:28 · 425 阅读 · 0 评论 -
法线矩阵推导
如果模型矩阵执行了非等比缩放, 顶点的改变会导致法向量不再保持垂直关系。不在与线段垂直了, 真正垂直的是。原创 2023-08-21 15:59:40 · 413 阅读 · 0 评论 -
depth peeling
【代码】depth peeling。原创 2023-07-19 18:18:57 · 123 阅读 · 0 评论 -
坐标系的变换
坐标系的变换1 模型矩阵(modelMatrix)模型变换矩阵(modelMatrix), 从对象坐标转换为世界坐标.功能: 局部坐标系 -> 世界坐标系p_uniforms.setValue( _gl, 'modelMatrix', object.matrixWorld );matrix, 包括:旋转,缩放,平移信息matrixWorld, 父节点的世界矩阵modelMatrix=matrixWorldparent⋅matrixlocalmodelMatrix = matrix原创 2021-07-06 19:26:42 · 595 阅读 · 0 评论 -
相机控制
相机控制1、平移,pan.js:import * as THREE from 'three'/** * 鼠标右键, 平移控制 */export default class Pan { constructor(param) { const { camera, dampingFactor, target, domWidth, domHeight, enableDamping } = param this.param = param this.panOffset = new原创 2021-04-30 10:52:14 · 432 阅读 · 0 评论 -
视椎体平面方程
refFast Extraction of Viewing Frustum Planes from the World View-Projection Matrix视椎体平面方程V=(x,y,z,w=1)V = (x,y,z,w=1)V=(x,y,z,w=1)matrix M,M=[m11m21m31m41m12m22m32m42m13m23m33m43m14m24m34m44]M = \left[\begin{matrix}m_{11} & m_{21} & m_{.原创 2021-04-30 10:48:21 · 503 阅读 · 0 评论 -
006-剪裁-CohenSutherland
原创 2020-01-07 20:46:51 · 93 阅读 · 1 评论 -
005-绘制多边形-区域填充
原创 2020-01-07 12:14:04 · 201 阅读 · 0 评论 -
004-绘制多边形-X扫描转化
原创 2020-01-06 15:31:53 · 150 阅读 · 0 评论 -
003-画线算法-Bresenham
原创 2020-01-03 18:03:15 · 136 阅读 · 0 评论 -
002-中点画线法
代码基于Three.js参考:【1】计算机图形学基础教程(第一版)-课件【2】 中国大学MOOC 中国农业大学 计算机图形学课程【3】中点画线法代码地址: https://github.com/dslming/learningComputerGraphics/tree/master/002-中点画线法采用增量思想的DDA算法,虽然只需计算一个加法,但是是浮动数加法。1、基本原理...原创 2020-01-03 15:19:23 · 314 阅读 · 0 评论 -
001-画线算法-DDA
原创 2020-01-02 16:36:16 · 196 阅读 · 0 评论