令人惊奇的五个WebGL演示

计算机上的浏览器，电话或智能手表上的浏览器，甚至茶壶中的某人？网络技术从四面八方包围着我们，随着铁水填充物的发展，它们变得更加壮观和完美。就在几年前，WebGL被认为是一种前景广阔的有趣玩具。但情况发生了很大变化，以前流行的Flash已被更高级的HTML5 / WebGL技术取代。

WebGL的演示是原始的，手工的工艺或来自软件开发人员的演示，已经过去了。现在，许多知名品牌都使用此技术进行演示，其中许多看起来非常令人信服。

波尔舍911

每个人都听说过保时捷。有人刚看到，有人在车库里擦布。好吧，其他著名的德国制造商都愿意在其网站上了解该机器。不仅要看图片，还要“探测”控件，了解一些技术亮点。

启动演示时首先引起您注意的是质量。该模型看起来像一辆“实况”汽车。小巧精致的细节，场景反射和镀铬表面。而且，最有趣的是，浏览器没有刹车！

模型的自由滚动，缩放使您可以考虑所有内容，甚至可以查看内部。开发人员尽了最大的努力，完美地优化了场景，而不是以美观为代价。



那些厌倦了扭曲模型的人可以“扭转”方向盘。实际上，所提议的动作展示了自适应照明和动态远光灯的功能，但不仅是这个男孩想要“驾驶”一辆华丽的汽车。看起来真棒！

但是，审慎的德国人不仅限于汽车的外观，还可以瞥见其内部。当然，无论是汽车内饰，技术悬架装置还是波​​光粼粼的发动机，所有图片都带有照相质量标记。一切都会旋转，旋转并提供大量信息。有些细节是如此精确，以至于引起怀疑，这些照片是否不会在原始图元上“拉紧”？

作为一种对症下药或只是想“挤压”客户的愿望，在演示的最后，我们提供了一种设计师，您可以在其中选择汽车改装，更换车轮或颜色。当然，所有这些只是成功的营销举措，但是这里的高质量可视化！顺便说一下，许多知名品牌（是的，AvtoVAZ！）都使用类似的方法来演示新车。

在火星上行走

如果第一个演示文稿是使用three.js引擎完成的，那么下一个程序就是我们程序员的优点。不，应用程序本身是在NASA的肠道中创建的，仅使用国内开发的Blend4Web作为基础。因此，这里有趣的是……

2012年，一个名称适中的设备“好奇号”（Curiosity）投放到了火星表面（译自英文“好奇号”）。漫游者悄悄地和平地爬行在地球表面，分析了土壤，发送了许多火星景观的照片，并激发了众多发现的科学兄弟。一切都很好，但是NASA决定推广该装置的操作并创建了一个独特的Web应用程序，不仅可以欣赏设备的设计功能，还可以通过好奇心“注视”在火星上实时查看。



此应用程序的主要特征是火星表面设备的真实轨迹。此外，所有这一切都伴随着流动站几台摄像机拍摄的视频。该轨迹贯穿多个关键点，设备操作员在其中执行了一些操作。从侧面看，观看单元如何挥动机械手，以适应任务是很有趣的。同时，画外音对正在发生的事情进行评论，并同时显示与地形相关的照片。

对于那些讨厌看该设备的人，开发人员已准备了有关其设计的小型在线帮助。单击吸引鼠标的详细信息，您可以发现很多有趣的东西。另外，当然，特别是腐蚀性用户可以在可用范围内手动扭曲流动站操纵器。

输入天网

由天网驱动的启示录即将来临！而且，如果您想遇到将来的敌人-是时候进入网络了。



指定的站点只不过是观看电影“终结者：创世纪”的绝佳诱惑。除了标准的海报，预告片，预告片，电影制作人还提出了如此精彩的互动节目。

这个想法的重点是将三维图形链接到电影中的真实帧。 SkyNet访问者可以了解有关主要角色（机器人和现场演员）的有趣细节。例如，SpIder Tank。这是什么怪物？因此，他扭曲了模型（顺便说一下，定性地制作了），阅读了有关关键节点的信息，甚至观看了有关怪物能力的视频。



老实说，有关这部电影的信息介绍看起来很新颖而且很诱人。WebGL / HTML5将标准提高到了完全不同的水平。

生物数字人

这是一个完全不同的水平。如果在前三种情况下，WebGL技术更多地用于娱乐目的，那么这里的开发人员将在学习环境中提供最佳实践。



该项目专注于与医疗行业有关的组织。定性地执行各种器官的模型，对正在进行的过程进行精确的可视化，特殊的查看模式-所有这些使我们能够简化学习过程或证明疾病的特征。

在这里，甚至不是模型的质量，而是实现的准确性。例如，当演示膝关节的操作时，您将无法使其弯曲超过预期。

此外，还有一个非常有趣的“ X射线”模式，可通过播放器中的特殊按钮激活。在这种情况下，该模型变得半透明，可以考虑一些内部特征。此外，如有必要，您可以在“ X射线图像”的背景下突出显示对象的一部分。因此，在下面的屏幕截图中，您可以清楚地考虑韧带破裂。



根据开发人员的说法，总共创建了约5,000个对象，并且完成了关于人体解剖学的数个完整课程。这样的学习方法似乎比传统的纸质地图集更加有效。

嗨，晕！

Webgl非常适合创建交互式场景，演示文稿，游戏，最重要的是，可以在浏览器窗口中将各种平台的用户联合起来。著名的游戏系列Halo的创建者利用了现代浏览器技术的独特功能，并创建了一个特殊的“来宾” 房间。



这个想法很容易被羞辱，但是由于WebGL的帮助，才有可能将不寻常的视觉图片（您需要看起来“实时”，因为屏幕截图无法传递效果）与一些大众留言板结合在一起。

实际上，由著名游戏形成头盔形状的颗粒是用户的愿望。网站页面上留下的数百和数百条消息逐渐形成一个完整的模型。最初，头盔是一个简单的原始网格。如果您在屏幕底部的时间轴上移动滑块，则可以验证这一点。我不知道头盔达到一定阈值后会是什么样。同时，您也可以加入等待比赛的人员，并在此不寻常的“留言板”上涂几行。

压力

如您所见，所有选定的演示都显示了WebGL技术的需求和易用性。越来越近的是带有移动系统的个人计算机。浏览器应用程序将真正成为跨平台时代。

Source: https://habr.com/ru/post/zh-CN386071/