码迷,mamicode.com
首页 >  
搜索关键字:webgl    ( 747个结果
用webgl画个太阳系(线框图)
Three框架
分类:Web程序   时间:2014-08-08 23:46:06    阅读次数:752
[WebGL入门]十三,minMatrix.js和坐标变换矩阵
这次介绍了一下本网站的矩阵计算的库minMatrix.js的基本的使用方法,和坐标变换矩阵的顺序。 minMatrix.js通过一个叫做matIV的对象来对矩阵进行操作,各种方法的具体内容,现在不明白也不要紧,等必要的时候会进行具体的说明。生成了坐标变换矩阵之后,离绘制多边形还差一小步了。 下次,终于该让多边形显示到画面上了。...
分类:Web程序   时间:2014-08-08 02:06:55    阅读次数:303
[WebGL入门]十二,模型数据和顶点属性
顶点中的属性是由程序员来自由添加的,需要的VBO的个数就是添加的属性个数。 顶点属性的各个数据,使用纯粹的一维数组,当然,数组的元素个数要根据想要绘制的顶点个数来定义。 生成VBO的时候,首先要把缓存绑定到WebGL,然后相应的数据,要转换为相应的类型,然后使用指定的常量来写入数据。而为了避免预想之外的错误发生,数据写入结束之后,要将WebGL中绑定的缓存无效化。 这样,一连串的处理之后,模型数据就可以被顶点着色器利用了。下一回以后,说一下将VBO传给着色器的步骤,首先先把VBO的准备部分好好理解一下吧。...
分类:Web程序   时间:2014-08-06 22:58:12    阅读次数:339
[WebGL入门]十一,着色器的编译和连接
HTML代码中引入必要的javascript文件,以及描述着色器的代码。 准备了着色器的编译函数和连接着色器的程序对象相关的函数。每个函数中都有是否进行了正确处理的判断。 下次,准备好顶点数据,也就是说准备好模型数据,然后变换为VBO。按照前面说的步骤,一步步全都理解的话,就应该没问题了,加油吧。...
分类:Web程序   时间:2014-08-06 01:56:00    阅读次数:859
[WebGL入门]十,矩阵计算和外部库
从长远来看,真正进行非常复杂的处理时,矩阵的知识还是不能缺少的。但是,要提前把这些都理解是很苦难的。所以,先熟练使用外部库,等能够熟练进行3D开发之后,再逐步了解这些知识是比较理想的。 使用外部库的时候,也可能存在平台问题,必须边理解外部库的特征边使用,并不是说完全没有问题。本网站使用的库是管理人自己的库,会尽可能减低使用的门槛。...
分类:Web程序   时间:2014-08-05 00:45:58    阅读次数:285
WebGL入门教程第1篇——六色立方
WebGL入门教程第1篇——六色立方
分类:Web程序   时间:2014-08-03 20:17:45    阅读次数:2375
[WebGL入门]九,顶点缓存的基础
顶点里添加怎样的情报,程序员是可以自由决定的,DirectX中有一种叫做[灵活顶点格式]的机制,WebGL中顶点格式是没有的,程序员必须自己处理所有的顶点情报。 只需要添加你想要添加的顶点信息的VBO就行了,VBO的生成方法以及怎样把数组信息传递给VBO等等,以后的文章中会详细的介绍。首先,把大概的流程理解一下。 最难理解的是怎样把attribute变量相关联,这个以后肯定会详细的介绍的。这次,只需要了解了顶点缓存的作用就足够了。...
分类:Web程序   时间:2014-08-03 10:18:15    阅读次数:285
Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)
Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)...
分类:Web程序   时间:2014-08-02 21:00:04    阅读次数:1011
[WebGL入门]八,着色器的说明和基础
顶点着色器和片段着色器,都可以通过GLSL来书写,基本上它们算是一个组合。着色器的内部,必须要定义一个main函数,在这个函数里面添加自己的处理。而且,要从WebGL一侧向着色器传递数据的时候,需要用到一些特殊的修饰符所定义的变量。 要向着色器传递各个顶点的不同的信息的时候,使用attribute修饰符声明变量,要向着色器传递对所有顶点来说都一样的信息的时候,使用uniform修饰符声明变量。 另外,从顶点着色器向片段着色器传递数据的时候,使用varying修饰符声明变量。 顶点着色器中内置的变量gl_Po...
分类:Web程序   时间:2014-08-02 12:53:23    阅读次数:356
[WebGL入门]七,context的初始化
这一次,只是获取一下WebGL的context,然后将使用黑色将画面清空一下。但是事实上,这样就可以开始使用WebGL了。 接下来,会更具体更详细的介绍WebGL相关的处理,但不管做什么,基础都是很重要的,这次的内容还是需要彻底理解一下的。...
分类:Web程序   时间:2014-08-01 23:09:02    阅读次数:435
747条   上一页 1 ... 69 70 71 72 73 ... 75 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!