{"id":352,"date":"2021-01-06T00:24:53","date_gmt":"2021-01-06T00:24:53","guid":{"rendered":"https:\/\/lucyestela.com\/dev\/?p=352"},"modified":"2021-03-25T02:51:35","modified_gmt":"2021-03-25T02:51:35","slug":"uehl2_interactivity","status":"publish","type":"post","link":"https:\/\/lucyestela.com\/dev\/unreal\/uehl2_interactivity\/","title":{"rendered":"Unreal and Hololens 2 &#8211; Step 6 Making your scene interactive"},"content":{"rendered":"<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p class=\"\">Again I am following the Microsoft tutorial, just adding in extra screen grabs to help solidify the process in my mind. For the original tutorial, look here <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/mixed-reality\/develop\/unreal\/tutorials\/unreal-uxt-ch4\">https:\/\/docs.microsoft.com\/en-us\/windows\/mixed-reality\/develop\/unreal\/tutorials\/unreal-uxt-ch4<\/a><\/p>\n<h4 class=\"\">&nbsp;<\/h4>\n<h2 id=\"spawning-hand-interaction-actors\" class=\"heading-anchor\">Spawning Hand Interaction Actors<\/h2>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">I&#8217;m not going to tell you about the kinds of hand interactions you can do in Hololens 2 because I&#8217;m assuming you know about that already. This is just to tell you how to set them up for Unreal.<\/p>\n<p class=\"\">Hand interaction with UX elements is done with Hand Interaction Actors, which create and drive the pointers and visuals for near and far interactions.<\/p>\n<p class=\"\">open the&nbsp;<strong>MRPawn<\/strong>&nbsp;Blueprint and go to the&nbsp;<strong>Event Graph<\/strong>.<\/p>\n<ol class=\"\">\n<li>Drag and release the execution pin from&nbsp;<strong>Event BeginPlay<\/strong>&nbsp;to place a new node.\n<ul>\n<li>Select&nbsp;<strong>Spawn Actor from Class<\/strong>, click the dropdown next to the&nbsp;<strong>Class<\/strong>&nbsp;pin and search for&nbsp;<strong>Uxt Hand Interaction Actor<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li>From the Right arrow at the top pf the Hand Interaction Actor Box, drag and release to spawn a second <strong>Uxt Hand Interaction Actor<\/strong>, this time setting the&nbsp;<strong>Hand<\/strong>&nbsp;to&nbsp;<strong>Right<\/strong>. When the event begins, a Uxt Hand Interaction Actor will be spawned on each hand.<\/li>\n<\/ol>\n<p class=\"\">Your&nbsp;<strong>Event Graph<\/strong>&nbsp;should match the following screenshot:<\/p>\n<p class=\"\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/docs.microsoft.com\/en-us\/windows\/mixed-reality\/develop\/unreal\/tutorials\/images\/unreal-uxt\/4-spawnactor.png\" alt=\"Spawn UXT Hand Interaction Actors\"><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">The <code>SpawnActor<\/code>&nbsp;function requires a Transform input to avoid a compiler error, so you&#8217;ll use the default values.<\/p>\n<p class=\"\">Drag and release the pin off one of the&nbsp;<strong>Spawn Transform<\/strong> pins to place a new node. Search for the&nbsp;<strong>Make Transform<\/strong> node.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-353 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-300x153.jpg\" alt=\"\" width=\"861\" height=\"439\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-300x153.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-1024x522.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-768x391.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-1536x783.jpg 1536w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-250x127.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-550x280.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-800x408.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-353x180.jpg 353w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-589x300.jpg 589w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand-981x500.jpg 981w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand.jpg 1540w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/> &nbsp;<\/p>\n<p class=\"\">Drag the <strong>Return Value<\/strong>&nbsp;to the other hand\u2019s&nbsp;<strong>Spawn Transform<\/strong>&nbsp;so that both&nbsp;<strong>SpawnActor<\/strong>&nbsp;nodes are connected.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-354 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-300x153.jpg\" alt=\"\" width=\"849\" height=\"432\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-300x153.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-1024x522.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-768x391.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-1536x783.jpg 1536w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-250x127.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-550x280.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-800x408.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-353x180.jpg 353w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-589x300.jpg 589w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2-981x500.jpg 981w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand2.jpg 1540w\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"\">Select the&nbsp;<strong>down arrow<\/strong>&nbsp;at the bottom of both&nbsp;<strong>SpawnActor<\/strong>&nbsp;nodes to reveal the&nbsp;<strong>Owner<\/strong> pin. Drag the pin off one of the&nbsp;<strong>Owner<\/strong> pins and release to place a new node. Search for&nbsp;<strong>self<\/strong>&nbsp;and select the&nbsp;<strong>Get a reference to self<\/strong>&nbsp;variable.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-355 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-300x153.jpg\" alt=\"\" width=\"849\" height=\"433\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-300x153.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-1024x522.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-768x391.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-1536x783.jpg 1536w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-250x127.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-550x280.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-800x408.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-353x180.jpg 353w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-589x300.jpg 589w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3-981x500.jpg 981w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand3.jpg 1540w\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">Create a link between the&nbsp;<strong>Self<\/strong>&nbsp;object reference node and the other Hand Interaction Actor\u2019s&nbsp;<strong>Owner<\/strong>&nbsp;pin.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-356 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-300x153.jpg\" alt=\"\" width=\"847\" height=\"432\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-300x153.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-1024x522.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-768x391.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-1536x783.jpg 1536w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-250x127.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-550x280.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-800x408.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-353x180.jpg 353w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-589x300.jpg 589w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4-981x500.jpg 981w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand4.jpg 1540w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"\">check the&nbsp;<strong>Show Near Cursor on Grab Targets<\/strong>&nbsp;box for both Hand Interaction Actors. A cursor should appear on the grab target as your index finger gets close, so you can see where your finger is relative to the target.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-357 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-300x153.jpg\" alt=\"\" width=\"847\" height=\"432\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-300x153.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-1024x522.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-768x391.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-1536x783.jpg 1536w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-250x127.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-550x280.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-800x408.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-353x180.jpg 353w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-589x300.jpg 589w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5-981x500.jpg 981w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/spawnHand5.jpg 1540w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><strong>Compile<\/strong>,&nbsp;<strong>save<\/strong>, and return to the Main window. &#8211; I&#8217;m not screen grabbing that. You know how to do that by now. But double check that your Event Graph looks the same as this last screen grab.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"\">Create something to interact with<\/h2>\n<p>&nbsp;<\/p>\n<p class=\"\">So let&#8217;s create some things to interact with. I&#8217;ll show you how to make a cube blueprint and then you can make however many objects you like to go in the scene.<\/p>\n<p class=\"\">Go to the <strong>Content Browser &gt;&gt; Add\/import &gt;&gt; Blueprint Class<\/strong><\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-366 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-300x154.jpg\" alt=\"\" width=\"845\" height=\"434\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent1.jpg 1537w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">choose <strong>Actor<\/strong>. Name the actor <strong>InteractiveCube<\/strong> &#8211; or whatever name you like.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-367 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-300x154.jpg\" alt=\"\" width=\"845\" height=\"434\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent2.jpg 1537w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">Double-click <strong>InteractiveCube<\/strong> to open it in the Blueprint Editor, select&nbsp;<strong>Add Component &gt; Scene<\/strong>&nbsp;and name it&nbsp;<strong>Root<\/strong>.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-368 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-300x154.jpg\" alt=\"\" width=\"853\" height=\"438\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent3.jpg 1537w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"\">Drag-and-drop&nbsp;<strong>Root<\/strong>&nbsp;onto&nbsp;<strong>DefaultSceneRoot<\/strong>&nbsp;to replace it.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-369 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-300x154.jpg\" alt=\"\" width=\"845\" height=\"434\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent4.jpg 1537w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p>Click&nbsp;<strong>Add Component &gt;Cube<\/strong><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-370 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-300x154.jpg\" alt=\"\" width=\"844\" height=\"433\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent5.jpg 1537w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"\">Compile and save your blueprint, then head back to the main window.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-371 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-300x154.jpg\" alt=\"\" width=\"847\" height=\"435\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent6.jpg 1537w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">Drag <strong>InteractiveCube<\/strong> into the viewport<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-372 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-300x154.jpg\" alt=\"\" width=\"847\" height=\"435\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/interactiveContent73.jpg 1537w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"attaching-manipulators\" class=\"heading-anchor\">Attaching Manipulators<\/h2>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">A Manipulator is a component that responds to articulated hand input and can be grabbed, rotated, and translated. Applying the Manipulator\u2019s transform to an Actors transform allows direct Actor manipulation.<\/p>\n<p class=\"\">Open the <strong>InteractiveCube<\/strong> blueprint, click&nbsp;<strong>Add Component<\/strong>&nbsp;and search for&nbsp;<strong>Uxt Generic Manipulator<\/strong>&nbsp;in the&nbsp;<strong>Components<\/strong>&nbsp;panel.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-375 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-300x154.jpg\" alt=\"\" width=\"847\" height=\"435\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators1.jpg 1537w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\">Expand the&nbsp;<strong>Generic Manipulator<\/strong>&nbsp;section in the&nbsp;<strong>Details<\/strong>&nbsp;panel. You can set one-handed or two-handed manipulation, rotation mode, and smoothing from here. Feel free to select whichever modes you wish, then&nbsp;<strong>Compile<\/strong>&nbsp;and&nbsp;<strong>Save<\/strong> InteractiveCube.<\/p>\n<p class=\"\">&nbsp;<\/p>\n<p class=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-376 aligncenter\" src=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-300x154.jpg\" alt=\"\" width=\"847\" height=\"435\" srcset=\"https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-300x154.jpg 300w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-1024x526.jpg 1024w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-768x394.jpg 768w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-250x128.jpg 250w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-550x282.jpg 550w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-800x411.jpg 800w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-351x180.jpg 351w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-584x300.jpg 584w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2-974x500.jpg 974w, https:\/\/lucyestela.com\/dev\/wp-content\/uploads\/2021\/03\/manipulators2.jpg 1537w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<h3 class=\"\">&lt;&lt;&lt; STEP 5 &#8211; <a href=\"http:\/\/https:\/\/lucyestela.com\/dev\/unreal\/uehl2_mixedreality\">ADDING MIXED REALITY<\/a><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Again I am following the Microsoft tutorial, just adding in extra screen grabs to help solidify the process in my mind. For the original tutorial, look here https:\/\/docs.microsoft.com\/en-us\/windows\/mixed-reality\/develop\/unreal\/tutorials\/unreal-uxt-ch4 &nbsp; Spawning Hand Interaction Actors &nbsp; I&#8217;m not going to tell you about the kinds of hand interactions you can do in Hololens 2 because I&#8217;m assuming &#8230; <a title=\"Unreal and Hololens 2 &#8211; Step 6 Making your scene interactive\" class=\"read-more\" href=\"https:\/\/lucyestela.com\/dev\/unreal\/uehl2_interactivity\/\" aria-label=\"More on Unreal and Hololens 2 &#8211; Step 6 Making your scene interactive\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[60,59],"tags":[],"class_list":["post-352","post","type-post","status-publish","format-standard","hentry","category-hololens-2","category-unreal"],"_links":{"self":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":10,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/352\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/352\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/categories?post=352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/tags?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}