A web tool for you to record your face and turn it into a 3D animation file.

James Lee

Last update: Jan 6, 2023

Related tags

Learning resource web-face-capture

Overview

Web Face Capture

A free, open-source web tool for you to record your face and turn it into a 3D animation file.

Go to the website
Allow camera permision
Click record and do as many weird faces as you want
Download your glb file with awesome animations in it OwO

FAQs

I clicked download but nothing is downloaded. Help.

Are you using iPhone or iPad? If so, try using a different browser (Safari should work most of the time). And then also check your download folder. If it's still not working, please open an issue on this page.

I can't import the glb file into Maya/Unreal/Unity. Help.

Even though as awesome as the file format is, glb/gltf file is still not widely supported by professional tools. The best workflow currently is to convert the file to fbx file format in Blender. Please don't import glb and export fbx directly while using Blender. Shape keys animations require extra steps to export into fbx file format. I will create a tutorial in the future but right please read this awesome tutorial

How do I quickly view my animation to check if it works or not?

Import it into Blender or any gltf viewer

I wish this function also exist so my life is ultimately better.

Open a new issue :) I'd gladly implement more things.

Links

These are the 3rd party resources used in this project

Facial motion capture SDK - mocap4face by alter

Original 3D model by facecap app

License

The project is under GNU GPLv3 license. Credits are appreciated.

Comments

Real Time Stream data

Great job.

Could you consider adding streaming the 52 blendshapes using e.g. WebRTC or OSC

It would be a good contribution to e.g. Godot community.

Perhaps you could start with a simple c# client receiving the real time 52 blendshapes

If you need a simple example of a Godot project with face.fbx, please let me know

opened by GeorgeS2019 0

Turn any dynamic website (especially wordpress) into a fast, secure, stable static site

Static site publisher Turn any dynamic website (especially wordpress) into a fast, secure, stable static site Reduced complexity - no need to run simp

Apr 6, 2022

A JavaScript plugin to turn many images into a gif

GiffyImages A JavaScript plugin to turn many elements images into a gif magically. Preview Getting started npm i giffy-images -D or yarn add giffy-im

Nov 6, 2021

CLI utility that parses argv, loads your specified file, and passes the parsed argv into your file's exported function. Supports ESM/TypeScript/etc out of the box.

cleffa CLI tool that: Parses argv into an object (of command-line flags) and an array of positional arguments Loads a function from the specified file

Mar 6, 2022

A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.

Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima

Jun 4, 2022

Animation library build on top of web animation API (WAAPI)

unanime.js Javascript animation library build on top of web animation API (WAAPI). Learn more about WAAPI: Web animation API Documentation Blog Daniel

Jun 21, 2022

Feel free to create new file, don't hesitate to pull your code, the most important thing is that the file name here must match your nickname so that file does not conflict with other people.

Hacktoberfest Indonesia Apa Itu Hacktoberfest ? Hacktoberfest adalah acara tahunan yang bertujuan untuk mendorong berkontribusi kedalam ekosistem open

Dec 15, 2022

Youtube Summarizer is a web-based tool that uses ChatGPT to automatically generate summaries of YouTube videos. It lets you learn key points quickly and easily without having to watch entire lengthy videos. It is enough for users to paste the YouTube video URL into the tool and summarize the video.

YOUTUBE SUBTİTLE SUMMARIZER youtubesummarizer.tech Summarizer is a web-based tool that uses ChatGPT to automatically generate summaries of YouTube vid

Aug 12, 2023

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool.

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool. Test restful API by record, replay and stub request/response. Differential

Nov 1, 2022

I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".

Countdown-Birthday-Fireworks-Animation I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna com

Dec 31, 2022

A web tool for you to record your face and turn it into a 3D animation file.

Related tags

Overview

Web Face Capture

FAQs

I clicked download but nothing is downloaded. Help.

I can't import the glb file into Maya/Unreal/Unity. Help.

How do I quickly view my animation to check if it works or not?

I wish this function also exist so my life is ultimately better.

Links

License

You might also like...

Turn any dynamic website (especially wordpress) into a fast, secure, stable static site

A JavaScript plugin to turn many images into a gif

CLI utility that parses argv, loads your specified file, and passes the parsed argv into your file's exported function. Supports ESM/TypeScript/etc out of the box.

A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.

Animation library build on top of web animation API (WAAPI)

Feel free to create new file, don't hesitate to pull your code, the most important thing is that the file name here must match your nickname so that file does not conflict with other people.

Youtube Summarizer is a web-based tool that uses ChatGPT to automatically generate summaries of YouTube videos. It lets you learn key points quickly and easily without having to watch entire lengthy videos. It is enough for users to paste the YouTube video URL into the tool and summarize the video.

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool.

I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".

Comments

Real Time Stream data

Owner

James Lee

Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

✨ An IRL tokenization platform to turn your hopes, dreams, and desires into fundable NFTs on the Polygon blockchain using Chainlink, IPFS, Moralis, and NFT.Storage.

📷 Detects your face and adds filters from your webcam. You can capture and download images.

Turn queries into easy-to-use tools your teammates can share.

In Your Face shows you Doom 'Ouch Faces' that correlate to the number of errors in your code!

Windmill: Open-source platform and runtime to turn any scripts into internal apps, integrations and workflows

✏️ A small jQuery extension to turn a static HTML table into an editable one. For quickly populating a small table with JSON data, letting the user modify it with validation, and then getting JSON data back out.