在线作品

three.js音乐3d可视化（3d波浪图）

3d graph based on three.js to visualize audio

three.js构建高性能球形点云连接网络图

sphere surface flow points cloud connection network

three.js webgpu渲染器加载gltf模型代码示例（Chrome 113版本以上）

three.js webgpu renderer + gltf loader example，注意需要chrome 113版本以上才支持

three.js使用havok物理引擎代码示例

three.js + havok.js physics engine example

three.js使用遮罩（mask）和复合（composition）技术实现电影特效：城市龙卷风

webgl masking & composition example: city twister

表格插入数据

js获取操作系统信息代码示例

兼容新老浏览器，老的api是navigator.platform, 新的api是navigator.userAgentData.platform

固定导航

实现导航随页面滚动而冻结导航窗口

three.js生成中空的3D管道

threejs中使用shape和 ExtrudeGeometry来创建管道

three.js模型表面流线特效

surface flow effect on geometry

three.js使用meshdistancematerial来实现模型透明部位不投射阴影

MeshDistanceMaterial usage example for shadow controlling

webrtc获取摄像头和麦克风设备唯一标识

how to get media device info (unique id etc...) via js

javascript生成设备唯一标识

device id, 足够唯一，大部分情况下适用

three.js很棒的一个圆形传送门特效

portal shader effects with three.js

纯CSS构建的高保真3D摄像头

3d camera build with pure css，3d高光、镜头的模拟很细腻

js使用正则去除img标签