标签索引

WebGL

这个标签下有 7 篇文章。按时间回看相关判断与实践记录。

标签精选

受3Blue1Brown启发：WebGL重现埃舍尔无限螺旋，揭秘数学算法之美

该项目展示了如何利用 WebGL 技术重现 M. C. Escher 著名的“德罗斯特效应”无限螺旋视觉艺术。受 3Blue1Brown 数学视频的启发，作者通过编写顶点和片段着色器，将原本复杂的递归图像问题简化。其核心算法在于巧妙地利用坐...

2026-04-051 分钟阅读173 阅读

这篇文章深入探讨了Google的高性能数值计算库JAX在图形渲染领域的非典型应用。作者通过仅100行Python代码，利用JAX的自动向量化（vmap）和编译时可微分性，成功在浏览器端基于WebGL构建了一个高性能光线步进渲染器。文章详细解...

2026-04-021 分钟阅读91 阅读

本文展示了一次极具趣味的AI编程实验，作者利用“mimo v2 pro free”模型生成了一段基于Three.js和WebGL的高级交互代码。该项目不仅实现了3D环境下的购物小票UI，更通过Verlet integration（韦尔莱积分...

2026-03-191 分钟阅读312 阅读

一款名为“The Hunt for Red Octangles”的3D飞艇侦察游戏展示了独特的程序化生成技术。该项目利用Three.js进行3D渲染，并通过Overpass API获取OpenStreetMap（OSM）中的建筑轮廓与道路矢...

2026-02-231 分钟阅读201 阅读

本文深入探讨了半色调这一经典印刷效果在现代数字图形学中的复兴与应用。作者从基础的GLSL着色器原理出发，详细讲解了如何通过距离场和网格平铺技术构建基本的圆点阵列。文章核心不仅限于黑白效果，更剖析了RGB与CMYK颜色混合模式的数学差异，以及...

2026-02-151 分钟阅读164 阅读

本文详细介绍了如何利用Three.js和着色器技术创建逼真的香烟烟雾效果。教程从基础着色器概念出发，逐步讲解Perlin噪声纹理的应用、片段UV坐标处理、纹理映射与透明蒙版实现，以及动画控制技术。通过重新映射纹理值、添加边缘淡化效果和几何体...

2026-01-051 分钟阅读298 阅读

本文介绍了一种创新的AI提示词方法，用于将用户描述转化为基于HTML的简易3D体素模型。系统定义角色为体素艺术家，生成包含完整Three.js代码的单一HTML文件，支持交互式3D渲染。文章详细阐述了技术规范，包括使用CDN引入WebGL库...

2025-12-141 分钟阅读230 阅读