v5.0.0 - 2019.08.25:

Beta 7.

Rearranged assets/images.

README.md

@@ -6,7 +6,7 @@ It is a real-time face detection and face tracking SDK. It analyses image data
 (eg. a camera stream, video stream or a static image) and returns facial landmarks 
 and data to place 3d objects on a face.
 
-![alt text](images/readme_img.jpg "BRFv5 - 68 landmarks, multiple faces, face swap and more.")
+![alt text](assets/ui/readme_img.jpg "BRFv5 - 68 landmarks, multiple faces, face swap and more.")
 
 ### Ready to try!
 
@@ -67,7 +67,8 @@ BRFv5 comes with the following components:
 + Face Detection - finds faces (rectangles) in image data (camera stream, video or still image)
 + Face Tracking - finds 68 facial landmarks/features
 
-![alt text](images/readme_img_2.jpg "BRFv5 - 68 landmarks, face detection")
+![alt text](assets/ui/readme_img_2.jpg "BRFv5 - face tracking, face detection")
+![alt text](brfv5_landmarks.jpg "BRFv5 - 68 landmarks")
 
 All available platform-specific packages have approximately the same content 
 and come with a number of examples to demonstrate the use of the SDK.

index.html

@@ -5,25 +5,24 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=0.75">
 
-  <link rel="icon" type="image/png"                 href="icons/app-logo-128x128.png">
-
-  <link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png">
-  <link rel="icon" type="image/png" sizes="32x32"   href="icons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="96x96"   href="icons/favicon-96x96.png">
-  <link rel="icon" type="image/png" sizes="16x16"   href="icons/favicon-16x16.png">
-
-  <link rel="icon" type="image/ico"                 href="icons/favicon.ico">
-
-
-  <link rel="apple-touch-icon" sizes="57x57"        href="icons/apple-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60"        href="icons/apple-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72"        href="icons/apple-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76"        href="icons/apple-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114"      href="icons/apple-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120"      href="icons/apple-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144"      href="icons/apple-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152"      href="icons/apple-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180"      href="icons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png"                 href="./assets/icons/app-logo-128x128.png">
+
+  <link rel="icon" type="image/png" sizes="192x192" href="./assets/icons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"   href="./assets/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"   href="./assets/icons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"   href="./assets/icons/favicon-16x16.png">
+
+  <link rel="icon" type="image/ico"                 href="./assets/icons/favicon.ico">
+
+  <link rel="apple-touch-icon" sizes="57x57"        href="./assets/icons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"        href="./assets/icons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"        href="./assets/icons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"        href="./assets/icons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"      href="./assets/icons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"      href="./assets/icons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"      href="./assets/icons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"      href="./assets/icons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"      href="./assets/icons/apple-icon-180x180.png">
 
   <title>Beyond Reality Face SDK - BRFv5 - Face Tracking for Browser/JavaScript</title>
 

js/examples/face_detection__basics.js

@@ -53,7 +53,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_detection__details.js

@@ -147,7 +147,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_detection__small_faces.js

@@ -153,7 +153,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__blink_detection.js

@@ -136,7 +136,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__choose_model.js

@@ -57,7 +57,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__coloring_libs.js

@@ -87,7 +87,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__face_extended.js

@@ -93,7 +93,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__face_swap.js

@@ -137,7 +137,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__png_overlay.js

@@ -89,7 +89,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__region_of_interest.js

@@ -79,7 +79,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__smile_detection.js

@@ -79,7 +79,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__texture_exporter.js

@@ -67,7 +67,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__texture_exporter_extended.js

@@ -72,7 +72,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__texture_overlay.js

@@ -26,7 +26,7 @@ import { loadTextureOverlays }              from '../ui/ui__overlay__texture.js'
 import { clearTextures }                    from '../ui/ui__overlay__texture.js'
 import { updateByFace }                     from '../ui/ui__overlay__texture.js'
 
-import { faceTextures }                     from '../../assets/brfv5_texture_overlay.js'
+import { faceTextures }                     from '../../assets/textures/brfv5_texture_overlay.js'
 
 const _textures = [
   {
@@ -113,7 +113,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__texture_overlay_extended.js

@@ -27,7 +27,7 @@ import { loadTextureOverlays }              from '../ui/ui__overlay__texture.js'
 import { clearTextures }                    from '../ui/ui__overlay__texture.js'
 import { updateByFace }                     from '../ui/ui__overlay__texture.js'
 
-import { faceTextures }                     from '../../assets/brfv5_texture_overlay_extended.js'
+import { faceTextures }                     from '../../assets/textures/brfv5_texture_overlay_extended.js'
 
 const faceExtended = new BRFv5FaceExtended()
 
@@ -118,7 +118,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__threejs_overlay.js

@@ -155,7 +155,7 @@ export const run = (_numFacesToTrack = 1) => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__track_one_face.js

@@ -84,7 +84,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__track_two_faces.js

@@ -92,7 +92,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/examples/face_tracking__yawn_detection.js

@@ -79,7 +79,7 @@ export const run = () => {
 
   if(window.selectedSetup === 'image') {
 
-    trackImage('./assets/' + window.selectedImage)
+    trackImage('./assets/tracking/' + window.selectedImage)
 
   } else {
 

js/ui/ui__optional__fullscreen.js

@@ -33,10 +33,10 @@ export const mountFullscreen = (node) => {
 
     setFullscreenState()
 
-    __brfv5__img_large.src        = './images/baseline-fullscreen-24px.svg'
+    __brfv5__img_large.src        = './assets/ui/baseline-fullscreen-24px.svg'
     __brfv5__img_large.alt        = 'Show Camera Fullscreen in Browser'
 
-    __brfv5__img_small.src        = './images/baseline-fullscreen_exit-24px.svg'
+    __brfv5__img_small.src        = './assets/ui/baseline-fullscreen_exit-24px.svg'
     __brfv5__img_small.alt        = 'Exit Fullscreen'
 
     __brfv5__fullscreen.appendChild(__brfv5__img_large)

js/ui/ui__optional__logo.js

@@ -19,7 +19,7 @@ export const mountLogo = (node) => {
     __brfv5__logo.href       = 'https://www.beyond-reality-face.com'
     __brfv5__logo.target     = '_blank'
 
-    __brfv5__img.src         = './images/brfv5_logo.png'
+    __brfv5__img.src         = './assets/ui/brfv5_logo.png'
     __brfv5__img.alt         = 'brfv5 logo'
 
     __brfv5__logo.appendChild(__brfv5__img)