three.js

沧沧凉凉2 天前
游戏·ai编程·three.js
一段需求、零素材,Claude Code 派了 33 个代理给我做了个 3D 动作游戏上一篇折腾火柴人的时候,最大的坎是素材:Claude 没有生图模型,Blender 建模也翻了车。这次我换了个游戏来做,需求里没提素材的事,Claude 自己在架构文档里定了一条规矩:不用任何外部素材,一张图片、一个模型文件、一段音频都不要,全部用代码生成。
牧艺7 天前
前端·three.js·交互设计
浏览器端 3D 看车重磅升级:从三款展车到可试驾的八车展厅发布日期:2026-09-30 开源项目:3d-car-viewing 在线演示:jiaxiantao.github.io/3d-car-view… 上一篇:浏览器端 3D 看车:从 GLB 到可交互展厅的技术实践
像我这样帅的人丶你还10 天前
javascript·webgl·three.js
📱iPhone Duo 开屏动画咋实现的?前段时间苹果发布会上看到iPhone Duo的开屏动画很是惊艳。iPhone Duo 的开屏动画,其核心是一种渐进式模糊与虚化过渡效果。当你展开或折叠手机时,外屏的画面会自然地逐渐模糊,仿佛消融并“融化”进内屏,而不是生硬地切换。这个过程就像一个光学错觉,让你感觉像是透过一扇透明的窗户在看屏幕,两个屏幕在视觉上被无缝连接成一个整体,从而彻底消除了其他折叠屏手机常见的画面跳跃感和割裂感。
夏天要喝冰可乐10 天前
前端·webgl·three.js
Antigravity + Blender MCP(下):3D 智慧仓储数字孪生进阶实战🔗 公网在线体验 (Live Demo):smart-warehouse-wine.vercel.app 💻 开源代码仓库 (GitHub):github.com/Xxcool/smar… 📖 系列上篇回顾:《Antigravity + Blender MCP:打造 3D 智慧仓储数字孪生》
夏天要喝冰可乐10 天前
前端·webgl·three.js
Antigravity + Blender MCP(上):打造3D 智慧仓储数字孪生随着智能制造、智慧物流与工业物联网(IoT)的快速演进,3D 数字孪生(Digital Twin)管控大屏已成为现代化工厂与仓储调度的核心基础设施。
前端小崔19 天前
前端·three.js·cesium
Three.js 与 Cesium 融合实战问题汇总做数字孪生、智慧城市或者 GIS 三维可视化的同学,大概率都遇到过这个选择题:Cesium 做地球底图和 GIS 能力很强,但做精致模型、粒子特效、自定义着色器太费劲;Three.js 做创意三维效果得心应手,但天生缺一个地球坐标系。两者融合看起来是 “1+1>2” 的完美方案,实际踩过坑才知道 —— 两个独立的 WebGL 渲染引擎凑到一起,从上下文、坐标系到渲染管线、事件交互,全是雷。
彼此不想说话10624723 天前
three.js
Vue + Three.js 实战:从零搭一座可交互 3D 世界(一)——世界由哪些零件构成本系列用 Vue 3 + Three.js 搭一座能转、能亮的小城。 这一篇只认零件、把空世界跑起来。 天空、昼夜、城市模型放到(一下)再装。
lerhxx1 个月前
前端·three.js
为什么你的Three.js物体总是乱转?一文彻底搞懂“万向锁”与四元数作为一个3D开发者,你大概率遇到过这样的诡异场景: 明明只想让相机水平环绕物体,拉高俯仰角到90°时,鼠标一动,画面却突然疯狂“翻滚”; 或者做动画插值时,模型不按最短路径旋转,非要“抽风”式地绕个大圈。
lerhxx1 个月前
前端·javascript·three.js
R3F 第一人称漫游与碰撞检测:Pointer Lock + 不穿墙的滑墙秘诀(中)迷宫生成出来了,但现在它是"死的"——你只能站在起点干瞪眼。这一篇讲怎么让人真正走进去:鼠标转视角、WASD 移动、撞墙不穿、贴着墙还能顺滑滑行。
xiaominlaopodaren1 个月前
javascript·gis·three.js
three.js地图视口瓦片(二):如何形成完整视口多边形屏幕角点射线给出 r(t)=o+t dr(t)=o+t\,d r(t)=o+td。对于普通二维瓦片源,本书按零高程教学平面 Y=0 求交,把四个命中点转换为 normalized Mercator,得到 cover 的唯一地面输入。
lerhxx1 个月前
前端·javascript·three.js
我用 R3F 手搓了一个能走进去的 3D 迷宫简历(上):从选型架构到迷宫生成算法把简历做成"能走的迷宫"是什么体验?HR 点进来,WASD 一通乱窜,走到一个发光的光柱前——唰,一段职业经历弹出来。走完全程,你的履历就看完了。
张人玉1 个月前
python·qt·机器学习·echarts·three.js
基于 Python 机器学习 与 PyQt5 桌面框架开发的可视化分析系统——基于大数据的网上购物消费行为分析可视化大屏基于 Python 机器学习 与 PyQt5 桌面框架开发的可视化分析系统。面向网上购物消费行为数据,提供多源数据接入、例样场景、行为分类建模、Three.js 并排展台式 3D 展示、ECharts 多维图表、日志/参数/用户管理、样式与配置自定义等完整能力。
xiaominlaopodaren1 个月前
javascript·gis·three.js
three.js地图视口瓦片(一):屏幕角点射线视口 cover 的第一个问题不是“中心点在哪个瓦片”,而是“整块屏幕看见了哪片地面”。屏幕是二维矩形,地图地面是三维场景中的平面;连接二者的工具是一组从相机出发、穿过屏幕角点的射线。
xiaominlaopodaren1 个月前
javascript·gis·three.js
three.js最小地图运行时(十):接入离线逻辑瓦片剖面本教程完成第二篇的最小平面地图。你会把固定的逻辑瓦片剖面接入 Stage 02,用它约束 7×7 调试邻域,并在浏览器中证明整个阶段不依赖远端地图数据。
xiaominlaopodaren1 个月前
javascript·gis·three.js
three.js最小地图运行时(九):TileKey 线框与 cursor 坐标探针本教程在空地图运行时中加入调试网格。完成后,你可以拖动、缩放、旋转和倾斜地图,并观察:本节只绘制本地诊断对象,不连接任何网络数据源。
像我这样帅的人丶你还1 个月前
前端·webgl·three.js
🚀苹果的液态玻璃咋做?🚀先看看现有方案。大佬实现的:github.com/iyinchao/li… 效果非常牛逼,但是目前只能渲染图片对于html却无能为力。
张人玉1 个月前
python·数据挖掘·数据分析·echarts·three.js
茶树 NeRF(Neural Radiance Fields,神经辐射场)三维重建与数据分析可视化系统——基于神经辐射场的茶树三维重建方法实现可视化大屏茶树 NeRF(Neural Radiance Fields,神经辐射场)三维重建与数据分析可视化系统。支持从茶树图片生成三维点云模型、交互式 Three.js 展示、ECharts 多维数据分析,以及日志与参数配置管理。
xiaominlaopodaren1 个月前
javascript·gis·three.js
three.js最小地图运行时(八): 瓦片调试网格到目前为止,地图可以平移、缩放、旋转和倾斜,但场景还是空的。直接进入 MVT 下载与解码会把网络、Protobuf、样式、几何和相机问题叠在一起。更好的下一步是只画瓦片边界。
用户594404103561 个月前
three.js
Three.js 实战:从零构建智慧城市 3D 可视化大屏,附完整交互式代码在数据可视化领域,3D 可视化大屏 凭借其直观、震撼、信息承载量大的优势,已成为智慧城市、工业互联网、数字孪生等场景的标配。Three.js 作为 Web 端最成熟的 3D 引擎,凭借其丰富的 API 和庞大的生态,成为前端可视化工程师的必备技能。本文将带你从零搭建一个 包含动态建筑、光柱、飞线、旋转扫描、数据面板联动 的智慧城市 3D 大屏,全部代码(HTML + CSS + JavaScript)超过 2000 字符,涵盖场景构建、几何体生成、动画循环、鼠标交互、ECharts 数据面板集成等全流程。
爱喝麻油的小哆1 个月前
前端·three.js
🐾 Day 5|桌面数字人-接入llm可以对话啦先唠两句背景。我在做一个叫 dg-man(桌面数字人) 的小软件,本质上是一只 趴在电脑桌面的 3D 虚拟桌宠 🐾。