“3D”突围之路---WebGL(1)

125 阅读1分钟

WEBGL介绍

1.什么是WebGL

WebGL(Web Graphics Library)是一种3D绘图协议,衍生于OpenGL2.0,可以结合HTML和JS在网页上绘制和渲染二维或者三维图形。

2.WebGL可以做什么

  • 数据可视化
  • 图形/游戏引擎
  • 地图
  • VR
  • 物品展示
  • 室内设计
  • 城市规划
  • 动画演示图等等

3.WebGL的优势

WebGL完美地解决了现有的Web交互式三维动画的两个问题:第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件支持;第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。简单来说就是

  • 内嵌在浏览器中,不需要插件即可运行
  • 只需要一个文本编辑器和浏览器,就可以编写
  • 前端的学习成本比较低,使用较为简单

4.常见的开源框架

  • Three.js: JS 3D WebGL库
  • Babylon.js:Web3D图形引擎
  • KickJS:Web的开源图形和游戏引擎
  • ClayGL:构建可扩展的Web3D应用程序
  • PlayCanvas:网络游戏和3D图形引擎
  • WebGLStudio.js和Litescene.js:开源Web3D图形编辑器和创建器
  • Luma:Uber的3D WebGL可视化库
  • A-Frame:构建VR(虚拟现实)体验的Web框架

总结

这次简单介绍了一下,接下来我门开始进入WebGL的学习。