![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webGL学习笔记
一位小前端
这个作者很懒,什么都没留下…
展开
-
WebGL学习笔记(二)
attribute变量 在上一篇文章中,点总是绘制在固定的位置,因为点的位置是直接写(“硬编码”)在顶点着色器中的。我们先来简单回顾一下上一篇文章的代码 //HelloPoint1.js //顶点着色器程序 var VSHADER_SOURCE= 'void main(){\n'+ 'gl_Position=vec4(0.5,0.0,0.0,1.0);\n'+ 'gl_PointSize=...原创 2019-06-25 15:40:05 · 257 阅读 · 0 评论 -
WebGL学习笔记(三)
uniform 介绍 uniform变量将颜色值传给着色器,其步骤与用attribute变量传递的类似,不同的仅仅是,这次的数据传输目标上是片元着色器,而非顶点着色器。uniform变量用来从JavaScript程序向顶点着色器和片元着色器传输“一致的”数据 只有顶点着色器才能使用attribute变量,使用片元着色器,你就需要使用uniform变量 这是上一篇写attribute的文章 · 格式...原创 2019-06-25 17:56:58 · 177 阅读 · 0 评论 -
webGL学习笔记(一)
WebGL入门 webGL,是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户与之进行交互的技术。webGL接合了HTML5和JavaScript,允许开发者在网页上创建和渲染3D图形。 下面是一些精彩的webGL示例 Aquarium Cube WebGL Bookcase WebGL Earth 接下来先简单介绍一下使用到的知识要点 使用 < canvas >...原创 2019-06-24 20:50:46 · 384 阅读 · 0 评论