Web的3D绘图标准 WebGL

未知
跨平台
2011-03-04
红薯

WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

加载中

评论(0)

暂无评论

Google Chrome 悄悄升级 WebGL 2.0 标准

Google Chrome 悄悄升级了 WebGL 2.0 标准,可以借助新一代显卡,提供先进的 3D 影像,还可以使用 WebGL 2.0 获得更快的 3D 渲染。 其实早在 Chrome 56(今年一月底更新)的时候,Google 就已...

2017/03/20 15:15

180 度大转弯 微软宣布加入 WebGL 工作组

8月12日消息:微软在日前宣布加入Khronos Group和WebGL工作组,这让很多人感到诧异,因为这在几年前是根本无法想像的事。 WebGL是基于OpenGL ES和Javascript的一种浏览器3D显示技术规范,而微...

2014/08/12 06:47

Android Chrome Beta 开始支持 WebGL

早前我们提到过 Google 肯定会把 WebGL 带到 Android Chrome 上的,这一天终于来了。在本月 10 日,Google Play 上出现了新的 Chrome Beta 应用,这一版本的 Beta 是基于 Chrome 25 的代码的...

2013/01/23 08:51

八大疯狂的 HTML5 Canvas 及 WebGL 动画效果

HTML5、WebGL和JavaScript改变了长久以来的动画制作行业。在过去的几年中,我们想要制作卓越的网页动画只能使用Flash和Java Applet。而现在,使用脚本语言和渲染器在浏览器中实现疯狂的动画效...

2012/03/14 08:07

15 个可在 Chrome 浏览器上体验 WebGL 的例子

本文中 15 个 WebGL 的例子仅限在 Chrome 浏览器中体验,其他浏览器或许可以,但表现不佳。 GLOW – Complicated Aquarium Barry Martin’s Hopalong Orbits Visualizer WebGL HelloRacer M...

2012/03/09 08:26

索爱宣布将 Android 4.0 上的 WebGL 后端实现开源

在去年11月的时候,我们报道了索爱成为世界上第一个正式支持WebGL的手机厂商。目前,作为下一步跟进,索爱正在将这一支持延续到Android 4.0上,而且是完全开源的。1月25日,索爱高级软件架构...

2012/01/27 21:06

谷歌WebGL浏览器图形技术Angle现雏形

Angle是Google为Windows计算机开发的图形项目,目前已通过一个重要认证里程碑,可以提高某些浏览器的图形识别。谷歌于2010年3月推出Angle,是WebGL的图形辅助工具,借用新生的3D图形技术提升...

2011/11/30 08:49

Lights:奇妙的 WebGL 3D 体验

来自 @雷锋网 投稿: 了解WebGL技术的人应该都知道,WebGL是一种3D绘图标准,通过该技术标准Web开发人员可以借助系统显卡在浏览器里更流畅地展示3D场景和模型,创建复杂的导航和数据视觉化。...

2011/11/28 18:09

Google 用 WebGL 打造 Bookcase 3D 书架

Google开发了一个叫做Bookcase的3D书架网页应用,可展示超过一万本图书,被分了28个分类,用鼠标即可让书架一直滚动下去,找到你想要的书。整个网页的3D效果赞到爆。在你选择了一本书之后,该...

2011/10/26 14:41

桌面版Google Maps试用WebGL替换flash

如果你喜欢Google Maps for Android那远比桌面版流畅的界面,那么现在是时候尝试新事务了。如果你使用Chrome 14+或Firefox 8+浏览器,且显卡支持WebGL标准,那么现在打开Google Maps即可在左...

2011/10/14 08:00

没有更多内容

加载失败,请刷新页面

1
回答
为什么做webgl开发的人这么少?

webgl一般运用在什么行业比较多?为什么那么少人在做这个?

06/28 14:14
2
回答
使用Threejs绘制粒子,为什么最终只有一个点出现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3...

2016/02/26 18:15
1
回答
请问一下,我想把dwg文件在threejs中显示,怎么做呢??

我看到可以将dwg文件转换为json格式,请问是怎么用的啊?

2017/03/22 21:14
3
回答
Three.JS OBJ转化为JSON 的导入问题

我写了一个Three.js,使用Maya导出了一个OBJ的三维模型文件,使用Three.js默认给出的转换脚本使OBJ转换为JS的JSON文件,转换代码 ...

2012/08/07 09:26
2
回答
【经验分享】这个牛逼的网站是如何用WebGL实现超炫3D效果的?

前几天,@洋葱头 发的那个牛逼的网站《月熊志》,赢在了视觉设计和互动效果上。今天,给大家分享一下它里面的一个重要技术运用——WebGL实现3D月熊建模。网...

2013/12/30 14:42
1
回答
web三维物体(三维模型obj)展示

实现网页加载本地3D模型程序(obj),实现物品的3D显示,并且能放大缩小及旋转查看功能

2016/10/19 11:37
1
回答
如何用Canvas,webgl实现图片中的从影效果

需求是做一个这种效果的游戏,求各位大神支招!

2016/09/14 14:45
1
回答
Three.js渲染的全景视频在移动端无法播放的问题

用HTML5的video标签播放的MP4格式的全景视频文件,参考的是Three.js的示例webgl_video_panorama_equirectang...

2016/05/24 15:58
1
回答
在javascript中如何使用new

请问我像这样写 var DetectCollision = function () { //被检测的物体 ...

2016/08/15 22:53
1
回答
threejs碰撞检测

用threejs做检测,我不想将碰撞检测函数写在逐帧渲染函数里面,于是我想按照下面这样进行碰撞检测 orbitControls.addEventListe...

2016/08/11 10:22

没有更多内容

加载失败,请刷新页面

WebGL坐标系

WebGL使支持HTML<canvas>标签的浏览器不安装任何插件,便可以使用基于OpenGL ES 2.0的API在canvas中进行3D渲染。WebGL程序由js控制代码和计算机的图形处理单元(GPU,Graphics Processing Unit...

昨天 10:22
0
0
基于HTML5技术的电力3D监控应用(四)

IE11很给力,我在mac下的VirtualBox虚拟机里面IE11是唯一能跑WebGL的(其他浏览器不知道是否有开关设置可以在虚拟器可以跑的,如果有还请高人指点),但还得努力啊,一堆基础的API都不支持,...

2013/12/21 13:56
669
0
如何开启浏览器的WebGL功能?

最近发现很多朋友无法运行HTML5的一些应用或游戏,经询问得知,大部分因为浏览器的WebGL没有开启所导致,那么我们如何开启WebGL呢? 1、哪些浏览器支持WebGL 要运行WebGL,你必须有一个支持它...

2012/02/06 15:23
1K
0
一个基于WebGL的仿真3D水池有逼真的水波纹效果

最近在研究WebGL,看到国外很多高手做的很多超炫的3D效果,无比羡慕。忍不住把效果趴下来研究,下面介绍一个逼真的游泳池中浮动小球的效果。效果非常绚丽,功能强大。示例可切换观察水池的视...

2013/10/14 23:05
2.1K
0
WebGL 3D on iOS8 正式版

今天iOS8终于正式发布了,升级了手头设备后对我来说最重要的就是测试WebGL的3D是否真的能跑苹果的系统了,跑了多个HT for Web的3D例子都非常流畅,比Android刚支持WebGL时好太多了,基本还没...

2014/09/18 15:01
352
0
开放的 Web 3D 绘图技术 - WebGL

WebGL是一个开放的Web 3D技术,WebGL不需要在浏览器安装插件,只要浏览器支持WebGL技术你就可以用 Javascript 进行编程. 区别于现在的Flash Player(2D)和Unity Player(3D). 这些浏览器包括 Ch...

2012/10/06 05:20
1K
1
前端实现旗帜飘动效果系列 (Ⅳ):webgl实现

继续填坑,本文会稍微提一些webgl的基础,不会做过多介绍,看官们请先准备要一定的基础知识。 webgl要实现前面的例子方式有很多,比如 给一个矩形平面添加多个顶点,然后在顶点着色器中,在x...

2018/07/03 04:42
731
2
8个惊艳的Javascript WebGL示例

WebGL是一种3D绘图标准,这种绘图技术标准允许把javascript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个javascript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开...

2011/04/19 22:27
460
0
在Ubuntu下开启Chrome的WebGL功能(开启GPU加速)

一、问题背景 研究WebGL时发现自己机器的Chrome不支持(Ubuntu)。感觉不应该,毕竟Chrome是对新标准支持比较快的浏览器。 二、问题分析 上网查找资料后发现确实别人也有碰到这个问题。WebGL...

2013/07/21 23:45
4.8K
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部