# webgl-tutorial

**Repository Path**: fantasticit/webgl-tutorial

## Basic Information

- **Project Name**: webgl-tutorial
- **Description**: WebGL 学习笔记
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-22
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WebGL 入门笔记

[在线网址](https://fantasticit.github.io/webgl-tutorial/)

## 目录

- WebGL
  - [初始化](./src/views/webgl/init.md)
  - [创建 2D 物体](./src/views/webgl/2D.md)
  - [渲染物体颜色](./src/views/webgl/color.md)
  - [创建物体动画](./src/views/webgl/animate.md)
  - [创建 3D 物体](./src/views/webgl/3D.md)
  - [创建纹理](./src/views/webgl/texture.md)
  - [应用灯光](./src/views/webgl/light.md)
- Three.js
  - [初始化](./src/views/three/start.md)
  - [照相机](./src/views/three/Camera.md)
  - [几何形状](./src/views/three/Geometry.md)
  - [材质](./src/views/three/Material.md)
  - [网格](./src/views/three/Mesh.md)
  - [外部模型](./src/views/three/ExternalModel.md)
  - [光与影](./src/views/three/LightAndShadow.md)

## 参考

- [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/Tutorial)
- [Three.js 入门指南](https://github.com/Ovilia/ThreeExample.js)