随笔分类 -  WebGl

webgl学习笔记五-纹理
摘要：写在前面 建议先阅读下前面我的三篇文章。 "webgl学习笔记一 绘图单点" "webgl学习笔记二 绘图多点" "webgl学习笔记三 平移旋转缩放" 术语 ： 纹理 ：图像 图形装配区域 ：顶点着色器顶点坐标信息 装配图形 ： 片元着色器装配 光栅化 ：显示在屏幕上的三角形是由片元（像素）组成的 阅读全文
posted @ 2017-09-03 18:14 坚守一辈子的幸福 阅读(576) 评论(0) 推荐(1) 编辑
webgl学习笔记四-动画
摘要：写在前面 建议先阅读下前面我的三篇文章。 "webgl学习笔记一 绘图单点" "webgl学习笔记二 绘图多点" "webgl学习笔记三 平移旋转缩放"   下面我们将讲解下如何让一个正方形动起来~不断擦除和重绘正方形,并且每次重绘时轻微地改变其角度。 demo 吊下胃口 htm 阅读全文
posted @ 2017-09-03 11:27 坚守一辈子的幸福 阅读(460) 评论(0) 推荐(0) 编辑
webgl学习笔记三-平移旋转缩放
摘要：写在前面 建议先阅读下前面我的两篇文章。 "webgl学习笔记一 绘图单点" "webgl学习笔记二 绘图多点" 平移 1、关键点说明 顶点着色器需要加上 uniform vec4 u_Translation, 存储平移的坐标矢量。 顶点坐标位置 ： gl_Position = a_Position 阅读全文
posted @ 2017-09-02 14:01 坚守一辈子的幸福 阅读(2527) 评论(0) 推荐(0) 编辑
webgl学习笔记二-绘图多点
摘要：写在前面 建议先看下第一篇 "webgl学习笔记一 绘图单点" 第一篇文章,介绍了如何用webgl绘图一个点。接下来本文介绍的是如何绘制多个点。形成一个面。 webgl提供了一种很方便的机制,即缓冲区对象，可以一次性地向着色器传入多个顶点的数据。缓存区对象是webgl系统的一块内存区域。 绘制多个点 阅读全文
posted @ 2017-09-01 15:49 坚守一辈子的幸福 阅读(449) 评论(0) 推荐(0) 编辑
webgl学习笔记一-绘图单点
摘要：写在前面   WebGl（全称：Web Graphics Library ： web图形库） 是基于OpenGL ES 2.0的3D绘图协议。   WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画 阅读全文
posted @ 2017-08-31 21:41 坚守一辈子的幸福 阅读(514) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示