WebGL样品与演示

简介: 来源:http://blog.vlad1.com/2009/09/21/webgl-samples/ 下载9月18日以后Firefox的Nightly版,在地址栏输入about:config,搜索“webgl”,双击“webgl.enabled_for_all_sites”,将其值从“false”改为“true”。

来源:http://blog.vlad1.com/2009/09/21/webgl-samples/

下载9月18日以后Firefox的Nightly版,在地址栏输入about:config,搜索“webgl”,双击“webgl.enabled_for_all_sites”,将其值从“false”改为“true”。

演示地址:http://people.mozilla.com/~vladimir/webgl/spore/sporeview.html

然而,速度暂时确实慢的有点受不了,起码要等一分钟才能加载并渲染出来。

原文如下:

Since my post on Friday , we landed a few fixes to improve our WebGL implementation and to fix a couple of bugs we discovered on Friday.  I'm looking forward to seeing what people do with WebGL, and how it can be useful on the web right now.  For example, EA/Maxis recently added COLLADA export of Creature designs to their popular game Spore , and they have a Sporepedia where players can see others' creations.  Right now, those previews are just as images.  With WebGL, they could be fully 3D, even animated.

Spore Creature View (thumbnail) Over the weekend I've put together this example , which uses WebGL to render an exported Spore creature, and let the user rotate the 3D model to view it from different angles.  For those who want to try it out, you'll need a recent Firefox nightly (one from today, September 21, or newer), and with one preference flipped as described in this post .

I'll be working to update the very basic "getting started " demos from the GL ES 2 book that I ported to Canvas 3D as well, so that those who are interested in experimenting can have some good basic code to look at.  They're not updated yet, but they should be in the next day or two.

For those of you on Windows who don't have an up to date OpenGL driver, or don't have the possibility of getting one (e.g. many common Intel graphics cards doesn't have OpenGL drivers), you can enable software rendering by downloading a Windows build of the Mesa software OpenGL implementation.  It won't be fast, but it should be enough for you to get an idea of what's going on, and to play with some of the demos.  To use it, download webgl-mesa-751.zip and extract it somewhere on your computer.  It has a single file, OSMESA32.DLL, that you need to tell Firefox where to find:  open up about:config, and set the preference webgl.osmesalib to the path of OSMESA32.DLL.  If you extracted it to "C:/temp", you would put in "C:/temp/osmesa32.dll" in the pref.  Then, flip webgl.software_rendering to true, and you should be good to go.

(Mac OS X users shouldn't need to bother with software rendering, since Apple already provides a high quality OpenGL implementation, and Linux users should be ok as long as they have recent OpenGL drivers installed.)

目录
相关文章
|
6天前
|
图形学
【Unity的HDRP下ShaderGraph实现权重缩放全息投影_案例分享(内附源码)】
【Unity的HDRP下ShaderGraph实现权重缩放全息投影_案例分享(内附源码)】
|
7月前
|
人工智能 JSON API
|
4月前
|
XML Java Android开发
Android App开发之图像加工中给图像添加水波动态特效(附源码和演示视频 简单易懂)
Android App开发之图像加工中给图像添加水波动态特效(附源码和演示视频 简单易懂)
40 0
|
7月前
|
存储 移动开发 数据可视化
使用 WebGL 为 HTML5 游戏创建逼真的地形
在本文中,我将分享我们应对这些有趣挑战之一的方法:一种创建逼真的大型地形的简单方法。
49 0
|
11月前
|
人工智能 数据可视化 机器人
GIF动画渲染、让灯塔闪烁、创建航空动态图……ChatGPT代码解释器插件「不止于代码」
GIF动画渲染、让灯塔闪烁、创建航空动态图……ChatGPT代码解释器插件「不止于代码」
169 0
|
前端开发 数据可视化
基于canvas的粒子酷炫效果,可用作可视化大屏的背景展示,即拿即用......
基于canvas的粒子酷炫效果,可用作可视化大屏的背景展示,即拿即用......
92 0
|
数据可视化
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
137 0
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
【视觉高级篇】19 # 如何用着色器实现像素动画?2
【视觉高级篇】19 # 如何用着色器实现像素动画?
61 0
【视觉高级篇】19 # 如何用着色器实现像素动画?2
|
数据可视化 异构计算
【视觉高级篇】19 # 如何用着色器实现像素动画?
【视觉高级篇】19 # 如何用着色器实现像素动画?
68 0
【视觉高级篇】19 # 如何用着色器实现像素动画?

热门文章

最新文章