{"id":10075268,"date":"2022-06-14T12:21:20","date_gmt":"2022-06-14T10:21:20","guid":{"rendered":"https:\/\/www.fh-joanneum.at\/?post_type=projects&#038;p=75268"},"modified":"2022-06-14T12:34:51","modified_gmt":"2022-06-14T10:34:51","slug":"handtracking","status":"publish","type":"project","link":"https:\/\/www.fh-joanneum.at\/en\/project\/handtracking\/","title":{"rendered":"Hand tracking. Interaction with a user interface in VR"},"content":{"rendered":"<div class=\"wp-block-sidebar-layout-container margin-bottom-normal\">\n    <div\n        class=\"container-lg\"\n        style=\"--bs-gutter-x: 0;\"\n    >\n        <div\n            class=\"row\"\n            style=\"--bs-gutter-x: 0;\"\n        >\n            \n<div class=\"col-12 col-md-3 order-1 order-md-0 sidebar\">\n            \n<div\n    id=\"\"\n    class=\"wp-block-institute-card margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n                                    <div class=\"row justify-content-around\">\n                    <div class=\"col-8 col-sm-6 col-md-12\">\n                        <a\n        class=\"medien-und-design institute-card\"\n        href=\"https:\/\/www.fh-joanneum.at\/en\/institute\/design-communication\/\"\n        target=\"_self\"\n    >\n                            <div class=\"major-bg-color\">\n            <div class=\"wrapper\">\n                <div class=\"header\">\n                    <span>Institute<\/span>\n                <\/div>\n                <h4>Design &amp; Communication<\/h4>\n            <\/div>\n        <\/div>\n            <span><\/span>\n                    <\/a>\n                    <\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<div id=\"\" class=\"wp-block-fact-box margin-bottom-normal\">\n  <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"card border border-light p-3\">\n                    <ul class=\"list-unstyled mb-0\">\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Bachelor\u2019s Thesis \n                          <\/div>\n                          <div class=\"value fw-bold\">2020<\/div>\n                        <\/li>\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Author\n                          <\/div>\n                          <div class=\"value fw-bold\">Georg M\u00f6rth<\/div>\n                        <\/li>\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Major\n                          <\/div>\n                          <div class=\"value fw-bold\">Interaction Design<\/div>\n                        <\/li>\n                                              <li\n                          class=\"\"\n                        >\n                          <div class=\"label mb-1\">\n                            Supervisor\n                          <\/div>\n                          <div class=\"value fw-bold\">Daniel Fabry<\/div>\n                        <\/li>\n                                          <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n        id=\"\"\n        class=\"wp-block-person-card margin-bottom-normal\"\n    >\n        <div class=\"container-lg\">\n            <div class=\"row justify-content-around\">\n                <div class=\"col-8 col-sm-6 col-md-12\">\n                    <a href=\"https:\/\/www.fh-joanneum.at\/en\/university\/person\/daniel-fabry\"\n    class=\"person-card\">\n    <div class=\"border border-light h-100\">\n\n        <div class=\"image-wrapper\">\n            <picture>\n        <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/online.fh-joanneum.at\/JOANNEUMonline\/visitenkarte.showImage?pPersonenGruppe=3&amp;pPersonenId=69916E022A7BDFC7\"\n        alt=\"\"\n        title=\"\"\n                 onerror=\"this.src = 'https:\/\/www.fh-joanneum.at\/app\/themes\/fh\/public\/images\/avatar_dummy.e5edf9.png'\"     >\n<\/picture>\n\n        <\/div>\n        <div class=\"p-2 p-xl-3\">\n                            <p class=\"mb-1 hyphens\">DI (FH)<\/p>\n                        <h6>Daniel Fabry<\/h6>\n                        <p class=\"mb-0 hyphens\">\n              Head of Institute\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n<div class=\"d-none d-md-flex col-md-1 seperator-column\"><\/div>\n<div class=\"col-12 col-md-8 order-0 order-md-1\">\n     \n<div id=\"\" class=\"wp-block-text-content margin-bottom-normal\">\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col\">\n                <p>This bachelor&rsquo;s thesis deals with different forms of interaction with user interfaces via hand tracking in virtual reality in both theory and practice. The theoretical part points out the significance of hand tracking and analyses already existing best practices and user interfaces in VR. <\/p>\n<p>The practical project consists of a 3D environment built in Unity and optimised for Oculus Quest. In several experiments, various forms of interaction with hand tracking were put into practice, and the findings are documented in the bachelor&rsquo;s thesis. In order to build the interface, elements from the Microsoft Mixed Reality Toolkit were used and customised for the respective use cases. With the final prototype, it is possible to control a hot-air balloon with an interface in virtual reality.<\/p>\n\n            <\/div>\n        <\/div>\n            <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-content-image margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div >\n\n                    <div class=\"image-wrapper\">\n                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2-768x768.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2-768x768.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2-1024x1024.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2-1024x1024.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid @if ($image_credit || $media_subtitle) mb-2 @endif @if ($lightbox) modal-trigger @endif\" @click=\"modal = !modal\" aria-expanded=\"false\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-2.jpg\"\n        alt=\"Handtracking\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                    <p class=\"text-muted fst-italic\">Photo: \u00a9 FH JOANNEUM \/ Information Design<\/p>\n                                                                    <\/div>\n\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-content-image margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div >\n\n                    <div class=\"image-wrapper\">\n                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3-768x768.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3-768x768.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3-1024x1024.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3-1024x1024.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid @if ($image_credit || $media_subtitle) mb-2 @endif @if ($lightbox) modal-trigger @endif\" @click=\"modal = !modal\" aria-expanded=\"false\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-3.jpg\"\n        alt=\"Handtracking 1\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                    <p class=\"text-muted fst-italic\">Photo: \u00a9 FH JOANNEUM \/ Information Design<\/p>\n                                                                    <\/div>\n\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-content-image margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div >\n\n                    <div class=\"image-wrapper\">\n                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4-768x768.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4-768x768.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4-1024x1024.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4-1024x1024.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1440px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid @if ($image_credit || $media_subtitle) mb-2 @endif @if ($lightbox) modal-trigger @endif\" @click=\"modal = !modal\" aria-expanded=\"false\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2022\/06\/handtracking-4.jpg\"\n        alt=\"Handtracking 2\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                    <p class=\"text-muted fst-italic\">Photo: \u00a9 FH JOANNEUM \/ Information Design<\/p>\n                                                                    <\/div>\n\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":10075266,"template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10075268"}],"collection":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":0,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10075268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media\/10075266"}],"wp:attachment":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media?parent=10075268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}