{"id":173,"date":"2015-08-12T17:25:18","date_gmt":"2015-08-12T15:25:18","guid":{"rendered":"https:\/\/thomasebert.net\/en\/?p=173"},"modified":"2026-03-30T20:07:45","modified_gmt":"2026-03-30T18:07:45","slug":"augmented-reality-experiment","status":"publish","type":"post","link":"https:\/\/thomasebert.net\/en\/pieces\/augmented-reality-experiment\/","title":{"rendered":"AR Experiment"},"content":{"rendered":"<div class=\"imagebox\" data-theme=\"featured\">\n<div id='gallery-1' data-sliderid='gallery-1' class='gallery galleryid-173 gallery-columns-3 gallery-size-hero-small'>\n<figure class='gallery-item te-slider-slide te-slider-active'>\n<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-1280x720.jpg\" srcset=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-764x430.jpg 764w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-1280x720.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-430x242.jpg 430w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-250x250.jpg 250w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-580x326.jpg 580w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-795x447.jpg 795w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Elephant-350x350.jpg 350w\" \/><\/p>\n<div class=\"te-slider-prev te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slider-next te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<\/div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-177'>\n\t\t\t\tAugmented Reality Gameplay<br \/>\n\t\t\t\t<\/figcaption><\/figure>\n<figure class='gallery-item te-slider-slide'>\n<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-1280x720.jpg\" srcset=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-764x430.jpg 764w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-1280x720.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-430x242.jpg 430w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-250x250.jpg 250w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-580x326.jpg 580w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-795x447.jpg 795w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Gameplay-Game-Over-350x350.jpg 350w\" \/><\/p>\n<div class=\"te-slider-prev te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slider-next te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<\/div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-176'>\n\t\t\t\tGame Over (unfortunately)<br \/>\n\t\t\t\t<\/figcaption><\/figure>\n<figure class='gallery-item te-slider-slide'>\n<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-1280x720.jpg\" srcset=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-764x430.jpg 764w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-1280x720.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-430x242.jpg 430w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-250x250.jpg 250w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-580x326.jpg 580w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-795x447.jpg 795w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Loading-Screen-350x350.jpg 350w\" \/><\/p>\n<div class=\"te-slider-prev te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slider-next te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<\/div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-175'>\n\t\t\t\tThe loading screen<br \/>\n\t\t\t\t<\/figcaption><\/figure>\n<figure class='gallery-item te-slider-slide'>\n<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-1280x735.jpg\" srcset=\"https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D.jpg 1536w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D.jpg 1920w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-749x430.jpg 749w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-1280x735.jpg 1280w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-1920x1102.jpg 1920w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D.jpg 1920w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-430x247.jpg 430w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-250x250.jpg 250w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-580x333.jpg 580w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-795x456.jpg 795w, https:\/\/thomasebert.net\/en\/wp-content\/uploads\/sites\/2\/2017\/10\/Augmented-Reality-App-Screenshot-Unity-3D-350x350.jpg 350w\" \/><\/p>\n<div class=\"te-slider-prev te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slider-next te-slider-nav\" data-teslider=\"gallery-1\"><\/div>\n<\/div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-178'>\n\t\t\t\tThe game-scene in Unity3D<br \/>\n\t\t\t\t<\/figcaption><\/figure>\n<\/p><\/div>\n<div class=\"slide-controller slide-controller-gallery\">\n<div class=\"te-slide-dot\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slide-dot\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slide-dot\" data-teslider=\"gallery-1\"><\/div>\n<div class=\"te-slide-dot\" data-teslider=\"gallery-1\"><\/div>\n<\/div>\n<div><script>\n\t\t\t\tsliders.push(\"gallery-1\");\n\t\t\t<\/script><\/div>\n<\/p><\/div>\n<h2>Project Scope<\/h2>\n<p><em>Augmented Reality<\/em> (AR) might have a bright future in technology thanks to the ever growing performance of mobile graphic processors and smartphone cameras. Especially for applications where useful (or playful) virtual elements are mixed with elements of the real world.<\/p>\n<p>In this project an experimental game app was created with help of <em>Unity3D<\/em> and the AR framework <em>metaio<\/em>. The company metaio was bought and discontinued by Apple in 2015. A popular alternative in the area of Augmented Reality is\u00a0<a href=\"https:\/\/vuforia.com\/\"><em>Vuforia<\/em><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"imagebox\" data-theme=\"dark\">\n<h3 class=\"responsive\">Gameplay<\/h3>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-173-1\" width=\"1280\" height=\"720\" poster=\"https:\/\/thomasebert.net\/wp-content\/uploads\/2017\/09\/Augmented-Reality-App-Gameplay-Elephant.jpg\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/thomasebert.net\/wp-content\/uploads\/2017\/09\/Augmented-Reality-App-by-Thomas-Ebert-Web.mp4?_=1\" \/><a href=\"https:\/\/thomasebert.net\/wp-content\/uploads\/2017\/09\/Augmented-Reality-App-by-Thomas-Ebert-Web.mp4\">https:\/\/thomasebert.net\/wp-content\/uploads\/2017\/09\/Augmented-Reality-App-by-Thomas-Ebert-Web.mp4<\/a><\/video><\/div>\n<\/p><\/div>\n<h2>The game<\/h2>\n<p>In the game a player guides a small elephant through a level and by steering the elephant collecting as many fruits as possible. The fruits are \u201caugmented\u201d into the surrounding of the player. The game first looks for a plain surface and for this to work the user has to slightly move the camera around the room in front of them. Once a surface is found the fruits are distributed on it.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"nutshell\">\n<h3>Project details<\/h3>\n<div class=\"nutshells\">\n<div class=\"nutshell-left\">\n<h2>Tools and Technology<\/h2>\n<ul class=\"single-content-taglist\">\n<li data-tagslug=\"augmented-reality\"><a href=\"https:\/\/thomasebert.net\/en\/tag\/augmented-reality\">Augmented Reality <\/a><\/li>\n<li data-tagslug=\"c\"><a href=\"https:\/\/thomasebert.net\/en\/tag\/c\">C# <\/a><\/li>\n<li data-tagslug=\"cinema4d\"><a href=\"https:\/\/thomasebert.net\/en\/tag\/cinema4d\">Cinema4D <\/a><\/li>\n<li data-tagslug=\"metaio\"><a href=\"https:\/\/thomasebert.net\/en\/tag\/metaio\">metaio <\/a><\/li>\n<li data-tagslug=\"unity3d\"><a href=\"https:\/\/thomasebert.net\/en\/tag\/unity3d\">Unity3D <\/a><\/li>\n<\/ul><\/div>\n<div class=\"nutshell-right\">\n<h2>Context<\/h2>\n<p>This game was a semester project for the module \u201cInteractive Technologies\u201d during my study program.<\/p><\/div>\n<\/div>\n<\/div>\n<h2>Personal conclusion<\/h2>\n<p>Especially refreshing turned out to be the development with <em>Unity3D<\/em>, empowering you to create high quality 3D-animated games in a clear and understandable language (here I used C#). A good documentation and healthy support by a large community helps a developer overcome most of the problems that at first seem like show-stoppers. The 3D-models for the game were created in <em>Maxon Cinema 4D<\/em>.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"single-content-tags\">\n<div class=\"responsive\">\n<div class=\"single-content-tags-icon\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/thomasebert.net\/en\/wp-content\/themes\/porto-folia\/images\/te_tag-symbol.svg\" class=\"single-tags-icon\" \/>\n\t\t\t\t\t<\/div>\n<div>\n<h3>Category<\/h3>\n<p><a href=\"https:\/\/thomasebert.net\/en\/pieces\/\" title=\"View all projects in category Pieces\" >Pieces<\/a> <\/p>\n<h3>In online portfolio since<\/h3>\n<p>2015<\/p>\n<h3>Timeframe<\/h3>\n<p>July to August 2015<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A mobile game and AR experiment<\/p>\n","protected":false},"author":1,"featured_media":192,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[40,41,42,43,44],"class_list":["post-173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pieces","tag-augmented-reality","tag-c","tag-cinema4d","tag-metaio","tag-unity3d"],"acf":[],"_links":{"self":[{"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/posts\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":9,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/posts\/173\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/posts\/173\/revisions\/264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/media\/192"}],"wp:attachment":[{"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/media?parent=173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/categories?post=173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thomasebert.net\/en\/wp-json\/wp\/v2\/tags?post=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}