`
wanlic2008
  • 浏览: 22377 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

一个纯纯的WegGL小例子

阅读更多
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>一个纯纯的WegGL小例子</title>
</head>
<body>
	<canvas id="myCanvas" width="600" height="450"></canvas>
	<script>
		var canvas = document.getElementById('myCanvas');
		var gl = canvas.getContext('webgl');

		var vertCode = ''
			+ 'void main() {\n'
			+ ' gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n'
			+ ' gl_PointSize = 10.0;\n'
			+ '}\n';

		var vertShader = gl.createShader(gl.VERTEX_SHADER);
		gl.shaderSource(vertShader, vertCode);
		gl.compileShader(vertShader);

		var fragCode = ''
			+ 'void main() {\n'
			+ ' gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\n'
			+ '}\n';
		var fragShader = gl.createShader(gl.FRAGMENT_SHADER);
		gl.shaderSource(fragShader, fragCode);
		gl.compileShader(fragShader);

		var shaderProgram = gl.createProgram();
		gl.attachShader(shaderProgram, vertShader);
		gl.attachShader(shaderProgram, fragShader);
		gl.linkProgram(shaderProgram);
		gl.useProgram(shaderProgram);

		gl.clearColor(0.0, 0.0, 0.0, 1.0);
		gl.clear(gl.COLOR_BUFFER_BIT);

		gl.drawArrays(gl.POINTS, 0, 1);

	</script>
</body>
</html>

 

分享到:
评论

相关推荐

    AA纯纯循环.pdf

    在给定的“AA纯纯循环.pdf”文件中,我们关注的是一个用于打印正方形星号图案的C语言程序。这个程序使用了嵌套循环来实现,能够处理多组输入数据。以下是关于这个程序和相关知识点的详细说明: 1. **嵌套循环**: ...

    纯纯的新疆jsp 分页代码

    【标题】"纯纯的新疆jsp 分页代码" 指的是一个由新疆开发者编写的JSP分页功能实现。在Web开发中,分页是一种常见的用户界面设计,用于处理大量数据时,避免一次性加载所有内容,提高网页性能并提供更好的用户体验。...

    纯纯写作_4.1.apk

    纯纯写作_4.1.apk

    纯纯的亲情作文.pdf

    纯纯的亲情作文.pdf

    数据结构笔记,纯纯干活

    2. **链表**:链表由一系列节点组成,每个节点包含数据和指向下一个节点的引用。链表支持快速插入和删除,但访问速度较慢,因为无法通过索引直接访问。 3. **栈**:栈是一种后进先出(LIFO)的数据结构,常用于函数...

    编译原理学习记录(纯纯记录)

    例如,`E-&gt;E+T` 就是一个直接左递归的例子。这种结构会导致解析器无限递归,例如问题 2 描述的 `id` 直接匹配 `E-&gt;E+T` 的问题。解决这个问题的一种方法是通过消除直接左递归,将 `A-&gt;Aa|b` 变换为 `A-&gt;bA’` 和 `A...

    几米的哲学——纯纯的感动淡淡的忧伤.pdf

    几米的哲学——纯纯的感动淡淡的忧伤.pdf

    web前端大作业:基于html+css+js的个人网站开发

    先打作业交了再说,之后有时间的话会进行优化另外,由于up主本身是Java后端,后续应该会加上后端功能,或许还会部署上服务器等等,毕竟,有一个纯纯由自己打造的个人空间是每个程序员的梦想。最后,还有一个小tips:...

    openmv的相关资源大家可以看看 纯纯凑字数

    OpenMV 是一个开源嵌入式计算机视觉平台,它旨在使机器视觉技术更加易于使用和普及。这个项目的主要目标是提供一种低成本、低功耗且功能强大的解决方案,让开发者和爱好者能够在各种小型设备上实现复杂的图像处理和...

    微软官方ISO下载工具,纯净

    前段时间讨论微软商店里上架了一个ISO下载工具,我在商店里也看到这个工具了,里面也有一堆网友在评论区里支持,不过我看到那个下载工具大小竟然有18MB之大,头大了,一个小小的下载工具为啥搞这么大?莫名其妙ing,其实这...

    统计一个由小写英文字母组成的字符串中各个小写英文字母出现的数量

    这里用了模块化,构建了两个函数,一个函数用来统计数量,一个函数用来完成输出,这两个函数都在h文件里,纯纯代码文学,一下载一复制立马能运行!

    Android代码-一个集Gank.Io,Rxjava示例,操作符,MD控件使用,各种好玩Ap示例的学习App。

    gank.io-unofficial-android-client []() []() []() []() []() []() A Material Design style Gank....1.去除了所有的练习示例代码,现在是一个纯纯的干货客户端. 2.项目整体进行了重构,包结构的修改. 3

    HTML + CSS.md

    跟着视频总结的前端基础,适合纯纯的小白

    C#中可编辑的列表视图(EdtiableListView)

    网上可编辑的ListView控件似乎都是同一个模板,作者最初是谁也以无从考证,一片纯纯的代码,几乎没有只言片语的注释,因为必须得用所以硬着头皮把代码通读了一边,加入了我自己的注释,并修改了原来版本中的一些小...

    【演播室提示字幕】V1.0一款可在两个屏幕使用的提示器.rar

    使用:配合《文本分行专用记事本3.0》软件使用一个操作屏(使用软件区),一个是显示屏(黑色部分)。在软件上点某行,这行就显示到显示屏上。按F12上屏或编辑文字。设置页是显示区(黑色部分)的基本参数,修改BUG...

    魔鬼作坊_8.8.1版本完整去验证源码

    魔鬼作坊_8.8.1版本完整去验证源码 纯纯的模块源码.纯纯的模块源码.纯纯的模块源码.纯纯的模块源码.纯纯的模块源码.纯纯的模块源码.

    38000词汇思维导图(1-1525词根)β版.rar

    38000词汇思维导图β版。 适合各个阶段的英语学习者,不适合英语纯纯纯小白...内容包括1525个词根的思维导图:每个单词内容有(单词、音标、词频、等级、释义、笔记、例句) β版特点:内容丰富,相当于一本小型词典。

    38000词汇思维导图(1-500词根)β版.rar

    38000词汇思维导图β版。 适合各个阶段的英语学习者,不适合英语纯纯纯小白...内容包括1525个词根的思维导图:每个单词内容有(单词、音标、词频、等级、释义、笔记、例句) β版特点:内容丰富,相当于一本小型词典。

    38000词汇思维导图(501-1525词根)β版.rar

    38000词汇思维导图β版。 适合各个阶段的英语学习者,不适合英语纯纯纯小白...内容包括1525个词根的思维导图:每个单词内容有(单词、音标、词频、等级、释义、笔记、例句) β版特点:内容丰富,相当于一本小型词典。

    程序员面试刷题的书哪个好-purewriter:用于PureWriter的使用手册

    在英文使用下,如果发现自己的字数统计将一个字母统计成了一个字而非一个单词一个计数,可以在设置项中打开【视一个单词为一个计数】,即可使用单词计数,但针对中文的字数统计选项将失效,将被默认为【不包含空格和...

Global site tag (gtag.js) - Google Analytics