
webgl
文章平均质量分 92
热带宇林V
这个作者很懒,什么都没留下…
展开
-
webgl(一):开发环境配置
1、开发工具 浏览器采用google浏览器 编译器采用webstorm软件 Google浏览器设置支持webgl : . 1: 打开浏览器并输入 about:flags 2:把第一个选项修改为 Enabled ...原创 2020-04-24 22:47:15 · 4564 阅读 · 0 评论 -
webgl 绿布视频抠图
1、项目介绍 输入有背景色的视频,MP4格式,每一帧画面进行处理。 输入要替换的背景图,jpg格式图片 最终抠图合成效果 2 开发环境介绍 开发语言 :webgl 、js 测试浏览器:火狐 IDE :webstorm 3 开发步骤 主要在片元着色器中进行处理 计算当前像素点RGB值对应的HSV值 设定HSV三个分量的权重,根据权重计算当前像素点的HSV值到给定背景色的HSV值的欧式距离 将欧式距离用smoothstep做平滑,0.5以下的一定要滤掉 将原创 2020-11-24 10:52:28 · 1928 阅读 · 0 评论