上个章节中，我们主要从如何绘制图片和如何添加滤镜以及动态控制滤镜效果两方面入手，辅助以灰度滤镜和对比度滤镜的案例，让大家对webgl滤镜开发有了初步的认识，也见识到了glsl语言的一些特性。如果你觉得上面两个滤镜太简单，不够硬，那么，本章节我们将会以抖音故障特效为例，为大家详细…

这是3D WebGL入门的系列文章的第一部分。如果你没有看过其他部分，请务必要看一看。

WebGL2几乎100%兼容WebGL1，需要注意的是，这里说的几乎，也就是说，也是存在一些细微的差别的，因此原本WebGL1的代码迁移到WebGL2，应该不会有遇到太多的困难；不过WebGL2和WebGL1有两个主要的差别，请看下文。 获取WEBGL2和获取WebGL1的上下…

在数据量很大的 2D 场景下，要找到具体的模型比较困难，并且只能显示出模型的的某一部分，显示也不够直观，这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模，Unity 3D 引擎做图形渲…

矩阵在数学中是非常经典的一个知识，好好利用数学和物理中的知识真的能创造出 big things！拖动“弹力球”就会自适应，简直太酷啦！

前两期主要介绍了开发WebVR应用的基本套路，不过开发出来的场景还只是“可远观而不可亵玩”，缺乏交互性，本期将带大家走进VR交互世界，看看WebVR事件是如何开发的。 在可交互的VR世界里，用户不再只是个观察者，而是虚拟世界中一个生命，可以与虚拟世界进行通信。这种通信应该是双向…

要想做到封面中的效果，我们需要掌握大量的WebGL知识和图像算法，作为系列的第一篇，我希望通过本文先让大家对滤镜有一个初步的认识，能够做到以下两点。 1. 理解如何绘制图片 2. 理解如何添加滤镜及动态控制滤镜效果 4. 设置顶点位置 可以看到，相比于灰度处理中，除了main(…

Web 平台上的 WebRTC 并不是其唯一的媒体 API。WebVR 说明书于几年前被引入来为浏览器中的虚拟现实设备提供支持。目前已经变为新的 WebXR设备API说明书。 Dan Jenkin 说使用 WebVR、FreeSWITCH 向虚拟现实环境中添加一个 WebRTC…