最近项目使用fabric.js开发移动端图片编辑器，记录一下学习过程。于是低仿了创客贴-制作-设计页功能供大家参考...[作者空间]

一、简述 大家在用Canvas实现球体碰撞的动画场景时是否感觉无从下手，或者是知道怎么去实现，但是要进行大量的计算...[作者空间]

通过Three.js也许可以很方便的展示出3D模型，但是你知道它是怎么一步一步从构建网格到贴图到最终渲染出3D模型...[作者空间]

什么是延迟着色(Deferred Shading)？它是相对于正常使用的正向着色(Forward Shading)...[作者空间]

canvas 和 webGL 这两项图形技术结合 css3 可以说能完成绝大部分的动画和需求。但 canvas 和...[作者空间]

最近遇到了一个需求，是要去掉一张图片的黑色背景，如下图所示： 如果使用OPENCV ，加上一些图像处理的算法，是可...[作者空间]

这是一个项目中遇到的实际需求。场景是一个智能仓库管理系统，场景里面有直线和曲线构成的环穿轨道。环穿轨道上面会有小车...[作者空间]

原文地址: WebGL之物体选择 使用WebGL将图形绘制到画布后，如何与外部进行交互？这其中最关键的就是如何实现...[作者空间]

什么是HDR HDR (High Dynamic Range，高动态范围)，在摄影领域，指的是可以提供更多的动态范...[作者空间]

我们之前已经学习过二维纹理 gl.TEXTURE_2D，而且还使用它实现了各种效果。但还有一种立方体纹理 gl.T...[作者空间]

WebGL 中当透明和半透明物体共存时，相关设置不正确的话，物体表面会出现破碎杂乱的断面，非常影响效果，我们接着就...[作者空间]

实际效果请看demo：纹理贴图 为了增加额外细节，提升真实感，我们使用了漫反射贴图和高光贴图，它们都是向三角形进行...[作者空间]

为了使图形能获得接近于真实物体的材质效果，一般会使用贴图，贴图类型主要包括两种：漫反射贴图和镜面高光贴图。其中漫反...[作者空间]

制作动画效果离不开动画运动函数，而我们用得最多的无疑就是Tween.js。根据不同的数学公式原理，Tween.js...[作者空间]

好久没使用canvas了，于是通过写小游戏“俄罗斯方块”再次熟悉下canvas，如果有一定的canvas基础，要实...[作者空间]

https://www.jianshu.com/p/0823474c4fd9衔接上一个内容 接下来让我们来讨论一下...[作者空间]

如果要把一个对象的线框绘制出来，一般的方法是先绘制实体对象，然后通过gl.LINES的模式再绘制一遍模型，此时模型...[作者空间]

[作者空间]

  原文地址：WebGL展示3D房屋内景  由于生活和工作上的原因,从年前开始一直到处奔波,没有太多的时间去关注和...[作者空间]

最近老学了一门新的课程：WebGL。实验一就是利用WebGL绘制一个顶点颜色不同的三角形和矩形，就像下面这样： 直...[作者空间]