three.js

Necis18 分钟前
ai编程·three.js
半天，AI 重写了我的五年前的娃娃机五年前，我一砖一瓦手写了这台 3D 娃娃机。五年后，我整理好需求，让 AI 用半天把它实现了一遍。项目地址：github.com/neciszhang/… 在线试玩：neciszhang.github.io/claw3d
xiaominlaopodaren31 分钟前
前端·three.js
three.js地图数学基础(一)地图引擎里最危险的坐标，往往不是算错的坐标，而是没有写明属于哪个空间、采用什么单位、轴朝向哪里的坐标。{ x: 0.5, y: 0.5 } 可以是世界中心，可以是瓦片内部的一个点，也可以是屏幕中央；只看数值无法判断。
因_崔斯汀3 天前
前端·three.js
Three.js 3D 热力云图效果实现3D 热力云图的核心思路是 将 2D 热力图数据转化为 3D 立体效果。整体流程分为三个阶段：原理解析：
其美杰布-富贵-李3 天前
javascript·three.js
第 10 篇：灯光与阴影本文是“使用 Three.js 构建转炉数字孪生系统”系列的第 10 篇。 本篇将系统介绍环境光、半球光、方向光、点光源、聚光灯和阴影，并给出适合转炉工业场景的基础布光方案与模型发黑排查流程。
其美杰布-富贵-李3 天前
前端·javascript·three.js
第 6 篇：相机与 OrbitControls本文是“使用 Three.js 构建转炉数字孪生系统”系列的第 6 篇。 本篇将系统介绍透视相机、正交相机、相机位置与朝向，以及工业三维场景中最常用的浏览控制器 OrbitControls。
因_崔斯汀4 天前
前端·three.js
Three.js扩散波纹动画实现扩散波纹动画是一种以场景中心为起点，向外不断扩散的圆形波纹效果，常用于地图中心点、雷达扫描等场景。波纹呈现出柔和的发光效果，由中心向外不断循环扩散。
其美杰布-富贵-李5 天前
javascript·three.js
第 5 篇：Object3D、Group 与场景树本文是“使用 Three.js 构建转炉数字孪生系统”系列的第 5 篇。 本篇将系统介绍 Object3D、Mesh、Group、父子节点、场景树遍历和模型层级设计。
发疯的巴甫洛夫6 天前
three.js
我把 Three.js 地球上的 1000 个标记压到了 4 次 draw call这篇文章里的每一行代码、每一个数字，都来自一个真实开源项目 DreamGlobe（在线 Demo：dream-globe.pages.dev）。没有伪代码，没有「大概是这样」。
其美杰布-富贵-李6 天前
javascript·three.js
第 2 篇：搭建第一个 Three.js 项目本文是“使用 Three.js 构建转炉数字孪生系统”系列的第 2 篇。 上一篇介绍了 Three.js 在数字孪生系统中的位置和职责边界。本文将真正创建第一个可运行的 Three.js 工程。
用户831348593069810 天前
vue.js·webgl·three.js
Vue+Three.js实现PCB电路板3D交互：元器件点击高亮、部件显隐、模型自动旋转实现效果：演示动态图效果如下：核心功能原理讲解：1. Raycaster 射线拾取实现元器件点击高亮：
答案answer10 天前
前端·three.js
做了几年 Three.js，我为什么决定自己开发一款3D低代码编辑器以前做一个数字孪生项目，可能需要几万行代码。模型加载、灯光配置、粒子特效、相机动画、鼠标交互……大量时间都花在重复性的工程开发上，而真正的业务逻辑反而只占很小一部分。
_lucas14 天前
前端·javascript·three.js
做了一个glsl在线调试工具最近在深入探究 GLSL，每次想写一段 shader 看下效果，都要新开一个 HTML、写 <script> 标签、引入threejs包、配 <canvas>、起本地服务、改完刷新看效果 —— 即便有 AI 加持，这一套流程的心智负担还是太重了。我其实只是想验证一些变换公式，查看顶点变换或颜色变化等效果，而不是搭一个项目。
云空17 天前
3d·three.js
《升级版3D数字沙盘（点击弹窗+第一人称漫游双功能）》保存为sandbox-pro.html直接打开运行自由俯视视角（默认）第一人称步行漫游✅ 绿色草地园区基底 + 十字交通主干道 ✅ 六大功能分区建筑（研发/公寓/车间/服务楼等） ✅ 道路两侧绿化树木 ✅ 动态车流自动行驶 ✅ 真实太阳光阴影+远景雾化效果 ✅ 视角无缝切换+人物自由行走 ✅ 建筑点位信息弹窗展示
Strayer18 天前
前端·three.js·数据可视化
拓扑管网 3D 可视化大屏demo：科技感（地图 + 拓扑 + 3D 空间）一个纯 Three.js（r160 ES Module）+ ECharts 驱动的科技感 3D 可视化 Demo。本文拆解它的整体架构与 7 个核心技术点，所有代码片段均可直接复制复用。
用户831348593069820 天前
vue.js·webgl·three.js
Vue+Threejs实现人物奔跑场景实现效果说明演示动态图效果如下:完整代码1. template 结构：2. script 代码：3. css样式代码:
云空21 天前
前端·javascript·3d·three.js
《Three.js 完整版3D魔方：带贴纸+中心固定+自动求解复原》直接复制保存为 .html 打开即用，功能齐全：六色贴纸、黑白边框、中心块锁定、键盘操控、打乱、一键自动还原算法
云空21 天前
javascript·学习·游戏·3d·three.js
《Three.js 可操控3D魔方（键盘转动+打乱+复原）》直接复制整段HTML打开即可运行，WASD/方向键控层旋转，一键打乱、一键复原
云空23 天前
3d·three.js
《终极版3D数字沙盘：双视角漫游+建筑点击信息+昼夜一键切换》直接复制保存 sandbox-final.html 打开即用这套已经是中小型园区数字沙盘完整可用版本，直接就能用于演示、项目展示、教学演示。
云空23 天前
开发语言·javascript·3d·three.js
《Three.js 3D实例大全》Three.js 实例非常丰富，下面按入门基础、材质灯光、粒子特效、模型加载、物理交互、可视化/游戏/高级特效七大模块，整理可直接运行的代码片段与在线 Demo 链接，覆盖从入门到生产级的完整案例。
云空23 天前
javascript·人工智能·3d·three.js
《Three.js 3D坦克对战【AI单机版】》玩家操控蓝坦克，AI自动操控红坦克，自动寻路、追击、开火、躲障碍，直接复制打开即用