WebGL
文章平均质量分 94
那个天真的人
java web前后端开发
展开
-
WebGL学习系列-使用缓冲区对象画多个点
一般而言,我们需要绘制的点的数量非常的多,所以不可能像第一个程序一样一个点一个点绘制,WebGL提供了缓冲区对象,用于处理绘制多个点的数据问题。原创 2017-02-19 10:15:34 · 3008 阅读 · 0 评论 -
WebGL学习系列-第一个程序
本篇学习第一个WebGL程序——画一个点,通过此程序来理解WebGL程序的结构,这是所有后续知识的开端。画一个点先看一下效果图: 为了画这么一个点,在WebGL可不太简单,它会涉及到WebGL上下文以及着色器的概念,不要着急,咱们慢慢来理解。WebGL上下文学过Canvas的同学应该都知道,想要在浏览器中使用Canvas画图,需要先取得一个上下文,就像创建一个场景一样,有了场景才可以绘制。在W原创 2017-02-18 14:21:36 · 1317 阅读 · 0 评论 -
WebGL学习系列-多边形绘制原理
前面学习了通过缓冲区对象来绘制多个点的原理,在实际的3D世界里,有好多复杂的模型,但细化分解后又是由一个个基础的几何图形构成的,掌握了基础图形的绘制才能够理解更加复杂的模型。本节将会讲解三角形,矩形以及利用三角函数绘制圆。原创 2017-02-20 22:22:56 · 4225 阅读 · 0 评论 -
WebGL学习系列-片元着色器简介
前言到目前为止,我们绘制过点、三角形、矩形等,但使用的都是单色系。之前曾经说过着色器的概念,着色器分为顶点着色器和片元着色器,我们一直在使用顶点着色器,而对片元着色器基本没有提及过,本小节将展开对片元着色器的简单介绍。彩色的点之前提到过,顶点着色器决定点的大小、位置和颜色,而片元着色器是用于给像素着色的,初步看,片元着色器的任务好像给顶点着色器完成了,但实际上不然,顶点着色器只能决定点的颜色,如果绘原创 2017-03-01 22:18:01 · 5673 阅读 · 1 评论 -
WebGL学习系列-目录
前言都说时间转眼即逝,距离最后一篇博文已经几个月了,我们总是在叹息时间飞逝,最后回眸的时候,却又觉得生活少了些什么。作为一名后端开发人员,学习WebGL之路是快乐并痛苦着的,坦诚的讲,我觉得一般的后端开发人员空间思维都没有专业前端同学的好,特别是视觉感。不管怎样,作为2017对自己的第一份礼物,还是希望自己用心把这件事做好,既然学了,那就好好待人家吧。说起学习WebGL,还是缘于公司的情况。笔者所在原创 2017-02-15 23:07:32 · 1089 阅读 · 0 评论 -
WebGL学习系列-基本图形变换
经过前面的学习,我们已经可以绘制基本的图形了。本小节将介绍基本的图形变换,介绍在WebGL中,如何对基本的图形进行平移、旋转和缩放。原创 2017-02-22 23:08:46 · 2066 阅读 · 0 评论 -
WebGL学习系列-WebGL简介
前言本篇简要介绍一下WebGL的历史以及用途。原创 2017-02-16 00:08:51 · 3408 阅读 · 0 评论 -
WebGL学习系列-基础矩阵变换
在图形学中,特别是涉及到3D的时候,矩阵变换起着非常重要的作用。在实际使用的过程当中,通常每一帧画面可能都会涉及到成千上万个顶点的坐标变换,如果没有矩阵变换计算,一个是计算复杂,一个是难以达到我们想要的计算效率。本小节将介绍通过矩阵计算来实现基本的图形变换。原创 2017-02-26 23:13:33 · 7369 阅读 · 0 评论