[3D] 3d.xuwx.top

// webgl · three.js · shader lab

3D 技术
实验室

Three.js 粒子系统、WebGL 着色器、流体模拟、3D 可视化 — 把数学和美学写进 GPU 里。

0

PROJECTS

GLSL

SHADERS

2026

SINCE

// projects

⋆ THREE.JS LAB

THREE.JS PARTICLE SHADER

Three.js 技术实验室

赛博朋克风 3D 粒子系统实验，6 种效果模式 + 实时调参面板，粒子星云/几何环绕/流体着色/波纹场/流式粒子/体积烟雾。

THREE.JS WMS 3D

WMS 3D 仓库规划

可交互的三维仓库布局规划 Demo，货架/库区/通道可视化，模拟入库出库流程动画。

WEBGL GLSL SHADER

流体着色器 Demo

基于 WebGL 的流体模拟效果，GLSL Fragment Shader 实现实时渲染的流体动画交互。

✦ GALAXY GLSL

GLSL WebGL PARTICLE

Galaxy GLSL Shader

纯 GLSL 粒子星系动画 — 螺旋星云、多色温渐变、视角与色彩实时调节。

shine@3d.xuwx.top:~

❯cd /opt/3d && ls -la

three-lab/ — Three.js 粒子实验室

wms-3d/ — 仓库 3D 可视化

fluid/ — WebGL 流体着色器

galaxy-shader/ — GLSL 星系模拟

❯npx vite --port 3000

VITE v5.x.x ready in 328 ms

Local: http://3d.xuwx.top

❯