00 canvas

目录

webgl

• webgl 01 入门
• webgl 02 多图形绘制和变换
• webgl 03 颜色和纹理
• webgl 04 原理 OpenGL ES 语言
• webgl 05 三维世界
• webgl 06 光照
• webgl 07 进阶
• webgl 08 常用的数学

threejs

• threejs 01 入门
• threejs 02 组件
• threejs 03 光源
• threejs 04 材质
• threejs 05 几何体
• threejs 06 动画和相机
• threejs 07 纹理
• threejs 08 粒子

Canvas API 和 WebGL API

是HTML5新增的一个 DOM 元素

• 二维图形可以使用 （ Canvas API 或 WebGL API）
  • CanvasRenderingContext2D 
  • canvas.getContext(‘2d’)
• 三维图形使用 WebGL API
  • WebGLRenderingContext 
  • canvas.getContext(‘webgl ‘)
  • canvas.getContext(‘webgl2’)

WebGL

webgl是一种3D绘图协议，衍生于 OpenGL ES2.0，可以结合 Html5 和 JavaScript 在网页上绘制和渲染二/三维图形。

• 数据可视化
• 图形/游戏引擎
• 交互演示，图像渲染
• 室内设计
• 城市规划