01 2022 档案

JavaScript WebGL 图片透明处理
摘要：目录 引子 关于透明 α 混合 参考资料 引子 JavaScript WebGL 使用图片疑惑点中提到两张图片叠加，默认情况下，即使有透明的区域也不会透过看到。现在就来看这个透明的处理。 Origin My GitHub 关于透明 说到透明，在颜色编码中由 Alpha 通道负责，透明度存储方式有： 阅读全文
posted @ 2022-01-17 08:54 XXHolic 阅读(270) 评论(0) 推荐(0) 编辑
JavaScript WebGL 使用图片疑惑点
摘要：目录 引子 为什么纹理坐标取几个点就可以获取图片内容？ 纹理坐标跟顶点坐标一定要一一对应？ 激活纹理和绑定纹理目标的顺序是否有要求？ 相同位置多个纹理会怎么样？ 参考资料 引子 JavaScript WebGL 使用图片之后产生了一些疑问。 Origin My GitHub 为什么纹理坐标取几个点就 阅读全文
posted @ 2022-01-10 08:41 XXHolic 阅读(91) 评论(0) 推荐(0) 编辑
JavaScript WebGL 使用图片
摘要：目录 引子 使用图片 数据 顶点着色器 片元着色器 缓冲纹理坐标数据 加载并创建纹理 绘制 效果 参考资料 引子 JavaScript WebGL 设置颜色效果始终有限，这时候就会想到使用图片，这就涉及到 WebGL 中的纹理使用，比预想中要麻烦的多。 Origin My GitHub 使用图片 纹 阅读全文
posted @ 2022-01-04 08:44 XXHolic 阅读(178) 评论(0) 推荐(0) 编辑
JavaScript WebGL 设置颜色
摘要：目录 引子 设置颜色 效果 动态自定义示例 参考资料 引子 JavaScript WebGL 绘制一个面之后想着可以尝试复杂一点的了，没想到设置颜色的时候又出现问题了。 Origin My GitHub 设置颜色 在之前的示例中，都是设置单一的颜色，但每个顶点都可以拥有各自的颜色信息。 基于绘制三角 阅读全文
posted @ 2022-01-01 13:17 XXHolic 阅读(174) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示