Face Blit Web

This project brings Face Blit to a web application for demonstration purposes.

Usage

1. Clone the repository:

   git clone https://github.com/Yushu-He/FaceBlit-Web.git
   cd FaceBlit-Web

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Technologies Used

• Svelte
• WebAssembly (Wasm)
• MediaPipe
• IDB
• Font Awesome
• Vite

Note

In the main branch, there is a TypeScript native version, but due to time constraints, it is only partially completed and has low performance.

This project uses IndexedDB to cache the large lookup table after loading to improve page loading speed. However, due to Apple's limitations on the storage space of IndexedDB, this feature does not work on the WebKit engine.

Conclusion

This project was developed as the final project for the University of Michigan EECS442 course.

References

• Face Blit
• MediaPipe
• Mediapipe 2 Dlib Landmarks by PeizhiYan
• Build TFLite & OpenCV to WASM (with SIMD, CMake) | Face Detection on Web
• University of Michigan EECS442 Course Materials