three.js

在Cesium中实现飘动的红旗实现飘动红旗的效果整体分两部，一是利用三角函数的周期性让红旗摆动起来，二是根据每个片元的摆动幅度来计算对应位置的阴影。这是我在一个园区项目中收到的需求，在此记录及分享实现过程。

一个超级真实的Three.js树🌲生成器插件分享一个基于Three.js封装的树生成器插件，可以实现创建不同类型且渲染效果真实的3D树说实话，第一次在这个插件官网看到这个效果时我一度以为这只是一个视频，树的内容不仅仅是动态的而且整体的渲染效果也十分真实。

重生之我在浏览器里“蹦迪”大家好，我是CC，在这里欢迎大家的到来～工作时机械麻木，蹦迪时欢乐激情，边工作边蹦迪，是怎样的呢？这个想法源于我初入职场时对于 3D 的好奇和蹦迪的憧憬，刷着网上的视频，想着不如实现自己的蹦迪主场。

在Android平台上使用Three.js优雅的加载3D模型Three.js是一个基于WebGL（Web Graphics Library）的3D图形渲染库，因为浏览器里最底层的3D API是WebGL。直接写会像写 OpenGL一样复杂，繁琐。Three.js 就是 WebGL 的封装层，提供了更高层次的接口，让你用几行代码就能创建出复杂的 3D 场景。

【three.js】实现玻璃材质时，出现黑色/白色像素噪点three.js小白的学习之路。最近在使用blender绘制一些厂房模型，不可避免的要开几个窗户，增加几个玻璃。

打造炫酷3D科技地球：Three.js实战指南本文将通过一个具体的3D科技地球实现案例，手把手带你探索使用Three.js创建交互式3D可视化项目的完整流程。我们将深入代码细节，解析核心技术实现，并分享优化技巧。

一步一步实现 Shader 水波纹效果（入门到进阶）水波纹的核心原理很简单：就像往水里扔石子，水面会泛起一圈圈涟漪。在 Shader 里，就是用正弦/余弦函数模拟这种“波动”，再让纹理或顶点跟着波动“动起来”。

这是一个很酷的金属球，点击它会产生涟漪……最近看到一个很酷的金属球效果：点击它的时候会产生涟漪，效果如下：体验地址：gnufault.github.io/ripple-sphe…

Three.js 工业 3D 可视化：生产线状态监控系统实现方案在工业数字化转型过程中，3D 可视化监控系统凭借直观、沉浸式的优势，成为车间管理的重要工具。本文将详细介绍如何使用 Three.js 构建一套生产线 3D 状态监控系统，实现设备状态展示、产能数据可视化、交互式操作等核心功能

🪐 行星科技概念官网！Hero Section 回归！（Three.js ✨）新老观众老爷们！我鸽子王何贤又双叒叕回归啦！😆真的是好久不见！记得上一次发文章还是在上一次。一转眼就两个月没更新了。

爱看书的小沐

【小沐杂货铺】基于Three.js绘制三维管道Pipe（WebGL、vue、react）代码编号： A14_1_ThreeJS_Pipe_js代码编号： A14_1_ThreeJS_Pipe_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 和内存上都代价不菲。