数字孪生

智慧园区

threejs

threejs实现可以昼夜切换的智慧园区

智慧校园

threejs实现的数字孪生智慧校园

科技地球

threejs 地球特效，全球贸易大屏展示

Three.js 智慧城市漫游

threejs

智慧城市

城市道路、楼宇和夜景动线的三维漫游展示，适合智慧城市、交通可视化和城市空间方案演示。

智慧园区数字孪生

数字孪生

园区

以园区建筑为核心的数字孪生场景，支持楼宇高亮、图层开关、天气和时间等交互控制。

高校智慧大脑大屏

数据大屏

校园

围绕高校图书馆、教学质量、就业报告和校情概览做的数据可视化大屏，适合校园管理展示。

智慧楼宇运维大屏

楼宇

运维

夜间楼宇场景结合楼层、摄像头、消防、电梯、光照和环境系统，展示园区运维监控方案。

WebGL 城市夜景漫游

webgl

城市漫游

城市街区从白天到夜景的沉浸式漫游，突出道路空间、建筑灯光和智慧城市展示氛围。

海洋

threejs 3D海洋效果

扭曲页面

创意开发，使用 threejs 中扭曲的页面效果

3D饼图

threejs 实现的3D饼图效果

虚幻城市

threejs 3D数字孪生智慧城市效果

优秀案例

Tesla Wrap Designer

Three.js

AI

原创

面向 Tesla Paint Shop 的在线贴膜设计工具，支持 AI 生成、2D 编辑、3D 实时预览与 PNG 导出。

Porsche 718

转载

threejs 3D网页汽车效果

穿梭未来

转载

threejs 实现的科幻特效效果

昼夜房间

转载

threejs-journey 的赠品，使用threejs和烘培贴图实现昼夜切换和局部调节的效果

遥控赛车

转载

Bruno Simon 使用 threejs 制作的遥控赛车博客

侠盗飞车

转载

threejs 实现的驾驶汽车、飞机、直升机游戏，可与电脑AI赛车

魔方

转载

threejs 实现的魔方效果

练习项目

消散特效

threejs

shader实现的模型消散

波浪扫光

threejs

shader实现的波浪扫光

基础模板

自用的 Webpack 5 + Typescript 4 + Threejs + Shader 基础模板

Blender Model

跟 Bruno Simon 学习 threejs-journey 的练习项目

汹涌海洋

跟 Bruno Simon 学习 threejs-journey 的练习项目