apps/pigo-wasm-demos
1
0
Fork 0
mirror of https://github.com/esimov/pigo-wasm-demos.git synced 2025-09-26 20:31:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/esimov/pigo-wasm-demos

Browse Source
This commit is contained in:
esimov
2022-05-27 17:18:48 +03:00
parent 37c9e79e7b f2bde0edb1
commit b8d5658228
1 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
README.md
View File

@@ -4,18 +4,18 @@
<p align="center"><img src="https://user-images.githubusercontent.com/883386/80915158-06911a80-8d59-11ea-93bd-eca98750ad62.png" alt="Pigo Wasm demos" title="Pigo Wasm demos" width="400"/></p>
This repository is a collection of Webassembly demos running real time and using the [Pigo](https://github.com/esimov/pigo) face detection library, showcasing various potential use cases. **It is continuously updated**.
This repository is a collection of Webassembly demos (which means they are running in the Web browser) showcasing a few examples of using the [Pigo](https://github.com/esimov/pigo) face detection library in real time. **This library meant to be continuously updated**.
## Install
**Notice: at least Go 1.13 is required in order to run the demos!**
```bash
$ go get -u -v github.com/esimov/pigo-wasm-demos
$ go install github.com/esimov/pigo-wasm-demos@latest
```
## Run
Running the demo is as simple as typing a single line of command. This will build the package and produce an executable WebAssembly file which can be served over a http server. A new tab will be opened automatically in the user's default browser.
You only need to type `$make demo{no}`. This will build the package and produce an executable WebAssembly file which can be served over an http server. A new tab will be opened automatically in the user's default browser.
## Demos
@@ -27,7 +27,7 @@ $ make demo1
#### Key bindings:
<kbd>q</kbd> - Show/hide detected face marker<br/>
<kbd>q</kbd> - Show/hide the detected face rectangle<br/>
<kbd>z</kbd> - Show/hide pupils<br/>
<kbd>w</kbd> - Show/hide eye mask<br/>
<kbd>s</kbd> - Show/hide mouth mask<br/>
@@ -41,38 +41,35 @@ $ make demo1
```bash
$ make demo2
```
![pigo_wasm_faceblur](https://user-images.githubusercontent.com/883386/82048882-16482180-96be-11ea-9246-836c378b7eb7.gif)
![pigo_wasm_faceblur](https://user-images.githubusercontent.com/883386/170483688-5a145550-5a7b-4400-af34-842333fb1a8e.gif)
#### Key bindings:
<kbd>f</kbd> - Show/hide detected face marker<br/>
<kbd>s</kbd> - Show/hide pupils<br/>
<kbd>b</kbd> - Enable/disable face blur<br/>
<kbd>]</kbd> - Increase the blur radius<br/>
<kbd>[</kbd> - Decrease the blur radius<br/>
<kbd>f</kbd> - Show/hide the detected face rectangle<br/>
<kbd>s</kbd> - Show/hide pupils<br/>
<kbd>b</kbd> - Enable/disable face blur<br/>
### Pixelate
### Background blur (in Zoom style)
```bash
$ make demo3
```
![pigo_wasm_pixelate](https://user-images.githubusercontent.com/883386/82049123-80f95d00-96be-11ea-801d-6e5a50d36114.gif)
![pigo_wasm_background_blur](https://user-images.githubusercontent.com/883386/170483670-2ad0f865-d89d-44c4-8cb5-f9d5736d12fb.gif)
#### Key bindings:
<kbd>f</kbd> - Show/hide detected face marker<br/>
<kbd>]</kbd> - Increase the blur radius<br/>
<kbd>[</kbd> - Decrease the blur radius<br/>
<kbd>f</kbd> - Show/hide the detected face rectangle<br/>
<kbd>s</kbd> - Show/hide pupils<br/>
<kbd>=</kbd> - Increase the number of colors<br/>
<kbd>-</kbd> - Decrease the number of colors<br/>
<kbd>]</kbd> - Increase the cells size<br/>
<kbd>[</kbd> - Decrease the cells size<br/>
### Face triangulator
```bash
$ make demo4
```
![pigo_wasm_triangulate](https://user-images.githubusercontent.com/883386/82050510-ebab9800-96c0-11ea-84fb-00475076d33f.gif)
![pigo_wasm_triangulate](https://user-images.githubusercontent.com/883386/170484192-c43bafa5-36c6-41a8-9e23-3f3d04264b08.gif)
#### Key bindings:
<kbd>f</kbd> - Show/hide detected face marker<br/>
<kbd>f</kbd> - Show/hide the detected face rectangle<br/>
<kbd>s</kbd> - Show/hide pupils<br/>
<kbd>=</kbd> - Increase the number of triangles<br/>
<kbd>-</kbd> - Decrease the number of triangles<br/>
@@ -81,10 +78,25 @@ $ make demo4
<kbd>1</kbd> - Increase the stroke size<br/>
<kbd>0</kbd> - Decrease the stroke size<br/>
### Triangulated facemask
### Pixelate
```bash
$ make demo5
```
![pigo_wasm_pixelate](https://user-images.githubusercontent.com/883386/170484527-b98745e5-5f93-45cb-a86d-ed12332c8d41.gif)
#### Key bindings:
<kbd>f</kbd> - Show/hide the detected face rectangle<br/>
<kbd>s</kbd> - Show/hide pupils<br/>
<kbd>=</kbd> - Increase the number of colors<br/>
<kbd>-</kbd> - Decrease the number of colors<br/>
<kbd>]</kbd> - Increase the cells size<br/>
<kbd>[</kbd> - Decrease the cells size<br/>
### Triangulated facemask
```bash
$ make demo6
```
![facemask](https://user-images.githubusercontent.com/883386/132861943-5f130ec2-dae2-4034-9abd-4c9de0de066c.gif)
This demo is meant to be a proof of concept for an idea of generating personalized triangulated face masks. The orange dot at the bottom of the screen is showing up when the head alignment is the most appropriate for making a screen capture and this is when the head is aligned perpendicular (+/- a predefined threshold). This demo can be expanded way further.