# threejs-master-learn

**Repository Path**: liwenjieOO/threejs-master-learn

## Basic Information

- **Project Name**: threejs-master-learn
- **Description**: 跟官方案例学threejs
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-08-15
- **Last Updated**: 2024-08-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# three.js 学习案例项目

跟着官方案例学threejs，学习的案例，添加注释归档与项目案例中格式如下;

- 新增文件webgl_geometry_text_YYYYMMDD_name.html 原案例_年月日_姓名.html
- examples\files.json 添加新增文件名webgl_geometry_text_YYYYMMDD_name.html

## 案例合集

### 1. webgl_geometry_text（文字相关 难度：易） 

- 案例地址：[webgl_geometry_text](./examples/webgl_geometry_text_20230802_wuhui.html)

### 2. webgl_camera (相机基本参数  难度：易) 

- 案例地址: [webgl_camera](./examples/webgl_camera_20230823_wuhui.html)

### 3. webgl_materials_car  加载车模型  轮子转动 中 

- 案例地址: [webgl_materials_car](./examples/webgl_materials_car_20230830_wuhui.html)


### 4. webgl_loader_texture_lottie  贴图动画 中

- 案例地址: [webgl_loader_texture_lottie](./examples/webgl_loader_texture_lottie_20230913_gongziting.html)


### 5. html in  threejs dom元素添加到threejs 中 

- 案例地址: [webgl_dom](./examples/webgl_dom_202301006_wangna.html)


### 6. webgl_interactive_voxelpainter 鼠标与模型交互 中 

- 案例地址: [webgl_interactive_voxelpainter](./examples/webgl_interactive_voxelpainter_20231025_wangjia.html)


### 7. webaudio_orientation 3D案例多媒体应用-音频的使用 中 

- 案例地址: [webaudio_orientation](./examples/webaudio_orientation_20231114_wuhui.html)


### 8. webgl_materials_video 3D案例多媒体应用-视频的使用 中 

- 案例地址: [webgl_materials_video](./examples/webgl_materials_video_20231101_wuhui.html)