black-hole.js是一款效果非常炫酷的模拟宇宙黑洞引力特效的js插件。该插件基于HTML5 canvas,使用WebGL、 glfx.js和 numeric.js 共同制作完成。其效果是在鼠标滑过图片时鼠标区域形成黑洞效果,使它周围的空间坍缩。
注意:由于HTML5的安全限制,插件中的图片必须是同源的图片。在本地浏览器这个插件时,Chrome浏览器会看不到效果,你可以使用Firefox浏...
分类:
Web程序 时间:
2015-04-15 13:31:10
阅读次数:
180
1、HTML5 WebGL水面水波荡漾特效之前已经向各位分享过一款很逼真的HTML5水波荡漾特效,效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画,画面上是一个大水池,水池底部是一颗大石头,在水面上点击即可泛起水波,加上模拟光的照射,水波比上一款特效更加生动逼真。另外你也可以拖动石头让...
分类:
Web程序 时间:
2015-04-15 11:16:07
阅读次数:
187
HTML的代码1 2 3 获取WebGL对象,及gl1 var canvas = document.getElementById("canvas");2 canvas.width = 500;3 canvas.height = 300;4 var gl = canv...
分类:
Web程序 时间:
2015-04-14 16:02:48
阅读次数:
249
twgl.js是一个小巧的WebGL助手库。这个js库的目的是让WebGL API更加简洁易读。WebGL的API非常的冗长,设置着色器,缓冲器,属性和uniforms需要大量的代码。一个简单的发光立方体效果在WebGL中可能需要超过60次代码调用。使用TWGL可以大大减少代码的书写,而且书写的代码整洁明了,非常容易读懂。
TWGL有5个核心函数:
twgl.createProgramIn...
jquery.ripples是一款基于WebGL的效果非常炫酷的元素背景水波涟漪jQuery特效插件。该jQuery插件通过强大的WebGL,可以在指定的元素上添加一个水波层,制作出水波涟漪的炫酷效果,并且可以使用鼠标来和它进行互动。
WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaS...
分类:
Web程序 时间:
2015-04-13 14:43:01
阅读次数:
197
1 What is Angle.The goal of ANGLE is to allow Windows users to seamlessly run WebGL and other OpenGL ES content by translating OpenGL ES API calls to ...
分类:
其他好文 时间:
2015-04-13 12:46:23
阅读次数:
1759
商域无疆 (http://blog.csdn.net/omni360/)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:商域无疆 - 本博客专注于敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载...
分类:
Web程序 时间:
2015-04-01 15:13:57
阅读次数:
247
转自HTML5游戏开发者社区使用 WebGL 进行 3D 开发,第 1 部分: WebGL 简介使用 WebGL 进行 3D 开发,第 2 部分: 使用 WebGL 库以更少的编码做更多的事情使用 WebGL 进行 3D 开发,第 3 部分: 添加用户交互WebGL API 让 JavaScript...
分类:
Web程序 时间:
2015-03-12 22:28:41
阅读次数:
208
转自HTML5开发社区使用 WebGL 进行 3D 开发,第 1 部分: WebGL 简介使用 WebGL 进行 3D 开发,第 2 部分: 使用 WebGL 库以更少的编码做更多的事情使用 WebGL 进行 3D 开发,第 3 部分: 添加用户交互WebGL API 让 JavaScript 开发...
分类:
Web程序 时间:
2015-03-12 22:24:36
阅读次数:
215