From 38266e62ced01279236c524db6c87eabf0159a19 Mon Sep 17 00:00:00 2001 From: hiukim Date: Tue, 7 Feb 2023 17:30:15 -0800 Subject: [PATCH] update face example to flip display horizontally --- examples/face-tracking/example1.html | 1 + examples/face-tracking/example2.html | 1 + examples/face-tracking/example3.html | 1 + examples/face-tracking/three-css.html | 8 +++++++- examples/face-tracking/three-facemesh.html | 1 + examples/face-tracking/three.html | 1 + 6 files changed, 12 insertions(+), 1 deletion(-) diff --git a/examples/face-tracking/example1.html b/examples/face-tracking/example1.html index ad612800..6c623ea5 100644 --- a/examples/face-tracking/example1.html +++ b/examples/face-tracking/example1.html @@ -18,6 +18,7 @@ position: absolute; width: 100%; height: 100%; + transform: scaleX(-1); } diff --git a/examples/face-tracking/example2.html b/examples/face-tracking/example2.html index a886e49d..ea4a35da 100644 --- a/examples/face-tracking/example2.html +++ b/examples/face-tracking/example2.html @@ -43,6 +43,7 @@ position: absolute; width: 100%; height: 100%; + transform: scaleX(-1); } .options-panel { position: fixed; diff --git a/examples/face-tracking/example3.html b/examples/face-tracking/example3.html index 6a3f688d..05accf2a 100644 --- a/examples/face-tracking/example3.html +++ b/examples/face-tracking/example3.html @@ -58,6 +58,7 @@ position: absolute; width: 100%; height: 100%; + transform: scaleX(-1); } #example-control-overlay { diff --git a/examples/face-tracking/three-css.html b/examples/face-tracking/three-css.html index 5c2f03d1..05f6d1e3 100644 --- a/examples/face-tracking/three-css.html +++ b/examples/face-tracking/three-css.html @@ -31,6 +31,7 @@ height: 100vh; position: relative; overflow: hidden; + transform: scaleX(-1); } #ar-div { width: 1000px; @@ -44,6 +45,9 @@ align-items: center; color: white; } + #ar-div > div { + transform: scaleX(-1); + } @@ -51,7 +55,9 @@
- This is a CSS div +
+ This is a CSS div +
diff --git a/examples/face-tracking/three-facemesh.html b/examples/face-tracking/three-facemesh.html index db27f22d..cfd5d234 100644 --- a/examples/face-tracking/three-facemesh.html +++ b/examples/face-tracking/three-facemesh.html @@ -38,6 +38,7 @@ height: 100vh; position: relative; overflow: hidden; + transform: scaleX(-1); } diff --git a/examples/face-tracking/three.html b/examples/face-tracking/three.html index 58eb15c3..39f8165e 100644 --- a/examples/face-tracking/three.html +++ b/examples/face-tracking/three.html @@ -45,6 +45,7 @@ height: 100vh; position: relative; overflow: hidden; + transform: scaleX(-1); } #control {