<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>VR Archives - Couch Learn</title>
	<atom:link href="https://couchlearn.com/category/unreal-engine/vr/feed/" rel="self" type="application/rss+xml" />
	<link>https://couchlearn.com/category/unreal-engine/vr/</link>
	<description>Detailed Game Programming Tutorials</description>
	<lastBuildDate>Wed, 19 Oct 2022 17:14:26 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://couchlearn.com/wp-content/uploads/2020/05/cropped-logolarge-32x32.png</url>
	<title>VR Archives - Couch Learn</title>
	<link>https://couchlearn.com/category/unreal-engine/vr/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to play your UE5 game on your Quest 2 Headset</title>
		<link>https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/</link>
					<comments>https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/#comments</comments>
		
		<dc:creator><![CDATA[Matt]]></dc:creator>
		<pubDate>Tue, 16 Aug 2022 19:35:11 +0000</pubDate>
				<category><![CDATA[Unreal Engine]]></category>
		<category><![CDATA[Unreal Engine 5]]></category>
		<category><![CDATA[VR]]></category>
		<category><![CDATA[ue5]]></category>
		<category><![CDATA[ue5 oculus quest]]></category>
		<category><![CDATA[ue5 oculus quest 2]]></category>
		<category><![CDATA[ue5 virtual reality]]></category>
		<category><![CDATA[ue5 vr]]></category>
		<category><![CDATA[unreal engine]]></category>
		<category><![CDATA[unreal engine 5]]></category>
		<category><![CDATA[unreal engine 5 quest 2]]></category>
		<category><![CDATA[unreal engine 5 vr]]></category>
		<category><![CDATA[virtual reality]]></category>
		<guid isPermaLink="false">https://couchlearn.com/?p=1744</guid>

					<description><![CDATA[<p>In this guide we will be showing you how to play your UE5 game on your Quest 2 Headset. Unreal Engine 5 has great support <a class="mh-excerpt-more" href="https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/" title="How to play your UE5 game on your Quest 2 Headset">[...]</a></p>
<p>The post <a href="https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/">How to play your UE5 game on your Quest 2 Headset</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>In this guide we will be showing you how to play your UE5 game on your Quest 2 Headset.<br><br>Unreal Engine 5 has great support for Virtual Reality applications and headsets through many years of new technology and improvements.<br><br>Getting your VR game running on Meta Quest 2 has never been easier.</p>



<h2 class="wp-block-heading">Before we begin</h2>



<p>To ensure Quest 2 will work correctly with your project, you must make sure that your project is <strong>ready for VR</strong>. This means your character or pawn has <strong>motion controller components</strong> and a camera that has <strong>Locked to Hmd ticked.</strong><br><br>For this guide, to make this easy, we have created a new project using the Virtual Reality template as it is completely configured to play with a virtual reality headset. <br><br>With only small tweaks we can launch this project using the Meta Quest 2.<br><br>You will also need Android SDK, NDK and ADB setup for Unreal Engine. <a href="https://docs.unrealengine.com/4.27/en-US/SharingAndReleasing/Mobile/Android/Setup/AndroidStudio/" target="_blank" rel="noreferrer noopener">Click here to read the official Unreal Engine documentation on setting </a><a href="https://docs.unrealengine.com/4.27/en-US/SharingAndReleasing/Mobile/Android/Setup/AndroidStudio/">up</a> Android SDK, NDK and ADB in your UE5 editor.</p>



<h2 class="wp-block-heading">Setting up your Project for Quest 2</h2>



<h3 class="wp-block-heading">Enabling the Plugins</h3>



<p>To make sure the Quest 2 will work correctly with your VR project, you need to enable the Oculus VR Plugin.<br><br>In the main editor window, click Edit and Plugins to open the Plugins window.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="765" height="409" src="https://couchlearn.com/wp-content/uploads/2022/08/image-57.png" alt="Opening the plugin settings" class="wp-image-1746" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-57.png 765w, https://couchlearn.com/wp-content/uploads/2022/08/image-57-300x160.png 300w" sizes="(max-width: 765px) 100vw, 765px" /></figure>



<p>Next, in the search bar type Oculus. On the right side make sure the Oculus VR plugin is enabled.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="948" height="482" src="https://couchlearn.com/wp-content/uploads/2022/08/image-58.png" alt="Enabling the Oculus VR plugin" class="wp-image-1747" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-58.png 948w, https://couchlearn.com/wp-content/uploads/2022/08/image-58-300x153.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-58-768x390.png 768w" sizes="(max-width: 948px) 100vw, 948px" /></figure>



<h3 class="wp-block-heading">Configuring the Project Settings</h3>



<p>To allow Quest 2 compatibility and best performance, we need to change a few of the project settings.<br><br>To access these settings, in the main editor window click Edit and Project Settings.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="747" height="405" src="https://couchlearn.com/wp-content/uploads/2022/08/image-59.png" alt="Opening the project settings" class="wp-image-1748" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-59.png 747w, https://couchlearn.com/wp-content/uploads/2022/08/image-59-300x163.png 300w" sizes="(max-width: 747px) 100vw, 747px" /></figure>



<h4 class="wp-block-heading">Input Settings</h4>



<p>On the left side find and click the Input category. On the right side, scroll down until you find Default Touch Interface. <br><br>Click the dropdown and then click clear. This will set the value to None.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="306" src="https://couchlearn.com/wp-content/uploads/2022/08/image-73-1024x306.png" alt="Setting the default touch interface" class="wp-image-1765" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-73-1024x306.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-73-300x90.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-73-768x230.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-73.png 1270w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">Rendering Settings</h4>



<p>Next we need to change the rendering settings. <br><br>On the left side scroll down and click the Rendering category.<br><br>On the right side scroll down to the VR category and disable Mobile HDR.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="332" src="https://couchlearn.com/wp-content/uploads/2022/08/image-67-1024x332.png" alt="Disabling mobile HDR" class="wp-image-1757" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-67-1024x332.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-67-300x97.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-67-768x249.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-67.png 1127w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">Android Build Settings</h4>



<p>Lastly, in the Platforms category on the left, click the Android sub category.<br><br>On the right side scroll down and click the Configure Now in the large red banner.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="562" src="https://couchlearn.com/wp-content/uploads/2022/08/image-61-1024x562.png" alt="Configuring the android platform settings" class="wp-image-1750" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-61-1024x562.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-61-300x165.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-61-768x421.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-61-1536x843.png 1536w, https://couchlearn.com/wp-content/uploads/2022/08/image-61.png 1670w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Next, scroll up and find the Minimum SDK Version. Set this value to 29.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="269" src="https://couchlearn.com/wp-content/uploads/2022/08/image-63-1024x269.png" alt="Setting the minimum SDK version to 29" class="wp-image-1752" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-63-1024x269.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-63-300x79.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-63-768x201.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-63.png 1079w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>After that, set Target SDK Version to 29.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="216" src="https://couchlearn.com/wp-content/uploads/2022/08/image-64-1024x216.png" alt="Setting the target SDK version to 29" class="wp-image-1753" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-64-1024x216.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-64-300x63.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-64-768x162.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-64.png 1085w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Lastly, scroll down and open the Package for Oculus Mobile devices category.<br><br>Add two options and select Oculus Quest 2 and Oculus Quest as shown in the image below.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="341" src="https://couchlearn.com/wp-content/uploads/2022/08/image-65-1024x341.png" alt="Adding quest 2 and quest 1 compatibility" class="wp-image-1754" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-65-1024x341.png 1024w, https://couchlearn.com/wp-content/uploads/2022/08/image-65-300x100.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-65-768x256.png 768w, https://couchlearn.com/wp-content/uploads/2022/08/image-65.png 1156w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Packaging and Launching your Game</h2>



<p>The last step required to run your Unreal Engine 5 project on your Quest 2 is to click the platforms drop down and select your Quest 2 in the options.<br><br>If your headset doesn&#8217;t show in the list, make sure it is plugged into your PC and is powered on.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="940" height="568" src="https://couchlearn.com/wp-content/uploads/2022/08/image-68.png" alt="Launching the project onto the Quest 2 headset" class="wp-image-1758" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-68.png 940w, https://couchlearn.com/wp-content/uploads/2022/08/image-68-300x181.png 300w, https://couchlearn.com/wp-content/uploads/2022/08/image-68-768x464.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></figure>



<p>Your project should then start packaging and building for the Android Quest 2 platform. <br><br>Once this process has complete your project should immediately start up on your Quest 2 headset.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="568" height="345" src="https://couchlearn.com/wp-content/uploads/2022/08/image-69.png" alt="Building and deploying the executable to the Quest 2 headset" class="wp-image-1759" srcset="https://couchlearn.com/wp-content/uploads/2022/08/image-69.png 568w, https://couchlearn.com/wp-content/uploads/2022/08/image-69-300x182.png 300w" sizes="(max-width: 568px) 100vw, 568px" /></figure>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Your project is now compatible with standalone virtual reality on the Quest 2 headset!<br><br>More optimization might be required to reach 72 or 90 frames per second. To reach these performance goals there are many resources online:<br><br>Official Unreal Engine optimization documentation: <a href="https://docs.unrealengine.com/4.27/en-US/TestingAndOptimization/" target="_blank" rel="noreferrer noopener">https://docs.unrealengine.com/4.27/en-US/TestingAndOptimization/</a><br><br>Unreal Engine performance guide by GPUOpen: <a href="https://gpuopen.com/unreal-engine-performance-guide/" target="_blank" rel="noreferrer noopener">https://gpuopen.com/unreal-engine-performance-guide/</a><br><br>Official Unreal Engine virtual reality performance and optimization guide: <a href="https://docs.unrealengine.com/4.26/en-US/SharingAndReleasing/XRDevelopment/VR/DevelopVR/ContentSetup/" target="_blank" rel="noreferrer noopener">https://docs.unrealengine.com/4.26/en-US/SharingAndReleasing/XRDevelopment/VR/DevelopVR/ContentSetup/</a></p>
<p>The post <a href="https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/">How to play your UE5 game on your Quest 2 Headset</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://couchlearn.com/how-to-play-your-ue5-game-on-your-quest-2-headset/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>How to make VR Interactable UI Widgets in Unreal Engine 4</title>
		<link>https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/</link>
					<comments>https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/#comments</comments>
		
		<dc:creator><![CDATA[Matt]]></dc:creator>
		<pubDate>Tue, 27 Apr 2021 17:53:40 +0000</pubDate>
				<category><![CDATA[Unreal Engine]]></category>
		<category><![CDATA[VR]]></category>
		<category><![CDATA[ue4 virtual reality]]></category>
		<category><![CDATA[ue4 vr]]></category>
		<category><![CDATA[ue4 vr widgets]]></category>
		<category><![CDATA[virtual reality]]></category>
		<category><![CDATA[virtual reality widgets]]></category>
		<category><![CDATA[vr]]></category>
		<category><![CDATA[vr widgets]]></category>
		<guid isPermaLink="false">https://couchlearn.com/?p=1488</guid>

					<description><![CDATA[<p>Motion controllers are an important feature of modern virtual reality game design. Interacting with Widgets using motion controllers in Unreal Engine 4 is easy and <a class="mh-excerpt-more" href="https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/" title="How to make VR Interactable UI Widgets in Unreal Engine 4">[...]</a></p>
<p>The post <a href="https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/">How to make VR Interactable UI Widgets in Unreal Engine 4</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Motion controllers are an important feature of modern virtual reality game design. <br><br>Interacting with Widgets using motion controllers in Unreal Engine 4 is easy and requires very little changes to your existing Widgets and character actors.<br><br>In this guide we will be creating a motion controller compatible VR Interactable UI Widgets in Unreal Engine 4.</p>



<h3 class="wp-block-heading">Prerequisites</h3>



<p>To follow this guide we recommend you know the basics of Unreal Engine 4, using the widget UI system and basic knowledge of blueprints and actors.<br><br><strong>This guide uses the UE4 VR Template built into Unreal Engine 4. <br></strong><br>To follow along exactly to the guide you will need to create or use a project that was created using the VR Template. <br><br><strong>Click on the links below to learn about these topics</strong>:<br>&#8211; <a href="https://docs.unrealengine.com/en-US/InteractiveExperiences/UMG/HowTo/CreatingWidgets/index.html">Creating and using Widgets in Unreal Engine 4</a><br><a href="https://docs.unrealengine.com/en-US/ProgrammingAndScripting/Blueprints/BP_HowTo/BasicUsage/index.html">&#8211; Blueprint basics in Unreal Engine 4</a></p>



<h3 class="wp-block-heading">Creating the Widget</h3>



<p>The first aspect of this system is the creating the widget itself. <br><br><strong>The widget we are creating is a main menu style widget that has a vertical list of buttons.</strong><br><br><strong>If you already have a completed widget you can skip to the &#8220;Displaying the Widget&#8221; section.</strong><br><br>Firstly, right click in the content browser and create a new widget blueprint.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="413" height="293" src="https://couchlearn.com/wp-content/uploads/2021/01/image-52.png" alt="Creating a new widget" class="wp-image-1491" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-52.png 413w, https://couchlearn.com/wp-content/uploads/2021/01/image-52-300x213.png 300w" sizes="(max-width: 413px) 100vw, 413px" /></figure>



<h4 class="wp-block-heading">Creating the Menu Title Text</h4>



<p>The first widget component to add is a text block that is set to the anchor shown below.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="288" height="354" src="https://couchlearn.com/wp-content/uploads/2021/01/image-53.png" alt="Adding a anchored text box" class="wp-image-1494" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-53.png 288w, https://couchlearn.com/wp-content/uploads/2021/01/image-53-244x300.png 244w" sizes="(max-width: 288px) 100vw, 288px" /></figure>



<p>Then, align the text to the top and automatically adjust it&#8217;s horizontal size to the maximum size of the widget.<br><br>This is done by setting the slot position values shown below.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="367" height="283" src="https://couchlearn.com/wp-content/uploads/2021/01/image-54.png" alt="Setting the text properties" class="wp-image-1497" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-54.png 367w, https://couchlearn.com/wp-content/uploads/2021/01/image-54-300x231.png 300w" sizes="(max-width: 367px) 100vw, 367px" /></figure>



<p>The last step with the text is to set the font size to 50 and the justification to center as shown below.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="362" height="460" src="https://couchlearn.com/wp-content/uploads/2021/01/image-55.png" alt="Setting the text font size and margin" class="wp-image-1498" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-55.png 362w, https://couchlearn.com/wp-content/uploads/2021/01/image-55-236x300.png 236w" sizes="(max-width: 362px) 100vw, 362px" /></figure>



<h4 class="wp-block-heading">Creating the Button Container</h4>



<p>We will now create the main container that will store our interactive buttons.<br><br>To do this, firstly create a vertical box widget component.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="695" height="425" src="https://couchlearn.com/wp-content/uploads/2021/01/image-56.png" alt="Creating a vertical box" class="wp-image-1499" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-56.png 695w, https://couchlearn.com/wp-content/uploads/2021/01/image-56-300x183.png 300w" sizes="(max-width: 695px) 100vw, 695px" /></figure>



<p>Then, add as many buttons as you require to the vertical box. <br><br>This stacks the buttons and equally spaces them out in the vertical box.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="689" height="419" src="https://couchlearn.com/wp-content/uploads/2021/01/image-57.png" alt="Adding buttons with text to the vertical box" class="wp-image-1501" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-57.png 689w, https://couchlearn.com/wp-content/uploads/2021/01/image-57-300x182.png 300w" sizes="(max-width: 689px) 100vw, 689px" /></figure>



<p>The final widget hierarchy now looks like this:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="296" height="260" src="https://couchlearn.com/wp-content/uploads/2021/01/image-58.png" alt="Finished widget hierarchy" class="wp-image-1502"/></figure>



<h4 class="wp-block-heading">Adding Functionality</h4>



<p>To make sure our buttons are working correctly in game, we simply add &#8220;On Clicked&#8221; events to each button and print string nodes with the button’s number as the input.<br><br>This will print the value on the screen once interacted with the VR controllers.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="401" height="503" src="https://couchlearn.com/wp-content/uploads/2021/01/image-59.png" alt="Adding events to the buttons to test the vr interaction" class="wp-image-1503" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-59.png 401w, https://couchlearn.com/wp-content/uploads/2021/01/image-59-239x300.png 239w" sizes="(max-width: 401px) 100vw, 401px" /></figure>



<h3 class="wp-block-heading">Displaying the 3D Widget</h3>



<h4 class="wp-block-heading">Creating the Actor</h4>



<p>To place our newly created widget into the world, create a new actor.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="544" height="442" src="https://couchlearn.com/wp-content/uploads/2021/01/image-60.png" alt="Creating a new empty actor" class="wp-image-1535" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-60.png 544w, https://couchlearn.com/wp-content/uploads/2021/01/image-60-300x244.png 300w" sizes="(max-width: 544px) 100vw, 544px" /></figure>



<p>For this guide we named this actor &#8220;VRWorldObject&#8221;.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="701" height="324" src="https://couchlearn.com/wp-content/uploads/2021/01/image-61.png" alt="Newly created actor named VRWorldObject" class="wp-image-1536" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-61.png 701w, https://couchlearn.com/wp-content/uploads/2021/01/image-61-300x139.png 300w" sizes="(max-width: 701px) 100vw, 701px" /></figure>



<h4 class="wp-block-heading">Adding the Widget Component</h4>



<p>To add a widget into this actor, create a new &#8220;Widget&#8221; component.</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://couchlearn.com/wp-content/uploads/2021/01/image-63.png" alt="Adding the widget component" class="wp-image-1538" width="299" height="166"/></figure>



<p>To show the Widget component&#8217;s settings, click on the component in the components menu below the add component button.<br><br>In the widget class drop down box select the widget we created earlier. In this case we selected &#8220;VRUIWidget&#8221;.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="530" height="297" src="https://couchlearn.com/wp-content/uploads/2021/01/image-64.png" alt="Adding the widget class to the widget component of the created actor" class="wp-image-1540" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-64.png 530w, https://couchlearn.com/wp-content/uploads/2021/01/image-64-300x168.png 300w" sizes="(max-width: 530px) 100vw, 530px" /></figure>



<p>Internally the widget is rendered into a texture. To make your widget draw with a high resolution, set the Draw Size X value to 1920 and the Y value to 1080.<br><br>Lower values will still work but will display lower resolution and pixelated widgets in the game world.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="499" height="298" src="https://couchlearn.com/wp-content/uploads/2021/01/image-65.png" alt="Setting the draw size of the drawn widget" class="wp-image-1541" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-65.png 499w, https://couchlearn.com/wp-content/uploads/2021/01/image-65-300x179.png 300w" sizes="(max-width: 499px) 100vw, 499px" /></figure>



<p>Now in the viewport of the blueprint editor you can see your widget rendered.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="697" height="673" src="https://couchlearn.com/wp-content/uploads/2021/01/image-66.png" alt="The vr widget is now displayed in the blueprint editor." class="wp-image-1543" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-66.png 697w, https://couchlearn.com/wp-content/uploads/2021/01/image-66-300x290.png 300w" sizes="(max-width: 697px) 100vw, 697px" /></figure>



<p>Now your widget actor is complete! Drag this actor from the content browser into any level to show the widget in the world.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="567" src="https://couchlearn.com/wp-content/uploads/2021/01/image-68-1024x567.png" alt="The widget is now displayed in the level." class="wp-image-1547" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-68-1024x567.png 1024w, https://couchlearn.com/wp-content/uploads/2021/01/image-68-300x166.png 300w, https://couchlearn.com/wp-content/uploads/2021/01/image-68-768x425.png 768w, https://couchlearn.com/wp-content/uploads/2021/01/image-68.png 1032w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Interacting with the 3D Widget</h3>



<p>By default world space widgets inside of actors cannot be interacted like standard widgets.<br><br>To allow interactions, firstly open the BP_MotionController blueprint.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="795" height="323" src="https://couchlearn.com/wp-content/uploads/2021/01/image-69.png" alt="Opening the BP motion controller blueprint to implement widget interaction" class="wp-image-1548" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-69.png 795w, https://couchlearn.com/wp-content/uploads/2021/01/image-69-300x122.png 300w, https://couchlearn.com/wp-content/uploads/2021/01/image-69-768x312.png 768w" sizes="(max-width: 795px) 100vw, 795px" /></figure>



<p>Inside the BP_MotionController blueprint, add a new &#8220;Widget Interaction&#8221; component to the HandMesh skeletal mesh component.<br><br>This makes sure that the interaction component will follow the movement and the rotation of the VR controllers.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="288" height="227" src="https://couchlearn.com/wp-content/uploads/2021/01/image-70.png" alt="Adding the widget interaction component" class="wp-image-1549"/></figure>



<p>Then, click the Widget Interaction component to show it&#8217;s settings and adjust the interaction distance to however far away you want the players to interact with the widgets.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="343" height="185" src="https://couchlearn.com/wp-content/uploads/2021/01/image-72.png" alt="Adjusting the widget interaction component's interaction distance value" class="wp-image-1551" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-72.png 343w, https://couchlearn.com/wp-content/uploads/2021/01/image-72-300x162.png 300w" sizes="(max-width: 343px) 100vw, 343px" /></figure>



<p>Now in the viewport you can see the widget interaction arrow displaying the interaction distance and the direction it is pointing in. <br><br>This can be adjusted by changing the component&#8217;s location and rotation values.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="768" height="498" src="https://couchlearn.com/wp-content/uploads/2021/01/image-71.png" alt="Visualising the widget interaction component's interaction distance" class="wp-image-1550" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-71.png 768w, https://couchlearn.com/wp-content/uploads/2021/01/image-71-300x195.png 300w" sizes="(max-width: 768px) 100vw, 768px" /></figure>



<p>To show a laser pointer like line where the controller is interacting, simple enable the &#8220;Show Debug&#8221; checkbox in the Debugging section of the WidgetInteraction component.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="419" height="88" src="https://couchlearn.com/wp-content/uploads/2021/04/image-3.png" alt="Enabling the debug view for laser pointer like lines." class="wp-image-1589" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-3.png 419w, https://couchlearn.com/wp-content/uploads/2021/04/image-3-300x63.png 300w" sizes="(max-width: 419px) 100vw, 419px" /></figure>



<p>Lastly, to differentiate between the two controllers the engine uses the &#8220;Pointer Index&#8221; variable on the widget interaction component.<br><br>In the Invert Scale on hand mesh to create left-hand section of the MotionControllerBP blueprint add a &#8220;Set Pointer Index&#8221; node and set the value to &#8220;1.0&#8221; as shown below.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="897" height="339" src="https://couchlearn.com/wp-content/uploads/2021/04/image-20.png" alt="Setting the pointer index to allow for different hand inputs simultaneously." class="wp-image-1610" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-20.png 897w, https://couchlearn.com/wp-content/uploads/2021/04/image-20-300x113.png 300w, https://couchlearn.com/wp-content/uploads/2021/04/image-20-768x290.png 768w" sizes="(max-width: 897px) 100vw, 897px" /></figure>



<h4 class="wp-block-heading">Interact with the VR Controllers</h4>



<p>The BP_MotionController blueprint has the interaction enabled but cannot <strong>click or select</strong> any widgets.<br><br>To achieve this, firstly right click in the event graph of the BP_MotionController and create two new custom events named &#8220;TriggerInteract&#8221; and &#8220;TriggerRelease&#8221;.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="173" height="194" src="https://couchlearn.com/wp-content/uploads/2021/04/image-15.png" alt="New custom events" class="wp-image-1605"/></figure>



<p>If you haven&#8217;t used custom events in Unreal Engine 4 <a href="https://couchlearn.com/how-to-use-custom-events-in-unreal-engine-4/">click here to learn how to use custom events in your game.</a></p>



<p>To trigger a click / select event in our Widget Interaction component, right click and get the Widget Interaction reference.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="410" height="410" src="https://couchlearn.com/wp-content/uploads/2021/01/image-76.png" alt="Getting the widget interaction component reference" class="wp-image-1557" srcset="https://couchlearn.com/wp-content/uploads/2021/01/image-76.png 410w, https://couchlearn.com/wp-content/uploads/2021/01/image-76-300x300.png 300w, https://couchlearn.com/wp-content/uploads/2021/01/image-76-150x150.png 150w" sizes="(max-width: 410px) 100vw, 410px" /></figure>



<p>Then, click and drag from the Widget Interaction pin and create a Press Pointer Key function.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="404" height="160" src="https://couchlearn.com/wp-content/uploads/2021/04/image-16.png" alt="Press pointer key function creation" class="wp-image-1606" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-16.png 404w, https://couchlearn.com/wp-content/uploads/2021/04/image-16-300x119.png 300w" sizes="(max-width: 404px) 100vw, 404px" /></figure>



<p>Change the key to Left Mouse Button to allow the &#8220;TriggerInteract&#8221; event to click and release the left mouse button interaction on the widget.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="499" height="170" src="https://couchlearn.com/wp-content/uploads/2021/04/image-17.png" alt="Assigning the left mouse button key to the press pointer key function" class="wp-image-1607" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-17.png 499w, https://couchlearn.com/wp-content/uploads/2021/04/image-17-300x102.png 300w" sizes="(max-width: 499px) 100vw, 499px" /></figure>



<p>Repeat this for the &#8220;TriggerRelease&#8221; event but use the Release Pointer Key function instead.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="509" height="349" src="https://couchlearn.com/wp-content/uploads/2021/04/image-18.png" alt="Creating the release pointer key and assigning the left mouse button to the event." class="wp-image-1608" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-18.png 509w, https://couchlearn.com/wp-content/uploads/2021/04/image-18-300x206.png 300w" sizes="(max-width: 509px) 100vw, 509px" /></figure>



<p>Finally, in the MotionControllerPawn blueprint call our new event from the &#8220;LeftGrab&#8221; and &#8220;RightGrab&#8221; input actions.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="667" height="291" src="https://couchlearn.com/wp-content/uploads/2021/04/image-13.png" alt="Calling the new event on each controller." class="wp-image-1602" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-13.png 667w, https://couchlearn.com/wp-content/uploads/2021/04/image-13-300x131.png 300w" sizes="(max-width: 667px) 100vw, 667px" /></figure>



<p>The finished input blueprint nodes in the MotionControllerPawn should now look like this.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="687" height="520" src="https://couchlearn.com/wp-content/uploads/2021/04/image-19.png" alt="The final InputAction setup with custom events." class="wp-image-1609" srcset="https://couchlearn.com/wp-content/uploads/2021/04/image-19.png 687w, https://couchlearn.com/wp-content/uploads/2021/04/image-19-300x227.png 300w" sizes="(max-width: 687px) 100vw, 687px" /></figure>



<p>Your basic VR widget interaction system is now complete!</p>



<h3 class="wp-block-heading">Demonstration</h3>



<figure class="wp-block-video"><video autoplay loop muted src="https://couchlearn.com/wp-content/uploads/2022/10/vrwidgetinteraction.webm" playsinline></video></figure>



<h3 class="wp-block-heading">Project Files</h3>



<script src="https://gumroad.com/js/gumroad-embed.js"></script>
<div class="gumroad-product-embed"><a href="https://gumroad.com/l/jGefMA">Loading&#8230;</a></div>



<h3 class="wp-block-heading">Conclusion</h3>



<p>Now your project has basic VR compatible widget interaction!<br><br>We are planning to create many more VR guides over this year. If you have a specific topic you would like a guide for, feel free to <a href="https://couchlearn.com/contact-us/">contact us.</a><br><br>If you are interested in more Widget Interaction and 3D widget features in Unreal Engine 4, here are some links for further reading:<br><br><a href="https://docs.unrealengine.com/en-US/InteractiveExperiences/UMG/HowTo/InWorldWidgetInteraction/index.html">Click here to read the 3D widget Unreal Engine 4 documentation.</a><br><br><a href="https://docs.unrealengine.com/en-US/InteractiveExperiences/UMG/UserGuide/WidgetInteraction/index.html">Click here to read the Widget Interaction Unreal Engine 4 documentation.</a></p>
<p>The post <a href="https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/">How to make VR Interactable UI Widgets in Unreal Engine 4</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://couchlearn.com/how-to-make-vr-interactable-ui-widgets-in-unreal-engine-4/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		<enclosure url="https://couchlearn.com/wp-content/uploads/2022/10/vrwidgetinteraction.webm" length="0" type="video/webm" />

			</item>
		<item>
		<title>How to Stop SteamVR Starting with Unreal Engine 4</title>
		<link>https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/</link>
					<comments>https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/#comments</comments>
		
		<dc:creator><![CDATA[Matt]]></dc:creator>
		<pubDate>Fri, 13 Nov 2020 19:52:24 +0000</pubDate>
				<category><![CDATA[Easy Difficulty]]></category>
		<category><![CDATA[Unreal Engine]]></category>
		<category><![CDATA[VR]]></category>
		<category><![CDATA[disable steamvr]]></category>
		<category><![CDATA[disable vr]]></category>
		<category><![CDATA[steamvr]]></category>
		<category><![CDATA[steamvr plugin]]></category>
		<category><![CDATA[stop steamvr]]></category>
		<category><![CDATA[ue4]]></category>
		<category><![CDATA[ue4 no steamvr]]></category>
		<category><![CDATA[ue4 plugin]]></category>
		<category><![CDATA[ue4 steamvr]]></category>
		<category><![CDATA[ue4 stop steamvr]]></category>
		<category><![CDATA[ue4 vr]]></category>
		<category><![CDATA[unreal engine]]></category>
		<category><![CDATA[unreal engine 4]]></category>
		<category><![CDATA[unreal engine plugin]]></category>
		<category><![CDATA[virtual reality]]></category>
		<category><![CDATA[vr plugin]]></category>
		<guid isPermaLink="false">https://couchlearn.com/?p=1291</guid>

					<description><![CDATA[<p>Unreal Engine 4 has a common issue found by many new developers that have recently purchased a Virtual Reality headset. SteamVR now starts up every <a class="mh-excerpt-more" href="https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/" title="How to Stop SteamVR Starting with Unreal Engine 4">[...]</a></p>
<p>The post <a href="https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/">How to Stop SteamVR Starting with Unreal Engine 4</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Unreal Engine 4 has a common issue found by many new developers that have recently purchased a Virtual Reality headset.<br><br><strong>SteamVR now starts up every time your projects load!</strong><br><br><strong>All players of your game will also find that your non VR game will load SteamVR which can be frustrating.</strong><br><br>In this quick guide we will show you how to stop SteamVR starting with your Unreal Engine 4 projects.</p>



<h3 class="wp-block-heading">Why does SteamVR start with my UE4 project?</h3>



<p>Unreal Engine 4 has many Virtual Reality plugins enabled by default once you start a new project. <br><br>This is done to get many developers seamlessly working on their projects without any initial setup or complicated menus.<br><br>Disabling these VR related plugins will prevent SteamVR loading when you launch your project.</p>



<h3 class="wp-block-heading">Disabling the SteamVR plugin</h3>



<p>Firstly, click the Edit button in the top left of the Unreal Engine 4 editor and then click the Plugins button at the bottom of the drop down window.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="805" height="484" src="https://couchlearn.com/wp-content/uploads/2020/11/image.png" alt="Opening the Plugins menu of Unreal Engine 4" class="wp-image-1296" srcset="https://couchlearn.com/wp-content/uploads/2020/11/image.png 805w, https://couchlearn.com/wp-content/uploads/2020/11/image-300x180.png 300w, https://couchlearn.com/wp-content/uploads/2020/11/image-768x462.png 768w" sizes="(max-width: 805px) 100vw, 805px" /></figure>



<p>Then, once the Plugins menu has opened, scroll down on the left side categories until you find the <em>Virtual Reality</em> section. <br><br>Once you have found this button, click it to show the Virtual Reality plugins on the right.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="635" height="390" src="https://couchlearn.com/wp-content/uploads/2020/11/image-1.png" alt="Scroll through the Plugin categories until you find the Virtual Reality category." class="wp-image-1298" srcset="https://couchlearn.com/wp-content/uploads/2020/11/image-1.png 635w, https://couchlearn.com/wp-content/uploads/2020/11/image-1-300x184.png 300w" sizes="(max-width: 635px) 100vw, 635px" /></figure>



<p>In this new right side menu, scroll down until you see the <em>SteamVR</em> plugin.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="232" src="https://couchlearn.com/wp-content/uploads/2020/11/image-2-1024x232.png" alt="Scroll through the Virtual Reality plugins list until you find the SteamVR plugin." class="wp-image-1299" srcset="https://couchlearn.com/wp-content/uploads/2020/11/image-2-1024x232.png 1024w, https://couchlearn.com/wp-content/uploads/2020/11/image-2-300x68.png 300w, https://couchlearn.com/wp-content/uploads/2020/11/image-2-768x174.png 768w, https://couchlearn.com/wp-content/uploads/2020/11/image-2.png 1061w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Disable the <em>SteamVR</em> plugin by unticking the Enabled section.<br><br>To allow these changes Unreal Engine 4 needs to restart, press Restart Now to restart the editor.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="236" src="https://couchlearn.com/wp-content/uploads/2020/11/image-3-1024x236.png" alt="Disable the SteamVR plugin by clicking on the Enabled checkbox. Then click the restart now button to apply these changes to the UE4 editor." class="wp-image-1300" srcset="https://couchlearn.com/wp-content/uploads/2020/11/image-3-1024x236.png 1024w, https://couchlearn.com/wp-content/uploads/2020/11/image-3-300x69.png 300w, https://couchlearn.com/wp-content/uploads/2020/11/image-3-768x177.png 768w, https://couchlearn.com/wp-content/uploads/2020/11/image-3.png 1100w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Conclusion</h3>



<p>After these steps the editor should restart and SteamVR will no longer start when you start the Unreal Engine 4 editor with your project.<br><br>All future projects created <strong>do not</strong> keep these settings.<br><br>All new projects<strong> </strong>make will need to go through these steps if you are not using Virtual Reality in your project.</p>



<p>To read more about Unreal Engine 4 plugins, <a href="https://docs.unrealengine.com/en-US/Programming/Plugins/index.html">click here to see the full Plugin documentation.</a></p>



<p>To easily purchase and download Plugins for Unreal Engine 4, <a href="https://www.unrealengine.com/marketplace/en-US/content-cat/assets/codeplugins?count=20&amp;sortBy=discountPercentage&amp;sortDir=DESC&amp;start=0">click here to go to the Unreal Engine 4 Marketplace.</a></p>
<p>The post <a href="https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/">How to Stop SteamVR Starting with Unreal Engine 4</a> appeared first on <a href="https://couchlearn.com">Couch Learn</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://couchlearn.com/how-to-stop-steamvr-starting-with-unreal-engine-4/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Page Caching using Disk: Enhanced 
Minified using Disk

Served from: couchlearn.com @ 2026-04-15 17:12:35 by W3 Total Cache
-->