51dev.com IT技术开发者社区

51dev.com 技术开发者社区

WebGL

webGL

webGL

WebGL: 是OpenGL和JavaScript之间的结晶、HTML5的canvas元素里、利用和OpenGL同样的API、可以绘制高精度的三维图像。(OpenGL能够从任意视点出发,对三维空间中的物体进行二维投影的自动计算。而且因为可以直接操作计算机的图形卡、OpenGL能够非常高速和高精度地描绘三维图像...

WebGL入门教程(一)-初识webgl

WebGL入门教程(一)-初识webgl

一、WebGL和传统网页的区别:普通网页组成成分:HTML、JavaScript;WebGL网页组成成分:HTML5、JavaScript和GLSLES(着色器语言OpenGLES);二、WebGL采用H5中的<canvas>元素来定义绘图区域,然后通过JavaScript内嵌GLSLES在canvas中绘...

js判断浏览器是否支持webGL

js判断浏览器是否支持webGL

起因是我之前开发的网页,用到了three.js制作了一个3d的旋转球体效果。在各种浏览器上运行都没问题,在IE上也做了兼容代码。但是今天接电话,老板说你这网页在xp上不显示啊。IE上好使。google浏览器不好使。于是开始解决问题,不禁陷入了沉思。what?网页显示难道还与操作系统有关?google竟然不好使?于是搭建...

WebGL的shader

WebGL的shader

WebGL的shader(着色器)有2种:vertexShader(定点着色器)和 fragmentShader(片段着色器)顶点着色器:定义点的位置、大小片元着色器:定义画出来的物体的材质(颜色、反光度等...)着色器定义有自己的一套语言:GLSL(GraphicsLibraryShadingLanguag...

[WebGL入门]十五,为多边形涂抹颜色(顶点颜色的指定)

[WebGL入门]十五,为多边形涂抹颜色(顶点颜色的指定)

注:文章译自http://wgld.org/。原作者杉本雅広(doxas),文章中假设有我的额外说明,我会加上[lufy:]。另外。鄙人webgl研究还不够深入。一些专业词语。假设翻译有误。欢迎大家指正。本次的demo的执行结果那么,先从着色器的代码開始看吧。这次,须要两个attribute变量。各自是为了接收顶点的位...