Web可以做3D游戏啦!

WebGL不再是包含3D场景基于故事叙述的叙事和复杂视觉效果的大型项目专有的技术,它已经存在了我们几年,如今它的用途现已扩展到构图和带有滤镜的小型效果中的次要元素(着色器),无法在画布外使用javascript或CSS复制。

有一些库可以使在WebGL中直接创建三维场景的艰巨任务变得容易-众所周知,Three.js是最常用的,但不是唯一的。有大量的框架,工具,游戏引擎和库也值得尝试。

您可以找到专门用于WebVR的框架,例如A框架和基于物理的渲染引擎(PBR),它们可以在我们的浏览器中创建令人惊讶的场景和高度逼真的材料。您必须记住梦幻般的网站“ For Honor Scars ”,其质地,光线和性能使我们大开眼界。在这种特殊情况下,他们使用了称为nanogl的WebGL微框架。

WebGL不仅适用于3D场景,Pixi.js的推出是为了促进视觉效果的创建和丰富,将着色器应用于2D场景并显着改善这些效果的渲染。另一方面,WebGL已成为实现AI的理想环境,例如,在本文“如何使用AI,AR和WebGL着色器来帮助视力障碍者”中,您可以阅读有关可帮助实现以下目标的应用的信息:视障人士可检测周围环境中的物体。该应用程序使用VR耳机,并应用计算机视觉算法来应用着色器“边缘检测”来识别对象。这只是您可以找到的数百个示例之一,非常类似于著名的Google AI实验。WebGL当然也是API的基础,包括WebAudio,WebVR和将来的WebXR。

30. WebGL Experimental Websites ☆彡

这只是最近的WebGL站点中的一小部分,但是如果您想回顾过去几年中最佳项目的历史,请转到我们的WEBGL集合或在技​​术中使用标签 WebGL进行搜索。您还可以浏览标签Three.jsPixi.js,它们都显示了使用WebGL的绝佳示例。

技术交流Q群: 1012481075 群内有各种流行书籍资料
原文链接:

发表评论

您的电子邮箱地址不会被公开。

WeChat
WeChat
QQ
QQ
返回顶部