shutters.js:shutters.js是一个轻量级的香草WebGL JavaScript库可将HTML DOM元素转换为交互式纹理平面 源码

它是什么 ? 着色器是新的前端Web开发大事,它具有创建非常强大的3D交互和动画的能力。 许多非常好的javascript库已经可以处理WebGL,但对于大多数javascript库而言,相对于网页的DOM元素放置网格是有点令人头疼的事情。 创建curstains.js时仅考虑了该问题。 这是一个小型香草WebGL javascript库,可将包含图像和视频HTML元素转换为3D WebGL纹理平面,从而使您可以通过着色器对其进行动画处理。 您可以通过CSS定义每个平面的大小和位置,这使得在整个页面上添加WebGL响应平面变得非常容易。 知识和技术要求 它易于使用,但您当然必须具备HTML