three.js

Three.js 遇上 Vue3 开发现代化 3D 可视化编辑系统3D模型可视化技术已成为众多领域不可或缺的工具，从建筑设计、游戏开发到工业制造，3D模型的应用无处不在。然而，传统的3D模型编辑软件往往操作复杂，学习成本高，且缺乏灵活性。

从炫酷粒子星云学 Three.js：深度解析一个 15 万粒子的 GPU 动画系统这周偶然在 CodePen 上刷到一个名为 “Nova” 的 3D 粒子动画，展示一个星云效果，极其酷炫。

3D热力图封装组件：Vue + Three.js 实现3D图表详解哎~，最近一直没更新CSDN的博客，主要是因为频繁出差，加上手头项目压力比较大，实在抽不出太多时间来做总结。今天总算忙里偷闲，挤出一点时间，把近期积累的一些实战经验和学习心得整理分享出来，虽然很忙，但是我有外甥了，我也要做舅舅了！记录一下【 2025年10月23日9：28分，3840g(7.68斤)男孩，母女平安,大名叫张思彦，小名叫做丰收】。

🌌 Three.js 几何变化动画配合噪声粒子教程：让你的代码也会“呼吸”Three.js 是 WebGL 的魔术师，它能在浏览器里召唤出立方体、星系、时间感与情绪。而当它遇上“噪声粒子（Noise Particles）”，我们就能做出一种仿佛会呼吸的几何动画。

爱看书的小沐

【小沐杂货铺】基于Three.js渲染三维风力发电机（WebGL、vue、react、WindTurbine）https://threejs.org/Three.js 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中创建和展示 3D 图形。它由 Ricardo Cabello（也称为 Mr.doob）于 2010 年创建，旨在简化 WebGL 的复杂性，使开发者能够轻松创建 3D 场景和交互式内容。

React+Three.js 实现 Apple 2025 热成像 logoApple 2025 年度发布会 LOGO 以标志性的苹果图形被注入炽热的火焰质感，色彩从暖调橙黄向冷调湛蓝自然过渡，似高温灼烧下的金属表面，迸发出熔融的光泽；又若无形的能量在流动，勾勒出科技的脉搏与律动，将 “科技” 与 “力量” 的碰撞感具象化，光影的明暗交错削弱了平面的单薄感，赋予其近乎触手可及的质感，同时营造出浓郁的未来感与未知感。

打造高性能二维图纸渲染引擎系列（一）：Batched Geometry 助你轻松渲染百万实体最近开源了高性能在线 DWG/DXF 查看器 CAD-Viewer (Gitlab or Github) 后，许多人问我如何在浏览器中实现高性能的渲染上百万个实体的。一个典型的 DWG/DXF 文件可能包含几十万甚至上百万的 Geometry，如线段、圆弧、填充图案、符号、标注等，每一个在 WebGL 中都可能映射为单独的几何体。如果为每个 Geometry 都创建一次绘制调用 (draw call)，渲染器将在达到交互帧率之前就被压垮。

打造高性能二维图纸渲染引擎系列（三）：高性能 CAD 文本渲染背后的隐藏工程当我们第一次在浏览器中打开一个复杂的 DWG/DXF 图纸时，文本渲染往往成为性能瓶颈。与线条、弧线、几何图形那样可以批量渲染的对象不同，文本需要加载字体、解析字形、构建网格、管理布局——这些操作在 CPU 和内存上都代价不菲。

打造高性能二维图纸渲染引擎系列（二）：创建结构化和可扩展的渲染场景在我上一篇文章【高性能 Web CAD Viewer：Batched Geometry 助你轻松渲染百万实体】中，我分享了 CAD-Viewer (Gitlab or Github) 如何通过将 CAD 图纸中的 Entity 进行 Geometry 合并在浏览器中实现快速渲染。这篇文章主要关注“如何高效绘制”，减少 Draw Call 用并利用 GPU 友好的数据布局。

Vue3+Three.js：requestAnimationFrame的详细介绍requestAnimationFrame 是浏览器提供的一个专门用于动画效果的API，它告诉浏览器您希望执行一个动画，并请求浏览器在下次重绘之前调用指定的函数来更新动画。

小兔崽子去哪了

Three.js 曲线父类是：Curve获取点的方法getPoints按曲线参数 t（0→1）等分取点，当曲线弯曲程度不同、斜率变化较快的地方，会密集取点，参数空间等分

使用 Three.js 和 GSAP 动画库实现3D 名字抽奖通过 Three.js 和 GSAP 的结合使用，创造一个引人入胜的 3D 抽奖体验，特别是中奖结果展示环节的动画效果，使整个抽奖过程更加令人期待。

Three.js NodeMaterial 节点材质系统文档目前没有正式版本文档可以clone源码然后执行dev命令访问 http://localhost:8080/docs_new/RangeNode.html 访问/docs_new 目录即可访问节点材质的文档

Three.js后期处理实战：噪点景深以及色彩调整点赞 + 收藏 = 👍²设置基本的后期处理环境

你不知道的Three.js性能优化和使用小技巧在使用Three.js开发实际项目的过程中，性能二字永远是一个绕不开的话题，相较于传统的前端业务，3D相关的项目对于性能方面一定是有更高要求的，除开three.js本身提供的性能优化方案之外，作者也在three.js的实际项目开发过程中总结出来一些自己的优化方案和开发小技巧。

爱看书的小沐

【小沐学WebGIS】基于Three.JS绘制飞行轨迹Flight Tracker（Three.JS/ vue / react / WebGL）https://threejs.org/Three.js 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中创建和展示 3D 图形。它由 Ricardo Cabello（也称为 Mr.doob）于 2010 年创建，旨在简化 WebGL 的复杂性，使开发者能够轻松创建 3D 场景和交互式内容。

小兔崽子去哪了

Three.js 学习记录入门Three.js的第一步，就是认识场景Scene、相机Camera、渲染器Renderer三个基本概念

Vue3 + Three.js 实现 3D 汽车个性化定制及展示在现代web开发中，3D可视化技术正变得越来越流行，特别是在汽车、房地产等行业。本文将详细介绍如何使用Vue 3和Three.js构建一个交互式3D汽车展示系统，实现汽车模型的360°旋转查看、部位选择、颜色定制和材质切换等功能。

Cesium-kit 又发新玩意儿了：CameraControl 相机控制组件全解析工程师的浪漫，是把一行滑块拖出银河系。研究者的浪漫，是把相机姿态写进秩序里。今天，我们把这两种浪漫打包进一个组件里：CameraControl。📦✨