{"id":2080,"date":"2018-06-24T10:38:08","date_gmt":"2018-06-24T08:38:08","guid":{"rendered":"https:\/\/blog.idethloff.de\/wordpress\/?p=2080"},"modified":"2018-06-24T10:38:08","modified_gmt":"2018-06-24T08:38:08","slug":"projekt-nilpferd-in-augmented-reality-app-einfuegen","status":"publish","type":"post","link":"https:\/\/blog.idethloff.de\/wordpress\/?p=2080","title":{"rendered":"Projekt: Nilpferd in Augmented-Reality-App einf\u00fcgen"},"content":{"rendered":"<figure id=\"attachment_2109\" aria-describedby=\"caption-attachment-2109\" style=\"width: 640px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-foto-gross.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2109\" src=\"https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-foto-kl.jpg\" alt=\"Hello AR U3D App im Einsatz\" width=\"640\" height=\"360\" srcset=\"https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-foto-kl.jpg 640w, https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-foto-kl-300x169.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><figcaption id=\"caption-attachment-2109\" class=\"wp-caption-text\">Das Ergebnis: Modifizierte Hello AR U3D App im Einsatz (zum Vergr\u00f6\u00dfern anklicken)<\/figcaption><\/figure>\n<p>Es hilft nichts: Wenn man im E-Learning up to date bleiben m\u00f6chte, muss man st\u00e4ndig neue Technik kaufen. So auch in diesem Fall, um aktuelle Augmented-Reality-Apps auszuprobieren. Sowohl mein Samsung S6 als auch mein iPad Air2 waren gerade die Ger\u00e4te, die nicht mehr bzgl. ARCore\/ARKit unterst\u00fctzt werden. Insofern Kauf von S9 in der Hoffnung, wieder f\u00fcr ca. 2 Jahre aktuell zu sein.<\/p>\n<p>Vorhandene Apps ausprobieren ist eine Sache, selber so etwas zu gestalten eine ganz andere Sache. Nach &#8222;Blooms Taxonomie&#8220; w\u00e4ren wir da schon auf einer recht hohen Ebene &#8230;<\/p>\n<p>Sehr beeindruckend finde ich die AR-M\u00f6glichkeiten mittels des recht neuen ARCore f\u00fcr Android mit den Merkmalen &#8222;Umgebungserkennung, Bewegungserkennung und Lichtabsch\u00e4tzung&#8220;: Gut gefallen haben mir z.B. die Apps &#8222;Google Expeditionen AR&#8220; (Vincent Van Gogh-Gem\u00e4lde u.v.m.), &#8222;NASA SpacecraftAR&#8220; oder &#8222;Paint AR&#8220; (virtuelle Luftschlangen incl. Schatten mit integrierter Recording-Funktion u.v.m.).<br \/>\nWill mann nun ARCore-Apps selbst erstellen, gibt es netterweise f\u00fcr Unity 3D seitens Google hier ein einfaches &#8222;Hello AR&#8220;-Beispiel. Dann muss man &#8222;nur noch&#8220; in Unity 3D die entsprechenden AR-Konfigurationen machen, um dieses Beispiel dann auf ein f\u00fcr ARCore passendes Handy (und das sind derzeit eben leider nur ganz wenige Modelle, s.a. <a href=\"https:\/\/developers.google.com\/ar\/discover\/supported-devices\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.google.com\/ar\/discover\/supported-devices<\/a>) zu \u00fcbertragen.<\/p>\n<p><strong>Idee<\/strong><br \/>\nMein Ziel war, \u00e4hnlich den o.g. Apps mein Stofftier-Nilpferd in eine ARCore nutzende Android-App zu bekommen, d.h. das Nilpferd-3D-Modell sp\u00e4ter in beliebigen realen R\u00e4umen einf\u00fcgen zu k\u00f6nnen, n\u00e4her darauf zuzugehen bzw. sich davon wegzubewegen sowie es im realen Raum als 3D-Modell wahrzunehmen. Die Umsetzung dieser Idee war dank des &#8222;Hello AR&#8220;-Beispiels (und vermutlich meiner Vorkenntnisse in Unity 3D) erstaunlich einfach.<\/p>\n<p><strong>Umsetzung<br \/>\n<\/strong>Verwendet habe ich f\u00fcr das Ganze meine bereits f\u00fcr VR genutzte Unity 3D-Version &#8222;2017.3.1f1 Personal 64bit&#8220;. Hilfreiche Anleitungen f\u00fcr ARCore waren:<\/p>\n<ul>\n<li><a href=\"https:\/\/unity3d.com\/de\/partners\/google\/arcore\" target=\"_blank\" rel=\"noopener\">https:\/\/unity3d.com\/de\/partners\/google\/arcore<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/ar\/develop\/unity\/quickstart-android\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.google.com\/ar\/develop\/unity\/quickstart-android<\/a> (mit <a href=\"https:\/\/github.com\/google-ar\/arcore-unity-sdk\/releases\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/google-ar\/arcore-unity-sdk\/releases<\/a> sowie <a href=\"https:\/\/developer.android.com\/studio\/debug\/dev-options#enable\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.android.com\/studio\/debug\/dev-options#enable<\/a>)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/ar\/develop\/unity\/tutorials\/hello-ar-sample\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.google.com\/ar\/develop\/unity\/tutorials\/hello-ar-sample<\/a><\/li>\n<\/ul>\n<p>Was leider nicht geklappt hat, war &#8222;Instant Preview&#8220;: <a href=\"https:\/\/developers.google.com\/ar\/develop\/unity\/instant-preview\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.google.com\/ar\/develop\/unity\/instant-preview<\/a><br \/>\nAusschlaggebend ist wohl &#8222;On Windows machines with an integrated GPU, the Unity Editor&#8217;s video feed is not mirrored back to your phone.&#8220; Aber da es nicht lange dauert, per &#8222;Build and Run&#8220; das App-apk zu erzeugen und per USB aufs Handy zu \u00fcbertragen, kann ich verschmerzen, dass der integrierte Player in Unity 3D (im Gegensatz zur VR-Progammierung, wo er gut klappt), hier nicht mitmacht.<\/p>\n<p>Ein (nicht perfektes, aber zumindest funktionierendes) <a href=\"https:\/\/blog.idethloff.de\/wordpress\/?p=1904\" target=\"_blank\" rel=\"noopener\">3D-Modell des Stofftier-Nilpferdes<\/a> hatte ich ja schon f\u00fcr <a href=\"https:\/\/blog.idethloff.de\/wordpress\/?p=1967\" target=\"_blank\" rel=\"noopener\">meine VR-App<\/a> verwendet und somit konnte ich es in Unity 3D auch f\u00fcr das AR-Projekt nutzen: Konkret habe ich daf\u00fcr einfach im Inspector im &#8222;Hello AR Controller&#8220;-Skript bei &#8222;Andy Android Prefab&#8220; das kleine gr\u00fcne Android-Modell durch mein Nilpferd-Modell ersetzt. Korrigieren musste ich anschlie\u00dfend nur noch den Nilpferd-Modell &#8222;Scale Factor&#8220;, weil das Objekt sonst so gro\u00df im Raum erschien, dass weder Umgebungs- noch Bewegungserkennung richtig funktionierten.<\/p>\n<p><strong>Ausprobieren der modifizierten AR-App<\/strong><br \/>\nUnterwegs im Waldpark Mannheim habe ich gestern nachmittag einige Male die von mir bzgl. des Nilpferdes angepasste ARCore App &#8222;Hello AR U3D&#8220; ausprobiert. Im Folgenden drei Screenshots aus der App als animiertes gif &#8211; Start war zu Hause im Flur (die T\u00fcrstopper sind &#8222;echt&#8220;, das Nilpferd ist per AR eingef\u00fcgt). Was man auf den Bildern leider nicht sieht, ist, dass es sich bei dem eingef\u00fcgten Nilpferd-Modell um ein Objekt handelt, um das man mit Blick aufs Handy-Display herumgehen kann, wobei sich die Perspektive \u00e4ndert. Ebenso m\u00f6glich ist es, sich von dem Objekt zu entfernen bzw. sich zu n\u00e4hern, wodurch es dann gr\u00f6\u00dfer erscheint und man mehr Details sieht. Das zu zeigen w\u00e4re nur per Screenrecording m\u00f6glich gewesen, was mir jedoch zu aufw\u00e4ndig war.<\/p>\n<p>Wie schwierig es w\u00e4re, mit Unity 3D &amp; ARCore nun eine sinnvolle Lern-App zu erstellen (die ja deutlich mehr Features ben\u00f6tigen w\u00fcrde als in dem Beispiel-Skript enthalten sind), kann ich an dieser Stelle noch nicht sagen. Wichtig w\u00e4ren auf jeden Fall zuvor gut erstellte 3D-Modelle.<\/p>\n<figure id=\"attachment_2098\" aria-describedby=\"caption-attachment-2098\" style=\"width: 270px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-ar-1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2098 size-full\" src=\"https:\/\/blog.idethloff.de\/wordpress\/wp-content\/uploads\/2018\/06\/nili-ar-1.gif\" alt=\"Nilpferd unterwegs in AR\" width=\"270\" height=\"555\" \/><\/a><figcaption id=\"caption-attachment-2098\" class=\"wp-caption-text\">Screenshots aus modifizierter Hello AR U3D App<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Es hilft nichts: Wenn man im E-Learning up to date bleiben m\u00f6chte, muss man st\u00e4ndig neue Technik kaufen. So auch in diesem Fall, um aktuelle Augmented-Reality-Apps auszuprobieren. Sowohl mein Samsung S6 als auch mein iPad Air2 waren gerade die Ger\u00e4te, die nicht mehr bzgl. ARCore\/ARKit unterst\u00fctzt werden. Insofern Kauf von S9 in der Hoffnung, wieder &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.idethloff.de\/wordpress\/?p=2080\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eProjekt: Nilpferd in Augmented-Reality-App einf\u00fcgen\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,2,4],"tags":[],"class_list":["post-2080","post","type-post","status-publish","format-standard","hentry","category-ar","category-e-learning","category-software"],"_links":{"self":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2080"}],"version-history":[{"count":30,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2080\/revisions"}],"predecessor-version":[{"id":2118,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2080\/revisions\/2118"}],"wp:attachment":[{"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.idethloff.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}