xyk

未读

LOD

LOD（Level of Detail）是一种3D图形优化技术，其核心思想是：根据观察者（相机）与物体的距离，动态调整物体的细节级别。距离越远，使用的几何体越简单；距离越近，使用越复杂的几何体。分类 1. 基于距离的LOD（Distance-based LOD）最经典的实现方式，通过物体与相机

5天前

未读

前向渲染和延迟渲染

在计算机图形学中，前向渲染（向前渲染/Forward Rendering）和延迟渲染（Deferred Rendering）是两种主流的渲染管线技术，核心区别在于 “光照计算的时机与方式”—— 前者在 “绘制物体时” 同步计算光照，后者先 “记录物体信息” 再统一计算光照。在Unity里面相机就可以

5天前

未读

大雪天气

最后想给穿越机模拟器这个项目中的地图加上大学天气，先用个demo试验下，首先想到的就是用three.js的points来实现第一步先用points显示个球体，把基本结构搭出来主要代码顶点着色器中简单用下面这种方式实现简单的近大远小的透视效果 vec4 mvPosition = modelVi

11天前

未读

透明材质

最近项目中需要实现透明效果，探索下透明透明材质透明材质（如玻璃、水）的实现，远不止是简单地“让物体变透明”那么简单。它涉及到渲染顺序、混合计算和性能优化等一系列核心概念。一核心原理：混合透明渲染的核心是混合。它与渲染不透明物体时简单的“深度测试-覆盖”模式不同。

15天前

未读

Fabric.js, Konva.js, Pixi.js 与 Canvas：为何同源不同路？

项目中会有2D画布上的绘制需求，原有主项目是基于原生Canvas二次封装去满足需求，然后之前有一个绘制插件的需求，就尝试用了一下Pixi.js 感觉效果还不错。前段时间因为项目需要进行重构，其中2D图形绘制的部分需要进行技术选型，刚好在这里进行记录下在前端绘制图形，Fabric.js、Konva.

25天前

未读

Linux内核编译

编译环境如下：ubuntu-18.04.4-desktop-amd64 当前内核 5.3.0-28 准备安装的内核版本 5.11.13 1.内核下载网站点击进入 (opens new window)https://www.kernel.org 进入网站后如下图

26天前

未读

OutlinePass原理

源码地址在three/examples/jsm/postprocessing/OutlinePass.js OutlinePass 是一个后处理通道，用于在选中的3D对象周围渲染轮廓线。这就可以做对象选择时的高亮 1. 核心算法步骤如下：

26天前

未读

模型描边的几种方式

在我们做3D展示时经常要显示选中效果这里就会需要对模型进行描边，然后还有的时候会有一些风格化的效果，例如显示素描绘制效果或者一些其他的艺术效果都会用到描边既然是描边，那么问题的核心就是怎么找到那些边需要描出来，首先补充点基本知识： 3D几何体由以下基本元素组成：顶点（Vertex）：几何体上的点

26天前

未读

响应式实现与设计

前端开发中，“响应式”是实现数据与视图同步的核心能力。这种能力我首先想到是Vue的双向绑定，那就看看其是如何实现的一、Vue2中 Vue 2 主要通过 Object.defineProperty对数据进行劫持，监听属性的读取（get）和修改（set

28天前

未读

多人姿态识别框架-AlphaPose学习记录

因为我的毕设是基于视觉的步态识别，然后当时看到AlphaPose 这个框架，局的还挺有意思的多人姿态识别简介人体姿态估计有两个主流方案：Two-step framework 和Part-based framework。第一种方案是检测环境中的每一个人体检测框，然后独立地去检测每一个人体区域的姿态

29天前