# 使用Threejs实现的Web3D学习案例

**Repository Path**: zuoben/threejs-case

## Basic Information

- **Project Name**: 使用Threejs实现的Web3D学习案例
- **Description**: 使用Threejs实现的Web3D学习案例，高速公路效果、Web3D画廊，We3D室外，Web3D发布会、粒子波浪、城市星光、Web3D可视化仓库、W3D飞线、Web3D飞点、Web3D流星飞线、带材质的飞点、Web3D看房、模拟太阳系、格子乱飞、全球航班、视角大小、环境光测试、渐变效果一、渐变效果二、背景图/加载模型、拖拽多选、粒子效果、Web3D魔方、Web-VR-效果、Web-王者荣耀...
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://zuoben.top/
- **GVP Project**: No

## Statistics

- **Stars**: 63
- **Forks**: 27
- **Created**: 2023-08-29
- **Last Updated**: 2025-06-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 使用Threejs实现的Web3D学习案例

#### 介绍
各种Web3D案例展示持续更新中，收集不易，劳烦各位star🙂

更多案例，交流加群，模型，素材，源码... 请访问[博客地址](http://zuoben.top/)

如果有项目需求，可以联系我~ [联系](http://zuoben.top/)

部分截图

![高速公路效果](https://case.zuoben.top/three-demo-master/threeJS-Infinite-Lights/index.jpg)

![3D画廊](https://case.zuoben.top/three-demo-master/3dvr-gallery-master/index.jpg)

![模拟抖音封面](https://case.zuoben.top/three-demo-master/douyin/index.jpg)

![Web3D发布会](https://case.zuoben.top/three-demo-master/fabuhui/conference/index.jpg)

![粒子波浪](https://case.zuoben.top/three-demo-master/lizibolang/index.jpg)

![城市星光](https://case.zuoben.top/three-demo-master/threejsBR/index.jpg)

![3D可视化仓库](https://case.zuoben.top/three-demo-master/threejs-cangku-master/3DProject.jpg)

![3D飞线](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/flyLine-master/demo/curve.jpg)

![3D飞点](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/flyLine-master/demo/index.jpg)

![3D流星飞线](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/flyLine-master/demo/straight.jpg)

![带材质的飞点](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/flyLine-master/demo/texture.jpg)

![世界地图球体迁徙](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/map-ball-world-metap/index.jpg)

![世界地图城市标记](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/map-plane-world-metap/index.jpg)

![模拟太阳系](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/solar-system/index.jpg)

![格子乱飞](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/solar-system/test.jpg)

![全球航班](https://case.zuoben.top/three-demo-master/threejs-flyLine-master/Threejs-earth-fly/index.jpg)

![视角大小](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo03/index.jpg)

![环境光测试](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo06/index.jpg)

![渐变效果一](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo09/index.jpg)

![渐变效果二](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo10/index.jpg)

![背景图/加载模型](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo13/index.jpg)

![拖拽多选](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo17/index.jpg)

![粒子效果](https://case.zuoben.top/three-demo-master/threejs-learning-case/demo/demo21/index.jpg)

![3D魔方](https://case.zuoben.top/three-demo-master/threejs-mofang/index.jpg)

![Web-VR-效果](https://case.zuoben.top/three-demo-master/vr-stream-web-player-master/index.jpg)

![Web-王者荣耀](https://case.zuoben.top/three-demo-master/wzry-map-master/index.jpg)

![着色器扩散效果](https://case.zuoben.top/three-demo-master/threejs-shader/index.jpg)

![着色器雷达扫描效果](https://case.zuoben.top/three-demo-master/threejs-shader/radar.jpg)

![着色器案例](https://case.zuoben.top/three-demo-master/threejs-learning-case/index.jpg)

![着色器模拟扩散效果](https://case.zuoben.top/three-demo-master/three-city-pass-master/index.jpg)

![3D看房](https://case.zuoben.top/three-home-master/showHouse/index.jpg)

![3D室外](https://case.zuoben.top/three-home-master/showHouse/move.jpg)

![360度看房](https://case.zuoben.top/three-home-master/threejs-3d-home-main/index.jpg)

![3D室外](https://case.zuoben.top/three-home-master/threejs-szovo/index.jpg)