threeJS

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。
https://github.com/mrdoob/three.js

Simple Demo

• 点模型 points
• 线模型 line
• 网格模型 mesh
• 精灵模型

1. 场景
   1. 模型
      1. 几何体 Geometry
         • BoxGeometry 长方体
         • SphereGeometry 球体 SphereGeometry(radius, widthSegments, heightSegments)
         • CylinderGeometry 圆柱
         • OctahedronGeometry 正八面体
         • DodecahedronGeometry 正十二面体
         • IcosahedronGeometry 正二十面体
         • PlaneGeometry 平面几何 （一般作为投影面
      2. 材质 Material
         • 点材质
           • pointsMaterial
         • 线材质
           • lineBasicMaterial 线基础材质
           • lineDashedMaterial 虚线材质
         • 网格材质
           • meshBasicMaterial 网格基础材质
           • meshLamberMaterial 网格 暗淡、漫反射材质
           • meshPhongMaterial 网格 高亮表面、镜面反射材质
           • PBR材质
             • meshStandardMaterial
             • meshPhysicalMaterial
           • meshDepthMaterial 网格深度材质
           • meshNormalMaterial 网格法向量材质
         • 精灵材质
           • spriteMaterial
         • 自定义着色器材质
           • rawShaderMaterial
           • shaderMaterial
   2. 光源 light
   3. AxisHelper 辅助三维坐标系
2. 相机
3. 渲染器

Reference

其他一些canvas 相关

• 游戏
  Phaser、egret、Layabox、cocos2d