Dual Contouring - Three.js

在浏览器中观察 Dual Contouring 算法生成的多种三维曲面网格
这是一个基于 Dual Contouring 与 Three.js 的三维图形技术演示。页面从有符号距离函数生成顶点、法线和三角面,并计划以实体材质和半透明线框展示结果。演示包含圆环、球体、立方体、球体与立方体差集以及球体与圆环平滑混合等形态,可通过数字键切换。实际巡检时页面持续显示网格生成状态,最终三维模型未完成呈现。
核心亮点
曲面网格生成
从距离场提取三维网格
多种隐式形态
包含基础几何与组合曲面
实体线框叠加
设计实体材质与线框视图
如何使用
等待生成网格
打开页面后等待网格生成提示结束;正常情况下页面会显示生成后的三维模型以及顶点数、三角形数和分辨率信息。
观察三维模型
模型显示后可使用鼠标轨道控制调整观察方向和距离,从不同角度查看曲面轮廓、光照与线框结构。
切换曲面形态
按数字键 1 至 5 可请求生成不同的隐式曲面,包括圆环、球体、立方体以及组合几何;等待生成提示消失后继续观察结果。
相似站点
75SurfaceNet - 等值面提取
基于 SurfaceNet 算法的三维等值面提取演示,支持球体、环面、正方体、Gyroid 曲面、融合球五种形体,可调节网格分辨率。
60GeoMipMapping Terrain Demo
基于 Three.js 的 GeoMipMapping 地形 LOD 算法交互演示,支持视距自适应多级细节与无缝边缘缝合
837Bioinfo Downstream Integration Agent
单细胞转录组下游整合分析工具,支持 SCENIC regulon 交叉分析、Gene Pattern 表达模式分析、多组学整合与交互式可视化
273Excel 文件扫描与数据抓取工具
批量扫描文件夹中的 Excel 文件,支持按文件名关键字搜索,可指定单元格位置抓取数据并导出 CSV
117函数可视化绘制工具
在线数学函数可视化绘制工具,支持 y=sin(x) 等多种函数表达式,曲线使用切线方向折线连接绘制
68A* Pathfinding - Three.js
基于Three.js的A*寻路算法交互式可视化演示,支持8方向移动与实时路径计算



