WebGL学习笔记--WebGL入门

  • 什么是WebGL?

    全称是Web Graphics Library,是一个javascript API,用于在支持的浏览器中呈现高性能的交互式2D和3D图形,而不需要依赖任何插件。

使用WebGL有几大优势:

1. 只需要一个文本编辑器和一个浏览器,就可以编写三维程序了。

2. 你可以使用通用的Web技术发布3D应用,非常容易地在互联网上发布和分享。所谓通用的Web技术就是HTML、javascript,任何一位web开发者都对它再熟悉不过了。

3. 浏览器是一个非常重要信息和应用平台,具有跨平台、应用无处不在的特性,你可以充分利用浏览器的功能。

  • 什么是Shader,为什么需要shader?

    shader就是着色器,是实现2D&3D图形渲染的可编辑程序,它运行在GPU(图形处理器)上,我个人理解着色器程序是运行在显卡上的,它实际上就是一套流水线渲染流程,从输入数据开始经过一个个处理节点最终输出图形到显示设备。着色器强调的是可编程这个特性,它是相对于传统的固定渲染管线来说的,实际上着色器就是为了替代固定渲染管线,也称为可编程渲染管线,由于它的可编程特性使其可以实现各种图形效果而不受固定管线的限制,这也是如今图形学画质质量越来越高的原因。

image
  • WebGL应用处理流程

    典型的WebGL应用执行流程如下:

image.png
参考书籍《WebGL编程指南》
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 要做出变换效果,其实就是玩数据,而数据的来源及数据的一些变量都依赖glsl,所以需要先系统的学习下。其实glsl一...
    applecai阅读 4,983评论 0 0
  • WebGL从2012年开始接触,后面因为开始专注前端其他方面的事情,慢慢地就把它给遗忘。最近前端开始又流行起绘画制...
    我不是传哥阅读 9,602评论 1 22
  • 反正不管你信不信,我觉得WebGL是接下来一个时代的流量入口啦,谁不喜欢酷炫的东西,所以本着跟着时代步伐的精神,终...
    Patrick浩阅读 13,030评论 0 6
  • 随着三维地图的越来越流行,作为一个giser不会WebGL都不好意思说自己是做webgis的了。实现一些基本的图形...
    写前端的大叔阅读 5,130评论 1 1
  • 在利用缓冲区并在学会利用 mode绘制图形动画以后,继续研究二维图形的颜色渲染以及纹理操作 1. 颜色渲染 1.1...
    Patrick浩阅读 4,914评论 2 0