webGL全集
文章平均质量分 72
佐笾已逝
wufenglong
展开
-
WebGL必须要面对和克服的困难:
WebGL必须要面对和克服的困难:因为OpenGL ES 2.0并没有被大多数的硬件平台所支持,所以将会导致很多设备无法运行WebGL。因为OpenGL ES 2.0对JavaScript的依赖程度达到了100%,其利用JavaScript来处理应用程序的场景绘图,例如:1)计算场景中子父物体间的矩阵运算。2)Culling Calculating(计算不需要绘制的内容)。3)分类计...原创 2011-05-06 15:04:13 · 466 阅读 · 0 评论 -
chrome、firefox如何关闭WebGL(禁用webGL其实很简单)
HTML5中的WebGL技术已在Firefox和Chrome等浏览器中实现,并被默认开启,但这实际上给浏览器带来了极大的安全隐患。问题根源在于,大多显卡以及显卡驱动在设计时并不考虑安全问题,而将相关安全问题交由操作系统完成。但浏览器沙盒跳过了这一环节默认WebGL可以被安全执行,这会使脚本取得跨域名的执行权限,甚至取得访问本地文件的权限。安全专家建议,用户应该在浏览器中关闭WebGL,直到...原创 2011-07-11 11:54:38 · 5676 阅读 · 0 评论 -
WebGL教程0:准备阶段
测试WebGL的第一步是要得到一个支持WebGL的浏览器;WebGL被研发中的所有主流浏览器所支持,除了IE浏览器,所以你需要做的就是获得一个适合你机器的浏览器版本。这一步是否容易得根据你电脑的具体情况了:Windows:1、如果你的电脑上安装了最近的ATI显卡或Nvidia显卡,你的情况会更好点。继续尝试下安装Firefox或是Chromium,无论你喜欢哪一种——如果不能正常运行,请浏览下面的...原创 2011-03-24 14:12:16 · 211 阅读 · 0 评论 -
WebGL教程1:一个三边形和一个四边形
欢迎来到我的第一个WebGL教程!这节教程是以NeHe的OpenGL教程第二课为基础的(译者注:这里有网上找到的NeHe的OpenGL中文教程),NeHe的OpenGL教程是学习3D图形游戏编程很流行的一个教程。这节课向你解释怎样在页面上绘制一个三边形和一个四边形。也许这本身不是那么令人兴奋,但这是对WebGL基础的一个很好的介绍:如果你知道它是这样工作,剩下的会是十分相似……这儿是这节课的代码在...原创 2011-03-24 14:15:01 · 428 阅读 · 0 评论 -
WebGL教程2:添加颜色
欢迎来到我的第二课WebGL教程!这个时间我们来学习怎样向场景里面添加颜色。它是以Nehe的OpenGL教程第三课为基础的。这儿是这节课的代码在支持WebGL的浏览器运行看起来的效果:一个小的忠告:这些教程所针对的人群是具有一定的编程知识,但是没有真正的3D图形编程经验;目的是使你入门并且知道这些代码是怎样运行的,以至于你能够尽快开始制作自己的3D网页。如果你还没有学习第一课,在你学习这一课之前最...原创 2011-03-24 14:18:01 · 228 阅读 · 0 评论 -
WebGL教程3:运动起来
欢迎来到WebGL教程第三课。这次我们将学习如何移动物体。本课基于NeHe OpenGL教程的第4课。如果你的浏览器已经支持WebGL,请点击此处,你将看到本课WebGL的现场版;如果不支持,你从此处可以获取一个支持WebGL的浏览器。一点提示:这些课程是面向那些具有一定编程知识但没有实际3D图形开发经验的开发人员的;其目的是让你对代码层上发生了什么事 有很好的理解,以便你能尽可 能快地创建出自己...原创 2011-03-24 14:36:54 · 881 阅读 · 0 评论 -
webGL教程4:实现三维效果
欢迎来到WebGL教学系列的第四课。这次我们来显示一些3D物体。本课是基于NeHe OpenGL教学系列的第五课。如果你的浏览器已经支持WebGL,请点击此处,你将看到本课WebGL的现场版;如果不支持,你从此处可以获取一个支持WebGL的浏览器。本课代码与前一课代码的不同之处完全集中于initBuffers和drawScene这两个函数。如果你现在滚动到drawScene函数,你将在第一行的地方...原创 2011-03-24 14:39:23 · 391 阅读 · 0 评论 -
一段关于webGL的代码
最近刚发现这个,但是挺好奇的!贴给大家看看!var canvas = document.getElementById("canvas");var gl = canvas.getContext('webgl');canvas.width = newWidth;canvas.height = newHeight;gl.viewport(0, 0, canva...2011-04-02 13:32:35 · 74 阅读 · 0 评论