WebGL是什么

WebGL是2010年开发完成公布的用于网络三维呈现的三维库。
WebGL本身就是源于著名的三维库openGL,与OpenGL ES 2.0绑定

WebGL百度百科

WebGL是的优点

  • 网页上现有的技术(Canvas、SVG)并不能完美地实现三维效果
  • 不需要任何插件(相较于传统的Flash和Silverlight插件)
  • 支持所有的流行的浏览器
  • 支持移动设备
  • 你可以自己编写shader
  • 你可以通过DOM来管理它
  • 架构非常新(机遇)

WebGL的JS库

使用原生的WebGL需要计算机图形学、线性代数等知识,
而且即便执行很简单的功能也需要大量的代码进行支持,门槛很高。
因此需要更加强大且完善的框架来简化难度以及减少代码量。


下面是一些对WebGl封装的JS库

Three.js

我们采用 Three.js
因为这个JS库更为知名,使用者也更多,功能也更全。

基于WebGL的编辑器

Threejs Editor

Three.js 官方开发的 基于Three.js的 网上三维编辑器 Threejs Editor

图片描述

webglstudio

基于WebGL 开发的网上三维编辑器 webglstudio

图片描述

SculptGL(需要翻墙)

基于WebGL 开发的网上雕刻系统 SculptGL

(已经通过electron完成电脑端的移植)
图片描述

playCanvas

基于WebGL 开发的网上游戏制作系统 playCanvas

图片描述

pixijs

基于WebGL 开发的网上2D游戏系统 pixijs

图片描述


WebGL&Three.js 的优秀案例