跳到主要内容

20个令人惊叹的WebGL实例

WebGL的是一个基于众所周知的JavaScript APIOpenGL的3D图形标准,它通过JavaScript提供JavaScript插件免费访问图形硬件HTML5画布元素。这要归功于WebGL,我们可以在网页中包含实时3D图形。

Apple也支持这个标准,所以我们可以(希望!)希望看到它在Mac,iPhone和iPad上的Safari出现(虽然可能不会很快) - 而且Opera正在测试他们自己的版本,所以唯一坚持的是微软。

所以请坐下来,启动你最新的浏览器,并查看这些演示 - 如果你认为你可以做得更好,那就去吧:最后有一些提示和技巧。

01. 意大利面条

Multicoloured carb heaven

多彩多姿的碳水化合物

多彩的灯光和有趣的光线和阴影应用在这种戏剧性,慢动作的通心粉雪崩中发挥了良好的效果。这奇怪地令人着迷。

02. 只是一个反射器

只是一个反射器是由Google数据艺术团队创建的互动音乐视频第9单元对于Arcade Fire。以上是YouTube视频(非交互式),您可以访问交互式版本这里

03. Nouvelle Vague

Nouvelle Vague的前提Ultranoir相对简单:拿一些推文并将它们放入3D景观中。然而,这并不适用于这个特定的网站。 Nouvelle Vague有各种各样的飞行器,包括双翼飞机,飞艇和一些气球。所有这些出色的实现模型 - 由艺术家在Blender中构建和动画,然后导入WebGL场景 - 携带推文并围绕一个巨大的中央雕像圈。这是一个非常超现实的网站,它的制作非常好。

04. Chemdoodle:MolGrabber 3D

WebGL sites: Chemdoodle

Chemdoodle让您可以看到3D中的化学结构

正如您对新技术所期望的那样,有很多人使用WebGL进行酷炫的演示,并减少了真正的工具。 Chemdoodle是一个例外。IChemLabs科学可视化公司,已经整合了用于在网页中查看分子的工具。该演示页面允许您从众多药物中选择一种,并在浏览器中查看其化学结构的3D表示。

05. 生物数字人类

WebGL sites: Biodigital Human

用Biodigital Human查看骨骼和血液系统

坚持医学主题,我们拥有BioDigital Systems的3D Human。想看骨骼和血液系统?只需单击按钮即可。作为一种教育工具,很容易看到潜力 - 3D地图可以通过网络甚至移动设备可视化疾病和治疗。

06. FractalLab

WebGL sites: FractalLab

分形使一切更加令人敬畏 - 事实

汤姆贝德达德在被软件工程引诱之前,他开始了自己的激光物理学家生涯,现在他以惊人的3D分形而闻名。 FractalLab是他的WebGL创建,计算它在您的计算机上实时显示的所有内容。 Beddard帮助深入解释了他的过程和思想。

07. 海蜇

WebGL sites: Chrysaora

一个漂浮的水母海,都在你的显示器上

另一个美丽的场景,但稍微更和平,来自亚历山大·罗迪奇:一群漂浮的水母,都在你的电脑上模拟。另外,不要错过视频他确实展示了一个可以被Kinect控制的(可悲的不公开)版本!

08. CycleBlob

WebGL sites: CycleBlob

Tron型游戏CycleBob变得越来越复杂

一个熟悉的游戏的新变化是Shy Shalom的CycleBlob,基于TRON的轻微场景。去看看你是否可以将你的Snake技能应用于越来越复杂的3D表面。

下一页:6个更棒的WebGL示例



翻译字数超限