Augmented reality

Augmented Reality, anno 2011

Met augmented reality kan je een laag virtuele informatie toevoegen aan een webcambeeld op een computersysteem. We spreken van AR wanneer de applicatie of app ook echt de omgeving "herkent". Zo kan een AR-app bijvoorbeeld labels toevoegen aan producten in een winkel, omdat het de producten in het camerabeeld ook echt herkent. In een museum zou je je webcam kunnen richten een kunstwerk, en de AR-app tovert informatie over het kunstwerk op het scherm. 

Augmented Reality is niet nieuw. Maar dankzij de aanwezigheid van talrijke sensoren in moderne smartphones én de vooruitgang in beeldherkenning en AI, zijn de mogelijkheden enorm toegenomen. 

MindAR

MindAR is een open-source augmented reality (AR) framework dat speciaal is ontworpen voor webtoepassingen. Het maakt gebruik van marker-gebaseerde AR, waarbij een specifieke afbeelding (marker) wordt gedetecteerd via de camera, waarna digitale objecten zoals 3D-modellen of animaties aan de marker worden gekoppeld en in de AR-omgeving worden weergegeven.

De relatie met A-Frame is dat MindAR geïntegreerd kan worden binnen A-Frame, een populaire webVR/AR-bibliotheek. A-Frame maakt het gemakkelijk om 3D-omgevingen te creëren met HTML-syntaxis, en door MindAR toe te voegen, kun je deze 3D-objecten aan markers in de fysieke wereld koppelen. Hierdoor kun je bijvoorbeeld interactieve AR-ervaringen maken zonder dat je complexe native apps hoeft te ontwikkelen, wat alles direct in de browser laat werken.

Op de website van MindAR vind je talloze voorbeelden:  https://hiukim.github.io/mind-ar-js-doc/

MindAR kan markers, afbeeldingen en ook "gezichten" herkennen in het camerabeeld. 

Demo's

Voorbeeld 1:de neus van een clown.  https://www.leerschool.be/test/nose.html

 https://www.leerschool.be/test/nose.html

Voorbeeld 2:Een User interface in AR:

https://www.leerschool.be/test/arui.html 
  1. Download onderstaande afbeelding.
  2. Druk de afbeelding af. 
  3. Start deze link https://www.leerschool.be/test/arui.html ;en geef de webpagina toestemming om je camera te gebruiken.
  4. Houd de afgedrukte afbeelding voor je webcam. 
Download en druk af. 

Voorbeeld 3:3D-animatie 

https://www.leerschool.be/test/mindar.html
  1. Download onderstaande afbeelding. 
  2. Druk de afbeelding af. 
  3. Start deze link  https://www.leerschool.be/test/mindar.html
  4. Houd de afbeelding voor de webcam. 
Voorbeeld 1
Voorbeeld 2

Je eigen afbeeldingen trainen

Via deze link kan je je eigen afbeeldingen trainen voor MindAR:  https://hiukim.github.io/mind-ar-js-doc/tools/compile

Volgende pagina