结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用-系列文章目录

1. React 使用 three.js 加载 gltf 3D模型 | three.js 入门
2. React + three.js 3D模型骨骼绑定
3. React + three.js 3D模型面部表情控制
4. React + three.js 实现人脸动捕与3D模型表情同步
5. 结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用

---

示例项目(github)：https://github.com/couchette/simple-facial-expression-sync-desktop-app-demo

文章目录

• 系列文章目录
• 前言
• 一、准备工作
• • 1. 创建项目
  • 2. 安装依赖
  • 3. 本地化配置
  • • 下载AI模型
    • 下载模型配置文件
    • 复制transcoder配置文件
    • 下载3D模型
    • 配置CSP允许使用wasm
    • 设置webpack配置
• 二、实现步骤
• • 1.创建detecor
  • 2. 实现WebCam
  • 3. 创建3D模型渲染容器
  • 4. 将三者组合起来实现一个页面
• 三、最终效果
• 总结

---