照片展位像js中的背景效果

时间:2014-08-30 01:57:54

标签: javascript canvas webgl

我正在寻找这种特殊的效果,比如绿屏,但没有绿屏:P

因此,您将相机设置在固定的位置,然后拍摄一张将成为“绿色屏幕”的照片,这样您就不需要了。

使用canvas / webgl进行任何插件,简单方法吗?

Seriously.js非常好,但只能使用绿色背景或固定颜色

谢谢!

1 个答案:

答案 0 :(得分:0)

只需根据“绿屏”图像检查每个像素,如果它们等于某个阈值,则使它们透明,或将它们设置为您想要的任何颜色。

根据您要处理的图像的分辨率,使用普通画布(2D)可能会太慢而无法执行此操作。 如果您想以“实时”方式处理视频内容,则需要使用简单的glsl着色器进行webgl方法。

我不知道有任何图书馆为你做这件事。使用canvas方法应该相当简单,使用webgl你需要使用framebuffers,纹理,基本几何渲染(像threejs这样的库可以处理前面提到的)以及一些基本的glsl来学习一些webgl。