javascript - 在 Canvas 上操纵面部细节

标签 javascript canvas three.js face

我有点迷失了, 我正在尝试使用 JavaScript 来做一些(老化展位)应用程序,需要执行以下操作:

  1. 使用网络摄像头拍照

  2. 检测面部和面部细节并在其上覆盖 PNG(一些皱纹等......)

  3. 变形/操纵脸部,使其看起来更老(将 Nose 稍微向下拖动,拖动下巴等..)

  4. 也许可以为所拍摄的照片创建 3D 模型,并尝试为嘴唇制作动画并让眼睛眨动等。

现在,我可以实现面部检测,并且使用 BRF 获取所有面部细节的点和顶点。 ,我成功地在上面覆盖了一个PNG 无论如何,我现在迷失的是,实现面部细节操作或面部细节动画的正确方法是什么,非常感谢任何让我走上正确道路的建议!

最佳答案

如果您只是处理照片,我会使用 BRF 的顶点来构建几何体,并将面部图像映射为其顶部的纹理。然后,您可以构建一个工具来移动顶点,并且面会随之拉伸(stretch),因为面纹理已经映射到几何表面。

关于javascript - 在 Canvas 上操纵面部细节,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43591492/

相关文章:

javascript - requestAnimationFrame 使 Canvas 动画出现问题

java - 无法在 Canvas 上绘制 EditText

javascript - 在 Webpack 中调用多个入口点

javascript - Vue.js 无法将数据从获取请求中获取到变量中

javascript - 当 URL 为目录时,JS 文件无法加载

javascript - html5中的 Canvas 图像大小

javascript - 地球的多边形三 Angular 剖分

javascript - 三.js 中 Canvas 上的 IP 摄像机流

javascript - 在 Three.js 中渲染具有重叠三 Angular 形的透明网格

javascript - 如何在 Controller 更改复选框时加载两个不同的商店(选中和取消选中)