技术栈
three.js
Addisonx
2 天前
three.js
深度复盘: WebGL 数字孪生前端架构:如何打造高颜值、高性能的 Web 3D 可视化系统
在企业级数字孪生(Digital Twin)项目中,**“前端可视化表现”**往往决定了项目的成败。很多项目后台数据很稳,但前端渲染卡顿、模型丑陋、交互生硬,最终导致无法交付。作为一名专注于 Web 3D 呈现与前端可视化 的开发者,我认为:让数据“好看”且“好用”,是前端的核心价值。
BUG创建者
4 天前
开发语言
·
前端
·
javascript
·
css
·
html
·
css3
·
three.js
thee.js完成线上展厅demo
思路 ,创建盒子 ,前进按钮, 第一次进去创建一个盒子 盒子上添加图片纹理 也就是天空盒子一样的 在创建 一个面 设置好对应的角度和位置
一千柯橘
14 天前
前端
·
three.js
从摄影新手到三维光影师:Three.js 核心要素的故事
当我第一次学习摄影时,老师告诉我一句话:“你不是在拍东西,而是在拍光。”后来我学习 Three.js 时突然意识到: 这句话原来依旧成立。
big男孩
15 天前
three.js
OrbitControls 的完整原理
OrbitControls 的核心目标很简单:让相机围绕一个目标点(target)做旋转、缩放、平移,同时保持视角稳定。****
答案answer
16 天前
前端
·
开源
·
three.js
一些经典的3D编辑器开源项目
给大家分享一下个人在探索开发three.js编辑器项目期间发现的一些比较不错的3D编辑器类型的开源项目,如果你也正打算做类似相关的项目,那么这些开源项目会是一个不错的参考借鉴
上车函予
18 天前
前端
·
vue.js
·
three.js
geojson-3d-renderer:从原理到实践,打造高性能3D地理可视化库
geojson-3d-renderer 是我制作的一个功能强大的 3D GeoJSON 可视化库,兼容 Three.js、Vue.js + Three.js 和 TresJS 环境。提供 Vue 组件、钩子和工具函数,用于在 3D 空间中渲染 GeoJSON 数据,并支持自定义材质。
幸会同学
25 天前
javascript
·
three.js
·
cesium
在Cesium中实现飘动的红旗
实现飘动红旗的效果整体分两部,一是利用三角函数的周期性让红旗摆动起来,二是根据每个片元的摆动幅度来计算对应位置的阴影。 这是我在一个园区项目中收到的需求,在此记录及分享实现过程。
答案answer
25 天前
前端
·
three.js
一个超级真实的Three.js树🌲生成器插件
分享一个基于Three.js封装的树生成器插件,可以实现创建不同类型且渲染效果真实的3D树说实话,第一次在这个插件官网看到这个效果时我一度以为这只是一个视频,树的内容不仅仅是动态的而且整体的渲染效果也十分真实。
CC码码
1 个月前
前端
·
javascript
·
three.js
重生之我在浏览器里“蹦迪”
大家好,我是CC,在这里欢迎大家的到来~工作时机械麻木,蹦迪时欢乐激情,边工作边蹦迪,是怎样的呢?这个想法源于我初入职场时对于 3D 的好奇和蹦迪的憧憬,刷着网上的视频,想着不如实现自己的蹦迪主场。
onthewaying
1 个月前
android
·
前端
·
three.js
在Android平台上使用Three.js优雅的加载3D模型
Three.js是一个基于WebGL(Web Graphics Library)的3D图形渲染库,因为浏览器里最底层的3D API是WebGL。直接写会像写 OpenGL一样复杂,繁琐。Three.js 就是 WebGL 的封装层,提供了更高层次的接口,让你用几行代码就能创建出复杂的 3D 场景。
VcB之殇
1 个月前
前端
·
three.js
【three.js】实现玻璃材质时,出现黑色/白色像素噪点
three.js小白的学习之路。最近在使用blender绘制一些厂房模型,不可避免的要开几个窗户,增加几个玻璃。
SeanTao
1 个月前
three.js
打造炫酷3D科技地球:Three.js实战指南
本文将通过一个具体的3D科技地球实现案例,手把手带你探索使用Three.js创建交互式3D可视化项目的完整流程。我们将深入代码细节,解析核心技术实现,并分享优化技巧。
4_0_4
1 个月前
前端
·
three.js
一步一步实现 Shader 水波纹效果(入门到进阶)
水波纹的核心原理很简单:就像往水里扔石子,水面会泛起一圈圈涟漪。在 Shader 里,就是用正弦/余弦函数模拟这种“波动”,再让纹理或顶点跟着波动“动起来”。
冴羽
1 个月前
前端
·
javascript
·
three.js
这是一个很酷的金属球,点击它会产生涟漪……
最近看到一个很酷的金属球效果:点击它的时候会产生涟漪,效果如下:体验地址:gnufault.github.io/ripple-sphe…
胖虎265
1 个月前
three.js
Three.js 工业 3D 可视化:生产线状态监控系统实现方案
在工业数字化转型过程中,3D 可视化监控系统凭借直观、沉浸式的优势,成为车间管理的重要工具。本文将详细介绍如何使用 Three.js 构建一套生产线 3D 状态监控系统,实现设备状态展示、产能数据可视化、交互式操作等核心功能
何贤
1 个月前
前端
·
javascript
·
three.js
🪐 行星科技概念官网!Hero Section 回归!(Three.js ✨)
新老观众老爷们!我鸽子王何贤又双叒叕回归啦!😆真的是好久不见!记得上一次发文章还是在上一次。一转眼就两个月没更新了。
爱看书的小沐
1 个月前
javascript
·
vue.js
·
webgl
·
three.js
·
管道
·
pipe
·
三维管道
【小沐杂货铺】基于Three.js绘制三维管道Pipe(WebGL、vue、react)
代码编号: A14_1_ThreeJS_Pipe_js代码编号: A14_1_ThreeJS_Pipe_js
小码编匠
1 个月前
vue.js
·
typescript
·
three.js
Three.js 遇上 Vue3 开发现代化 3D 可视化编辑系统
3D模型可视化技术已成为众多领域不可或缺的工具,从建筑设计、游戏开发到工业制造,3D模型的应用无处不在。然而,传统的3D模型编辑软件往往操作复杂,学习成本高,且缺乏灵活性。
阿明Drift
1 个月前
前端
·
three.js
从炫酷粒子星云学 Three.js:深度解析一个 15 万粒子的 GPU 动画系统
这周偶然在 CodePen 上刷到一个名为 “Nova” 的 3D 粒子动画,展示一个星云效果,极其酷炫。
秋田君
2 个月前
javascript
·
vue.js
·
3d
·
three.js
·
热力图
3D热力图封装组件:Vue + Three.js 实现3D图表详解
哎~,最近一直没更新CSDN的博客,主要是因为频繁出差,加上手头项目压力比较大,实在抽不出太多时间来做总结。今天总算忙里偷闲,挤出一点时间,把近期积累的一些实战经验和学习心得整理分享出来,虽然很忙,但是我有外甥了,我也要做舅舅了!记录一下【 2025年10月23日9:28分,3840g(7.68斤)男孩,母女平安,大名叫张思彦,小名叫做丰收】。