{"id":3353,"date":"2021-01-02T20:14:04","date_gmt":"2021-01-02T12:14:04","guid":{"rendered":"http:\/\/blog.coolcoding.cn\/?p=3353"},"modified":"2021-01-02T20:18:21","modified_gmt":"2021-01-02T12:18:21","slug":"beginning-unreal-engine-4-blueprints-visual-scripting-using-c-from-beginner-to-pro-1","status":"publish","type":"post","link":"https:\/\/blog.coolcoding.cn\/?p=3353","title":{"rendered":"1. Introduction to Unreal Engine 4"},"content":{"rendered":"\n<p>\uff08Beginning Unreal Engine 4 Blueprints Visual Scripting: Using C++: From Beginner to Pro\uff09<\/p>\n\n\n\n<p>Satheesh&nbsp;Pv<sup><a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Aff2\">1<\/a>&nbsp;&nbsp;<\/sup>(1)Mumbai, India&nbsp;<\/p>\n\n\n\n<p>Hello there, and welcome to this beginner\u2019s guide to Unreal Engine 4. Throughout this book, you learn about different aspects of Unreal Engine 4, and you learn to create a sample game with the knowledge you gain. In this chapter, you learn how to download Unreal Engine through Epic Games Launcher and GitHub. After that, you learn how a project is structured and become familiar with the Unreal Editor interface.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Unreal Engine<\/h2>\n\n\n\n<p>This chapter looks at how you acquire Unreal Engine. You can download it through either Epic Games Launcher or GitHub. Either way, you need to create an account at&nbsp;<a href=\"http:\/\/www.unrealengine.com\/\">www.unrealengine.com<\/a>, which is free.First, let\u2019s look at the differences between&nbsp;Epic Games Launcher and GitHub.<\/p>\n\n\n\n<ul><li>The Epic Games Launcher version (a.k.a. the binary version or vanilla version) of Unreal Engine 4 comes with the engine prebuilt, and you can select the platforms you need. You can also select the engine source, starter template, feature packs, and so forth, if you need them. The binary version does not support creating dedicated servers for your game, so if you are planning to develop a multiplayer game with a dedicated server, you must use the source version.<\/li><li>The GitHub version (a.k.a. the source version) gives you the entire source&nbsp;code&nbsp;of the engine without any binaries, so you need to compile it manually. The source code version of the engine is typically used by developers who want to fix the engine\u2019s bugs or add new features. This version is also required if your game relies on a dedicated server. The prerequisites for the source code version of the engine are Visual Studio 2019 (or higher) on Windows or Xcode on macOS.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">DOWNLOAD FROM EPIC GAMES LAUNCHER<\/h3>\n\n\n\n<p>If you don\u2019t have an Epic Games account, you need to create one at&nbsp;<a href=\"http:\/\/www.unrealengine.com\/id\/register\">www.unrealengine.com\/id\/register<\/a>.If you do have an Epic Games&nbsp;account, then head over to&nbsp;<a href=\"http:\/\/www.unrealengine.com\/en-US\/get-now\">www.unrealengine.com\/en-US\/get-now<\/a>&nbsp;and select your license to download and install Epic Games Launcher for your platform. After installation, open the launcher, and log in using your credentials. You should see the screenshot shown Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig1\">1-1<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig1_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig1_HTML.jpg\"\/><figcaption><strong><em>Figure 1-1<\/em><\/strong>Epic Games Launcher with engine version4.24 installed<\/figcaption><\/figure>\n\n\n\n<p>Near the ENGINE VERSIONS tab, you can see a&nbsp;<strong>+<\/strong>&nbsp;button, which allows you to download and install any engine version you want.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">DOWNLOAD FROM GITHUB<\/h3>\n\n\n\n<p>If you prefer to&nbsp;work&nbsp;with the source version of the engine, you can do so by downloading the engine source code and compiling it yourself, but you must have Visual Studio 2019 (with C++ support enabled) installed if you use Windows or Xcode if you are on macOS.<\/p>\n\n\n\n<p>First, you must create a GitHub account (it\u2019s free) and log in to your Epic Games account. Once logged in, go to your account dashboard in Epic Games and link your GitHub account. After this, you are ready to download the full source code for Unreal Engine 4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Downloading Source Code<\/h4>\n\n\n\n<p>Once you have access to the Unreal Engine repository, you can click the&nbsp;<strong>Clone or download<\/strong>&nbsp;button and select the&nbsp;<strong>Download ZIP<\/strong>&nbsp;button (as seen in Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig2\">1-2<\/a>).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig2_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig2_HTML.jpg\"\/><figcaption><strong><em>Figure 1-2<\/em><\/strong>Download ZIP button in Unreal Engine Git repository<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Cloning the Unreal Engine Repository<\/h4>\n\n\n\n<p>To clone a&nbsp;repository, you need to have a Git client installed. Cloning is the process of downloading or copying a repository into an empty folder in your working machine, including the full Git history, so you can use Git commands. You only download the source code without any Git files, so you won\u2019t track changes or have any information about previous commits.<\/p>\n\n\n\n<p>I use SourceTree from Atlassian.Note<\/p>\n\n\n\n<p>If you prefer other tools, please visit&nbsp;<a href=\"https:\/\/git-scm.com\/download\/gui\/windows\">https:\/\/git-scm.com\/download\/gui\/windows<\/a>&nbsp;for Windows or&nbsp;<a href=\"https:\/\/git-scm.com\/download\/gui\/mac\">https:\/\/git-scm.com\/download\/gui\/mac<\/a>&nbsp;for macOS.<\/p>\n\n\n\n<p>After installing SourceTree, open the application. In the new tab, select&nbsp;<strong>Add an account<\/strong>. In the new window, switch the hosting service to GitHub and select the&nbsp;<strong>Refresh OAuth Token<\/strong>&nbsp;button. Once SourceTree has access to your repos, you can select&nbsp;<strong>Unreal Engine repo<\/strong>&nbsp;from your repositories list and then select&nbsp;<strong>Clone<\/strong>. This lets you choose a path to save the files. Under&nbsp;<strong>Advanced Options,<\/strong>&nbsp;select the&nbsp;<strong>release<\/strong>&nbsp;branch and click the&nbsp;<strong>Clone<\/strong>&nbsp;button.Once&nbsp;cloning&nbsp;is done or after downloading the ZIP file, go to the directory and double-click the&nbsp;<strong>Setup.bat<\/strong>&nbsp;file. (If you downloaded the ZIP file, extract it first). You can include or exclude specific platforms by passing the necessary flags in the Setup.bat file. For example, to exclude Mac and iOS platforms on a Windows machine, you can run Setup.bat like this:Setup.bat &#8211;exclude=Mac &#8211;exclude=iOS<\/p>\n\n\n\n<p>This ensures that any dependencies and files required for the Mac and iOS platforms are skipped. Once Setup.bat finishes, run&nbsp;<strong>GenerateProjectFiles.bat<\/strong>, which generates the UE4 solution file that you can open in Visual Studio. After opening the solution file, you can see UE4 under the Engine folder in Solution Explorer. Right-click UE4 and select Build. This starts the build process, which might take an hour or more to compile, depending on your hardware.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting to Know Unreal Editor<\/h2>\n\n\n\n<p>Now that you have installed (or compiled) your engine, let\u2019s start it up. Throughout this book, we only work with the binary version of the engine, which is 4.24. You create a blank project and learn about the aspects of the engine. To start the engine, click the Launch button for 4.24.3. This opens the&nbsp;<strong>Unreal Project Browser<\/strong>&nbsp;window, where you can select an existing project or create a new one from scratch or a template (see Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig3\">1-3<\/a>).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig3_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig3_HTML.jpg\"\/><figcaption>Figure 1-3.<\/figcaption><\/figure>\n\n\n\n<p>Let\u2019s select&nbsp;<strong>Blank Project<\/strong>&nbsp;and click Next. On the next page, you are prompted to either start a blank project or create one based on a template. For our purposes, let\u2019s select a blank template and click Next. This gives you a project with no code or content and with the default settings. Finally, the last page allows you to do basic configuration and name your project.Let\u2019s go through the&nbsp;Project Settings page&nbsp;shown in Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig4\">1-4<\/a>.<\/p>\n\n\n\n<ul><li><strong>Blueprint<\/strong>&nbsp;(labeled 1 in the screenshot) lets you choose whether your project is based on Blueprints or C++. If you start in Blueprints, you can later add C++ code to your project.<\/li><li>Depending on your project, you can change&nbsp;<strong>Maximum Quality<\/strong>&nbsp;(labeled 2 in the screenshot) to&nbsp;<strong>Scalable 3D\/2D<\/strong>. The first option is suitable for PCs\/consoles, and the second option is suitable for mobile.<\/li><li>If you target high-end PC games and own an Nvidia RTX graphics card, you can enable&nbsp;<strong>raytracing<\/strong>&nbsp;features (labeled 3 in the screenshot) for your game.<\/li><li><strong>Desktop\/Console<\/strong>&nbsp;(labeled 4 in the screenshot) lets you select the closest equivalent target platform.<\/li><li><strong>With Starter Content<\/strong>&nbsp;(labeled 5 in the screenshot) lets you choose if you want to copy starter content to your project. It contains simple meshes with basic materials.<\/li><li><strong>Folder<\/strong>&nbsp;(labeled 6 in the screenshot) is where you enter the location of the project\u2019s folder.<\/li><li><strong>Name<\/strong>&nbsp;(labeled 7 in the screenshot) is where you enter the name of your newly created project.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig4_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig4_HTML.jpg\"\/><figcaption>Figure 1-4.<\/figcaption><\/figure>\n\n\n\n<p>To create the&nbsp;project, click the&nbsp;<strong>Create Project<\/strong>&nbsp;button. This starts the engine with an empty project ready for you to create.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PROJECT STRUCTURE<\/h3>\n\n\n\n<p>Next, let\u2019s look at the&nbsp;project&nbsp;folder you just created to see how a project is structured. If you navigate to the project folder, you should see a structure similar to the screenshot shown in Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig5\">1-5<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig5_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig5_HTML.jpg\"\/><figcaption><strong><em>Figure 1-5<\/em><\/strong>An example project (note that the project name might differ)<\/figcaption><\/figure>\n\n\n\n<ul><li><strong>Config<\/strong>: This folder is where the settings are saved when you change editor preferences or project settings. You can also create your config files to save data.<\/li><li><strong>Content<\/strong>: This&nbsp;folder&nbsp;is where all your game assets are saved.<\/li><li><strong>Intermediate<\/strong>: Editor and game temporary files are generated here. It is safe to delete this folder, and it is automatically regenerated when the editor is started next.<\/li><li><strong>Saved<\/strong>: This folder contains all the autogenerated config files, log files, and autosaves.<\/li><\/ul>\n\n\n\n<p>The following are other folders that you might see.<\/p>\n\n\n\n<ul><li><strong>Binaries<\/strong>: This folder contains the DLL files for your project. It only appears if your project contains C++ source code.<\/li><li><strong>DerivedDataCache<\/strong>: This folder contains versions of your assets on its target platforms. You can safely delete this folder, and the editor regenerates it next time.<\/li><li><strong>Source<\/strong>: This folder contains header (.h) and source (.cpp) files. It only appears if your project contains C++ source code.<\/li><li><strong>Plugins<\/strong>: This folder contains all the plugins for your project. To create a new plugin, your project must contain C++.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">AN UNREAL EDITOR TOUR<\/h3>\n\n\n\n<p>Once the engine starts, your screen should look similar to Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig6\">1-6<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig6_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig6_HTML.jpg\"\/><figcaption><strong><em>Figure 1-6<\/em><\/strong>Default Unreal Editor user interface<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig7_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig7_HTML.jpg\"\/><figcaption>Figure 1-7.<\/figcaption><\/figure>\n\n\n\n<p>Let\u2019s go through the&nbsp;layout&nbsp;of the Unreal Editor as seen in Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig6\">1-6<\/a>.<\/p>\n\n\n\n<ul><li>The area labeled 1 is the&nbsp;<strong>toolbar<\/strong>. Here you can save the current scene, open the Content Browser, access quick settings, build lighting, Play In Editor, and so forth.<\/li><li>The area labeled 2 is the&nbsp;<strong>Modes panel<\/strong>. Here you can switch between different modes, such as Placing Actors mode (default), Mesh Paint mode, Landscape mode, Foliage mode, and Brush mode.<\/li><li>The area labeled 3 is the&nbsp;<strong>Content Browser<\/strong>&nbsp;where you import or create all the assets.<\/li><li>The area labeled 4 is the&nbsp;<strong>Details panel<\/strong>, where you modify the properties of the selected actor that is placed inside a level.<\/li><li>The area labeled 5 is&nbsp;<strong>World Outliner<\/strong>. It shows all actors currently present inside the level. Using the eye icon, you can quickly hide\/unhide actors.<\/li><li>The area labeled&nbsp;the&nbsp;<strong>menu bar<\/strong>. It allows you to add a new C++ class, access editor and project settings, reopen closed tabs, and so forth.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig8_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig8_HTML.jpg\"\/><figcaption>Figure 1-8.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">The Toolbar<\/h4>\n\n\n\n<p>The&nbsp;toolbar&nbsp;is displayed right above the viewport. It provides easy access to various editor commands.<\/p>\n\n\n\n<ul><li><strong>Save<\/strong>: Saves the current scene. If the current scene is not saved, it prompts the user to select a location to save the map.<\/li><li><strong>Source Control<\/strong>: Provides access to different source controls, like Perforce, Git, Subversion, and so forth. You can install other source control plugins too. Source control is the practice of tracking and managing changes to code or assets. You can read more about source control at&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Version_control\">https:\/\/en.wikipedia.org\/wiki\/Version_control<\/a>.<\/li><li><strong>Content<\/strong>: Opens the Content Browser.<\/li><li><strong>Marketplace<\/strong>: Opens the UE4 marketplace in your default browser.<\/li><li><strong>Settings<\/strong>: Gives quick access to some editor settings, as well as Project Settings and World Settings.<\/li><li><strong>Blueprints<\/strong>: Creates a new Blueprint class or opens a Level Blueprint. You learn more about Blueprints in the next chapter.<\/li><li><strong>Cinematics<\/strong>: Adds level or master sequences.<\/li><li><strong>Build<\/strong>: Builds&nbsp;lighting, navigation, geometry, and so forth. This button is disabled when Play In Session is active, or the current level is previewing in less than Shader Model 5.<\/li><li><strong>Play<\/strong>: Plays the current level in the active viewport. The arrow next to the Play button shows a drop-down with options that let the developer play the game in a new window, mobile preview, as a stand-alone game, and so forth. You can also set the game to start a dedicated server for testing multiplayer games.<\/li><li><strong>Launch<\/strong>: Launches the current level in a given device.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Modes<\/h4>\n\n\n\n<p>The&nbsp;Modes panel&nbsp;switches between various tool modes for the editor. Each mode panel can be switched by pressing&nbsp;<strong>Shift +<\/strong><em><strong>1 to 5<\/strong><\/em><em>.<\/em><\/p>\n\n\n\n<ul><li><strong>Place mode (Shift+1)<\/strong>: Places actors in a scene.<\/li><li><strong>Paint mode (Shift+2)<\/strong>: Allows you to vertex paint a Static Mesh Actor directly on the viewport. This means you can paint color data onto the vertices of the Static Mesh Actor that is placed on the level and use that information in the material assigned to that Static Mesh.<\/li><li><strong>Landscape mode (Shift+3)<\/strong>: Creates new landscapes or edits existing ones.<\/li><li><strong>Foliage mode (Shift+4)<\/strong>: Paints foliage.<\/li><li><strong>Brush mode (Shift+5)<\/strong>: Modifies BSP (binary space partitioning) brushes. It is a geometry tool to quickly prototype or block-out levels.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Content Browser<\/h4>\n\n\n\n<p>The&nbsp;Content Browser&nbsp;is the heart of your project. All the assets that make up your blockbuster game reside here. You can import supported file types and create new assets like Blueprint, Materials, and Sequences. The Content Browser allows you to favorite your assets and arrange them in your own collections for quick access, which improves your workflow significantly. So let\u2019s look at them.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Favorites<\/h5>\n\n\n\n<p>You can assign any folder as favorites for quick access. Favorites is not enabled by default. You can enable it by clicking View Options in the bottom-right corner of the Content Browser and selecting Show Favorites. The Favorites section is visible above the main Content folder.Note<\/p>\n\n\n\n<p>Only folders can be assigned as favorites, not assets.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Collections<\/h5>\n\n\n\n<p>Collections&nbsp;allow you to organize your assets into separate collections. For example, if you are making an open-world game, you can make different collections for player buildings, urban buildings, objective buildings, quest props, and so on. Each collection can have child collections, and assets can be added or removed anytime. Removing an item from a collection does not remove the actual asset because it is simply holding a reference inside a collection. You can have the same asset in multiple collections and create as many collections as you wish.<\/p>\n\n\n\n<p>You can switch to Collections view by clicking the&nbsp;<strong>Switch to the Collections view<\/strong>&nbsp;button in the Content Browser.There are three types of collections\u2014Shared, Private, and Local.<\/p>\n\n\n\n<ul><li>A Shared Collection can be shared with other team members. You must have source control enabled for this option to work.<\/li><li>A Private Collection can be shared with anyone invited to view the collection. You must have source control enabled for this option to work.<\/li><li>A Local Collection is only available to you. It is not shared via the network. This option is always available regardless of your source control settings.<\/li><\/ul>\n\n\n\n<p>After creating a&nbsp;collection, you can drag and drop your assets into it. You can view the number of items available inside a collection.As you can see in Figure&nbsp;<a href=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/html\/496849_1_En_1_Chapter.xhtml#Fig10\">1-10<\/a>, to remove an asset from a collection, you must first select the collection, right-click the asset, and select&nbsp;<strong>Remove From<\/strong><em><strong>YourCollectionName<\/strong><\/em>. This removes the asset from the collection, but it does&nbsp;<em>not<\/em>&nbsp;delete the asset.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig9_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig9_HTML.jpg\"\/><figcaption>Figure 1-9.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig10_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig10_HTML.jpg\"\/><figcaption>Figure 1-10.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learning.oreilly.com\/library\/view\/beginning-unreal-engine\/9781484263969\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig11_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig11_HTML.jpg\"\/><figcaption>Figure 1-11.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/blog.coolcoding.cn\/wp-content\/uploads\/2021\/01\/496849_1_En_1_Fig12_HTML.jpg\" alt=\"..\/images\/496849_1_En_1_Chapter\/496849_1_En_1_Fig12_HTML.jpg\"\/><figcaption>Figure 1-12.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Details<\/h4>\n\n\n\n<p>The&nbsp;Details panel&nbsp;contains the selected actor\u2019s information and functions. It displays all the transform controls and all the editable properties of the specific actor. All the thumbnails in the Details panel can be double-clicked to open in respective editors. For example, double-clicking a Static Mesh thumbnail opens that mesh. Likewise, if you double-click a material thumbnail, it opens that material in the Material Editor.<\/p>\n\n\n\n<p>The Details panel also offers a search panel that filters properties based on the text. When properties are modified, a small yellow arrow is displayed next to it. This resets the property to its default value.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">World Outliner<\/h4>\n\n\n\n<p>The&nbsp;World Outliner&nbsp;displays all the actors in the current level. When a Play In Editor session is active, it shows all the actors spawned for the current game in yellow color. You can select any actor in the outliner, and the details panel shows all properties related to that actor. Drag and drop is also supported so you can drag an actor to another to attach it. Searching is also supported with advanced options such as exact match and exclusion.<\/p>\n\n\n\n<p>To exclude an item from search, append&nbsp;&#8211;&nbsp;to the search term; for example,&nbsp;<em>-table<\/em>&nbsp;shows everything except for any actor containing the term&nbsp;<em>table<\/em>.<\/p>\n\n\n\n<p>To search for an exact item, append&nbsp;<strong>+<\/strong>&nbsp;to the search term; for example,&nbsp;<em>+table<\/em>&nbsp;shows everything with the exact term&nbsp;<em>table<\/em>.<\/p>\n\n\n\n<p>To search for an exact item using the full term, put the term inside double quotes (&#8220;&#8221;); for example, &#8220;lunch table&#8221; shows everything with the exact term&nbsp;<em>lunch table<\/em>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Viewport<\/h4>\n\n\n\n<p>The&nbsp;viewport&nbsp;is where you spend most of your time developing your game. It is where you see the actual game, so understanding the viewport is crucial for your development. Pressing the G key toggles the viewport between game mode and editor mode. Game mode displays the scene as it appears in the game by hiding all editor-related elements.<\/p>\n\n\n\n<p>In addition to the maximized state of the viewport, Unreal Editor provides an additional state called&nbsp;<strong>Immersive mode<\/strong>&nbsp;<strong>,<\/strong>&nbsp;which is activated by pressing the&nbsp;<strong>F11<\/strong>&nbsp;shortcut key or accessing the viewport options. When activated, the viewport is maximized to the full extent of the window containing the viewport panel.The following&nbsp;explains&nbsp;how to navigate the viewport.<\/p>\n\n\n\n<ul><li>Right-click and hold the mouse. Use&nbsp;<strong>W<\/strong>,&nbsp;<strong>A<\/strong>,&nbsp;<strong>S<\/strong>,&nbsp;<strong>D<\/strong>&nbsp;to move around.<\/li><li>Left-click and hold the mouse. Move your mouse forward, backward, and sideways.<\/li><li>Hold the middle button on your mouse and move it to pan.<\/li><li>Right-click and hold your mouse. Move it to look around.<\/li><\/ul>\n\n\n\n<p>Knowing these shortcuts can improve your development workflow.On top of the viewport, you can see the viewport toolbar. It switches to different viewport layouts and view modes, moving\/rotating\/scaling assets, camera&nbsp;speed, and so forth. You can switch translation modes using the following shortcuts.<\/p>\n\n\n\n<ul><li><strong>W<\/strong>&nbsp;to move the actor<\/li><li><strong>E<\/strong>&nbsp;to rotate the actor<\/li><li><strong>R<\/strong>&nbsp;to scale the actor<\/li><\/ul>\n\n\n\n<p>Use the&nbsp;<strong>spacebar<\/strong>&nbsp;to toggle between all three selections.Note<\/p>\n\n\n\n<p>You can toggle the visibility of this toolbar by pressing&nbsp;<strong>Ctrl+Shift+T<\/strong>.<\/p>\n\n\n\n<p>At the very end of the toolbar, you see a number icon. This is the camera movement speed inside the editor. You can click it and adjust the slider to the right for faster camera movement or slide it to the left for slower camera movement. To quickly change it, press and hold the right mouse button inside the viewport, and use your mouse wheel to adjust the camera speed. Scroll up for higher speed and scroll down for lower speed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uff08Beginning Unreal Engine 4 Blueprints Visual Scripting: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/posts\/3353"}],"collection":[{"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3353"}],"version-history":[{"count":2,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/posts\/3353\/revisions"}],"predecessor-version":[{"id":3394,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=\/wp\/v2\/posts\/3353\/revisions\/3394"}],"wp:attachment":[{"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.coolcoding.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}