图片来源： https://unsplash.com/photos/UD5drKd4H6w 应读者的要求，希望我们成立一个专业的、面向成渝地区的前端开发人员的webgl、Threejs行业QQ交流群，

这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战 纹理贴图 1.给模型对象设置纹理贴图 2.纹理贴图的平铺，旋转，偏移，动画 1. 平铺 2 .偏移 2 .旋转 3 .动画

图片解码在渲染中是非常重要的一环，若直接使用 Image 对象上传(texImage2D)至 GPU，往往耗时较长，阻塞主线程，比如说会导致动画播放卡顿，影响用户体验。所以，在这里我们对浏览器中的一些

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

WebGL概述 WebGL是一项结合了HTML5和JavaScript，用来在网页上绘制和渲染复杂三维图形的技术。WebGL通过JavaScript操作OpenGL接口的标准，把三维空间图像显示在二维

回流与重绘对于前端来说可以说是非常重要的知识点了，我们不仅需要知道什么是回流与重绘，还需要知道如何进行优化。

最近看了《Three.js开发指南》，深刻地意识到光看不练跟没看差不多，所以就练习写了这个下雨小动画。

因为我在项目里使用了html2canvas这个组件库，我接连被3个兼容性的问题坑住，差点就要提桶跑路了。

新年快乐~~编辑推荐：为什么说 WebAssembly 是 Web 的未来？ Deno 2021 回顾；常见垃圾回收算法与 JS GC 原理等