amenging

在 canvas 上 画点，画线，画三角形。 进而模拟出丰富多彩的2D 和 3D 世界。 运行在 GPU 上，使用者需要自己提供可以运行的代码传到 GPU。 vertex shader 和 fragment shader ， 这两个成对出现，合起来称之为 program。Web…

OK，我们发现的确变成我们想要的样子了。 Oh，No！怎么又变形了？！！这意味这这不仅仅和顶点数据的长宽比有关系，还和canvas的长宽比有关系了。说到这里相必你的脑子里面应该已经很绕了吧！我们有没有简单一点的方式来解决这个问题呢？ 答案肯定是有的。我们注意到，我们一直都是在使…

所有图形点击图案查看完整代码通用函数方法总结个人感触像素精灵元素，是根据gl_FragCoord返回整个画布的像素位置，在各个像素点上，通过各种图形的特性，将图形的显示的区域用白色来表示，借助shad

我们可以通过顶点着色器来绘制点线面图形，并组合成其他各种形状，但是一般 2D 场景中，顶点着色器一般都不改，并且它一般决定的是整个画布的大小。所以这里探讨的是通过片元着色器来绘制基础图形。 所以如果想得到一个非正方形，只需要水平和垂直不公用一个 padding 即可。或者通过上…

SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多: 而支持上面这些优秀特性的前提是 - 需要支持 SVG 标签。比如在小程序中直接写： …

这篇文章讲述了从一个黑客的角度，以渗透前端项目为目标，从生成 payload，混淆，隐藏 payload，发布 npm，社会工程学提 PR，运行脚本，反向连接到攻击主机，最终主机拿到服务器 shell 的故事。 然后下了一堆你都不知道从哪里来的 npm 包。 此时，在网线的另一…