Photoscenes: Difference between revisions

From Automation Game Wiki
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
Photoscene support was added 25th October 2017
Photoscene support was added 25th October 2017.
 
Beginning with LCv4.2, Automation supports player-customizable options for individual photoscenes.


There is an example photoscene mod included in the sdk. open it to see how it works. It is also available on the Steam Workshop as a mod.
There is an example photoscene mod included in the sdk. open it to see how it works. It is also available on the Steam Workshop as a mod.
Line 22: Line 24:
== Create A New Blank Mod ==
== Create A New Blank Mod ==


* Create a new Mod from the Blank Template[[File:UE4ModCreation 01.gif|none|frame]]<br />
* Create a new Mod from the Blank Template:
* fill out the wizard and press Create Mod[[File:UE4ModCreation 02.gif|none|thumb]]
* [[File:UE4ModCreation_01.gif|frameless]]<br />
* fill out the wizard and press Create Mod:
* [[File:UE4ModCreation_02.gif|frameless]]


== Create a New Blank Level ==
== Create a New Blank Level ==
Line 36: Line 40:


=== Level Creation Guidelines ===
=== Level Creation Guidelines ===
[[File:UE4ModCreation 24.gif|none|thumb]]
[[File:UE4ModCreation_24.gif|frameless]]
* The cars in-game check collision geometry 6m above the car and 2m below it for placing on the ground. Make sure any roofing or props in this range dont have collision enabled, or you're going to have a bad time trying to move the car in the photoscene.
* when you set the car to 'snap to ground', a ray is cast from 6m above the car, to 2m below the car. the car is 'placed' on the first surface it collides with. Make sure any roofing or props in this range dont have collision enabled, or the car will mistake them for the ground.
* Search the '''content browser''' for <code>A Car Locator</code>.
* Search the '''content browser''' for <code>A Car Locator</code>.
**These are the bookmarks for sub-level positions.
**These are the bookmarks for sub-level positions.
Line 53: Line 57:
=== Creating a Photoscene Widget ===
=== Creating a Photoscene Widget ===
From the <code>Content Browser</code>, add a Widget Blueprint to your mod folder.
From the <code>Content Browser</code>, add a Widget Blueprint to your mod folder.
[[File:Wiki Photoscene CreateWidgetBP.jpg|none|thumb|342x342px]]
 
[[File:Wiki_Photoscene_CreateWidgetBP.jpg|frameless|342x342px]]
 
Open the Widget, and from the <code>File</code> menu, select <code>Reparent Blueprint</code>.
Open the Widget, and from the <code>File</code> menu, select <code>Reparent Blueprint</code>.
[[File:Wiki Photoscene ReparentWidgetBP01.jpg|none|thumb|342x342px]]
 
[[File:Wiki_Photoscene_ReparentWidgetBP01.jpg|frameless|342x342px]]
 
In the menu that appears, find and select <code>Photo Scene Widget Base</code>.
In the menu that appears, find and select <code>Photo Scene Widget Base</code>.
[[File:Wiki Photoscene ReparentWidgetBP02.png|none|thumb|290x290px]]
 
[[File:Wiki_Photoscene_ReparentWidgetBP02.png|frameless|290x290px]]
 
From the Hierarchy window, delete the <code>Canvas Panel</code>.
From the Hierarchy window, delete the <code>Canvas Panel</code>.
[[File:Wiki Photoscene DeleteCanvas.png|none|thumb|300x300px]]
 
[[File:Wiki_Photoscene_DeleteCanvas.png|frameless|300x300px]]
 
You are now free to design the buttons, sliders, and drop-down menus, etc... to your heart's content!
You are now free to design the buttons, sliders, and drop-down menus, etc... to your heart's content!


Line 65: Line 77:


* Add all your buttons and options under a parent Vertical Box
* Add all your buttons and options under a parent Vertical Box
** your widget will appear under the <code>Level Settings</code> menu in the Photoscene, and as such do not have much horizontal space to work with.[[File:Wiki Photoscene Tips01.gif|none|thumb|300x300px]]
** your widget will appear under the <code>Level Settings</code> menu in the Photoscene, and as such do not have much horizontal space to work with.
* There are a few preset buttons and sliders you can use that will make your life easier. These can be searched for and used from the Palette menu, but feel free to design your own:
** [[File:Wiki_Photoscene_Tips01.gif|frameless|300x300px]]
* There are a few preset buttons and sliders you can use that will make your life easier. These can be searched for and used from the Palette menu, but feel free to design your own. More info on the functionality of these widgets can be found on the [[About Photoscene Blueprints]] page:
** Slider_Photo_Manager
** Slider_Photo_Manager
** UW_DropDown_Photoscene
** UW_DropDown_Photoscene
** Photoscene_Checkbox_UW
** Photoscene_Checkbox_UW
** UW_TextBox_Photoscene
** UW_TextBox_Photoscene
==== Using The Slider_Photo_Manager ====
The <code>Slider_Photo_Manager</code> is a slider with a title text, plus and minus buttons, and a text box for the current value which can be set and overridden by the player.
It has a <code>Value Changed</code> event that is called whenever the player changes the value of the slider, and this event should be utilized for setting your Photoscene settings.
The <code>Value Changed</code> event returns a <code>float</code> value.
The <code>Slider_Photo_Manager</code> has a few settings of note:
* Min Value:
** Defines the minimum number that the slider can naturally reach.
** Can be overridden using the text box by the player.
** Default is 0.
* Max Value:
** Defines the maximum number that the slider can naturally reach.
** Can be overridden using the text box by the player.
** Default is 1.
* Sig Figs:
** Defines the number of significant figures that will be displayed in the text box.
** Default is 3.
* Step Count:
** Defines the number of steps that are available in the slider.
** Default is 100.
** Useful when the slider range is massive, and you dont want the player to have to scrub through all values you may have available.
** For instance: if your slider has a min range of 0, and a max of 500, it may take the player a long time to incriment the value with their scroll wheel or using the +/- buttons, so setting a step count of 10 will mean that the player only has to press '+' 10 times to get from 0 to 500.
* Title Text:
** The text to display next to the slider. Useful for telling the player what this slider does.
** Default is empty/no text.
* Display Whole Numbers Only:
** Is a boolean, default is False.
** When True, ignores the <code>Sig Figs</code> value only when the number of significant integers is less than the number of significant figures.
** Will only display integer values, and ignores any fractional values the slider may have set.
** For instance, if you have a slider with a min of 0, a max of 3, and 30 steps, it is possible for the player to get any single-digit fraction of each integer (0, 0.1, 0.2, 0.3......... 1, 1.1, 1.2, 1.3....... 2, 2.1, 2.2, 2.3..... etc), and while you may want this functionality, you may not want to display that fractional value. Enabling this setting will mean that while the player can set the slider to 4.6, say, the slider will display that the value is 4, despite the actual value being 4.6.
==== Using The UW_DropDown_Photoscene ====
The <code>UW_DropDown_Photoscene</code> is a drop-down menu, with a title text, and a variable number of list options.
It has a <code>Value Changed</code> event that is called whenever the player changes the selected option. It returns a <code>String</code> value and an <code>Integer</code> Index value when called. The <code>String</code> value is the string text of the selected option, while the <code>Index</code> integer is the position of the currently selected string value in the array/list.
Remember that arrays start at 0. For example: a drop-down with four values, say, <code>one on, one off, both on, both off</code>, will have selected integers of <code>0,1,2,3</code>, respectively. If the player Selects <code>one off</code>, the <code>Value Changed</code> event will return a <code>string</code> value of <code>one off</code>, and an <code>index</code> of <code>1</code>.
The <code>UW_DropDown_Photoscene</code> has a few settings of note:
* Title Text:
** The text to display next to the drop-down. Useful for telling the player what the drop-down does.
** Default is empty/no text.
*Options:
**The number and names of the options available in the drop-down.
**You can have as many or as few as you want.
**Default is empty/no values.
*Selected Option:
**The string value of the default selected option for this drop-down.
**Should be identical to one of the <code>Options</code> list items.
**Default is empty/no value.
==== Using The Photoscene_CheckBox_UW ====
The <code>Photoscene_CheckBox_UW</code> is a tickbox/checkbox/disabled+enabled buttons.
It has a <code>Value Changed</code> event that is called whenever the player changes the setting. It returns a boolean which is <code>True</code> when the value is ticked/enabled/true, and returns <code>False</code> when the value is un-ticked/disabled/false.
It has a few settings of note:
* Title Text:
** The text to display next to the setting. Useful for telling the player what the setting does.
** Default is empty/no text.
*Default Value:
**Is a boolean. Sets the default value of this setting.
**Default is un-ticked/disabled/false.
*Use Buttons:
**Is a boolean. Switches the widget between the default disabled/enabled buttons, and a small check box with a disabled/enabled text. Useful for some things.
**Default is un-ticked/disabled/false.
==== Using The UW_TextBox_Photoscene ====
The <code>UW_TextBox_Photoscene</code> is a simple text box.
It has a <code>Text Updated</code> event that is called whenever the text changes from player input. It returns a <code>String</code> text which is the value of the text box.
It has a few settings of note:
* Text:
** Is the default text to display in the text box.
** Default is none/no text.
* Title Text:
** The text to display next to the setting. Useful for telling the player what the setting does.
** Default is empty/no text.


== Widget Functionality ==
== Widget Functionality ==
Line 162: Line 89:


From the 'Graph' view, hover over the <code>Functions</code> menu, and select <code>Override</code>.
From the 'Graph' view, hover over the <code>Functions</code> menu, and select <code>Override</code>.
[[File:Wiki Photoscene FunctionsOverride.png|none|thumb|433x433px|Note that most of the ones with 'User Widget' listed on the right are irrelevant. we only need to focus on the ones with 'Photo Scene Widget Base' as the parent]]
 
[[File:Wiki_Photoscene_FunctionsOverride.png|frameless|433x433px]]
 
Don't worry if these are overwhelming you, they will be explained more in-depth later.
Don't worry if these are overwhelming you, they will be explained more in-depth later.


Line 188: Line 117:


=== About the Photo_Scene_Parameter_Struct ===
=== About the Photo_Scene_Parameter_Struct ===
The <code>Photo_Scene_Parameter_Struct</code>is the combination name/value pair setting that is used for all photoscene/preset save game values. It is used in the <code>Get Current Parameter Values</code> function and the <code>Load Parameter Values</code> function.
Please see the main page on [[About Photoscene Blueprints#About the Photo Scene Parameter Struct]]
 
It consists of three primary settings:
 
* Parameter Name:
** Is the name/identifier for this setting. It is not displayed in-game, but is instead used in the save game file to store the identifier for this current variable. These need to be unique for all variables in this photoscene widget.
* Data Type
** Is the type of value being stored in this parameter.
** Ties in with the #Value.
** Each photoscene widget parameter can only contain one type of data, so chose wisely.
* #Value
** For the current parameter name and data type, this value is used. Match it to the <code>Data Type</code>setting.
 
For instance, if you have a <code>slider</code> that affects the <code>Brightness</code> of your photoscene, you would have a <code>Parameter Name</code> of something identifiable, like <code>SceneBrightness</code>, a <code>Data Type</code> of <code>Float</code>, and a <code>Float Val</code> equal to your <code>slider</code> value. If you had a <code>checkbox</code> instead, you would use a <code>data type</code> of <code>bool</code> and a <code>bool</code> val equal to your <code>checkbox</code> value.
 
For each setting your photoscene widget can change, you should use one <code>Photo_Scene_Parameter_Struct</code>.
[[File:Wiki Photoscene AboutThePhotoSceneParameterStruct01.png|none|thumb|300x300px]]


=== Using the Get Current Parameter Values function ===
=== Using the Get Current Parameter Values function ===
Line 212: Line 125:


You should use the <code>Make Array</code> node to input into the <code>return</code> node, with a number of <code>array elements</code> equal to the number of settings in your photoscene widget. Each <code>array element</code> should itself be wired to a <code>Make Photo_Scene_Parameter_Struct</code> node, with the <code>Parameter Name</code>, <code>Data Type</code>, and selected <code>data type</code> <code>Value</code> set.
You should use the <code>Make Array</code> node to input into the <code>return</code> node, with a number of <code>array elements</code> equal to the number of settings in your photoscene widget. Each <code>array element</code> should itself be wired to a <code>Make Photo_Scene_Parameter_Struct</code> node, with the <code>Parameter Name</code>, <code>Data Type</code>, and selected <code>data type</code> <code>Value</code> set.
[[File:Wiki Photoscene UsingGetCurrentParameterValues01.png|none|thumb|300x300px]]
 
[[File:Wiki_Photoscene_UsingGetCurrentParameterValues01.png|frameless|300x300px]]


=== Using the Level Finished Loading function ===
=== Using the Level Finished Loading function ===
Line 227: Line 141:
# if the <code>value</code> is found,
# if the <code>value</code> is found,
# apply it to whatever logic you use that value for.
# apply it to whatever logic you use that value for.
[[File:Wiki_Photoscene_loadparametervalues01.png|frameless|300x300px]]


[[File:Wiki Photoscene loadparametervalues01.png|none|thumb|300x300px]]
Remember that the value you are <code>find</code>ing has to be the same as the value you set for each setting in <code>Get Current Parameter Values</code>.
Remember that the value you are <code>find</code>ing has to be the same as the value you set for each setting in <code>Get Current Parameter Values</code>.



Latest revision as of 19:49, 2 March 2023

Photoscene support was added 25th October 2017.

Beginning with LCv4.2, Automation supports player-customizable options for individual photoscenes.

There is an example photoscene mod included in the sdk. open it to see how it works. It is also available on the Steam Workshop as a mod.

Workflow

  1. create a mod
  2. create and design a level
  3. (Optional) Create a photoscene Widget for player-customization
  4. create and fill out a Photoscene Level Preview file.
    1. create Thumbnail(s)
  5. Share your mod

Overview

A photoscene mod contains a set of files that define how the photoscene works, and what it looks like. It consists of the following:

  1. a level/scene
  2. a photoscene level preview file
  3. at least one thumbnail picture
  4. (optionally) a widget blueprint

Create A New Blank Mod

  • Create a new Mod from the Blank Template:
  • UE4ModCreation 01.gif
  • fill out the wizard and press Create Mod:
  • UE4ModCreation 02.gif

Create a New Blank Level

Create a new blank level in your mod plugin folder. Name it whatever you'd like.

Open the level by double-clicking it.

Design your level

do whatever you want to make your level be what you want.

This is not anything particular to Automation, but UE4 in General. Watch some of Epic's tutorials on this: https://www.youtube.com/watch?v=cl_eoVfNDKU&list=PLZlv_N0_O1gak1_FoAJVrEGiLIploeF3F

Level Creation Guidelines

UE4ModCreation 24.gif

  • when you set the car to 'snap to ground', a ray is cast from 6m above the car, to 2m below the car. the car is 'placed' on the first surface it collides with. Make sure any roofing or props in this range dont have collision enabled, or the car will mistake them for the ground.
  • Search the content browser for A Car Locator.
    • These are the bookmarks for sub-level positions.
    • Place them wherever you want the car to be, and in the Details panel, give them a name.
    • This name will show up in the levels menu in the photoscene as one of the sub-level positions.
    • You can have as many as you want.
    • if none are present, the car will spawn at 0,0,0
  • Currently, Stationary Lights are broken for Automation. use either static or movable lighting in your scenes.

Adding Customization Options To Your Photoscene

Beginning with LCv4.2, Automation supports player-customizable options for individual photoscenes.

You can set up your photoscene to allow the player to change the colour of the lighting, the time of day, whether street lights are turned on, etc... the world is your oyster!

Creating a Photoscene Widget

From the Content Browser, add a Widget Blueprint to your mod folder.

Wiki Photoscene CreateWidgetBP.jpg

Open the Widget, and from the File menu, select Reparent Blueprint.

Wiki Photoscene ReparentWidgetBP01.jpg

In the menu that appears, find and select Photo Scene Widget Base.

Wiki Photoscene ReparentWidgetBP02.png

From the Hierarchy window, delete the Canvas Panel.

Wiki Photoscene DeleteCanvas.png

You are now free to design the buttons, sliders, and drop-down menus, etc... to your heart's content!

Quick Tips:

  • Add all your buttons and options under a parent Vertical Box
    • your widget will appear under the Level Settings menu in the Photoscene, and as such do not have much horizontal space to work with.
    • Wiki Photoscene Tips01.gif
  • There are a few preset buttons and sliders you can use that will make your life easier. These can be searched for and used from the Palette menu, but feel free to design your own. More info on the functionality of these widgets can be found on the About Photoscene Blueprints page:
    • Slider_Photo_Manager
    • UW_DropDown_Photoscene
    • Photoscene_Checkbox_UW
    • UW_TextBox_Photoscene

Widget Functionality

The Photo Scene Widget Base parent type has a few function calls that you should be aware of, and use where necessary.

From the 'Graph' view, hover over the Functions menu, and select Override.

Wiki Photoscene FunctionsOverride.png

Don't worry if these are overwhelming you, they will be explained more in-depth later.

  • Check If Ray Tracing Updated:
    • Is called whenever any ray-tracing settings are updated.
    • This should mostly be ignored, as it is an internal function, but can be overridden if you find yourself running into discrepancies between ray-tracing and non-ray-tracing in your level.
    • Most discrepancies in ray-tracing are related to shadows and reflections, and as such, there is another function that should be used before this one. However, if you find yourself still struggling to get a scene looking good for both ray-traced and non-ray-traced graphics, then override this.
  • Get Current Parameter Values:
    • Is called by the Photoscene whenever it needs to ask this widget what the current UI values are.
    • The 'Return' node of this function is an array of Photo_Scene_Parameter_Struct values.
    • This should be used to send the values of your UI to the Photoscene Preset's 'return' node.
  • Level Finished Loading:
    • Is called whenever the Photoscene level has finished loading.
    • This is a safe way to initialize any values you want to set for the level or UI. when the photoscene is loaded from the level selection menu or a preset.
  • Load Parameter Values:
    • Is called when the Photoscene is loading your level from a preset.
    • Paths in an array of Photo_Scene_Parameter_Struct values.
    • This should be used to initialize your UI values, and apply their related settings to your level.
  • On Initialized:
    • Should be ignored, as it is an internal function.
  • Ray Tracing Settings Updated:
    • Is a helper function designed to call whenever a ray-tracing setting related to reflections, refraction, or shadows, is adjusted.
    • It Paths in a boolean that is True if any RT shadow, reflection, or translucency setting is enabled.
    • If you need further functionality for switching things when ray-tracing is on, please refer to the Check If Ray Tracing Updated function.

About the Photo_Scene_Parameter_Struct

Please see the main page on About Photoscene Blueprints#About the Photo Scene Parameter Struct

Using the Get Current Parameter Values function

This function is called whenever the photoscene preset tries to save this level and its associated settings.

The Get Current Parameter Values function expects an array of Photo_Scene_Parameter_Struct values.

You should use the Make Array node to input into the return node, with a number of array elements equal to the number of settings in your photoscene widget. Each array element should itself be wired to a Make Photo_Scene_Parameter_Struct node, with the Parameter Name, Data Type, and selected data type Value set.

Wiki Photoscene UsingGetCurrentParameterValues01.png

Using the Level Finished Loading function

This function is called whenever the photoscene level has finished loading. If you wish to set some parameters, find some actors, or otherwise initialize anything in your photoscene widget blueprint, do so here. This is a 'safe' version of On Initialized, as it is only called once the level itself and all its contents/actors have been loaded.

Using the Load Parameter Values function

Load Parameter Values is called whenever the photoscene is loading a preset which contains your photoscene level and its associated widget blueprint settings. Any preset that contains your level will contain a list of settings associated with your level (defined in Get Current Parameter Values), which will need to be applied.

It returns a map, which is a fancy version of an array , with key/value pairs for each array element. The Key for each element is the name you returned in Get current Parameter Values from

To apply each setting from the map to your level, The following method works well:

  1. Find the value associated with each of your Parameter Names, and;
  2. if the value is found,
  3. apply it to whatever logic you use that value for.

Wiki Photoscene loadparametervalues01.png

Remember that the value you are finding has to be the same as the value you set for each setting in Get Current Parameter Values.

Using the Ray Tracing Settings Updated function

This function is called every time a ray-tracing-related setting is updated. It returns True when any of the shadow, translucency, or reflections ray-tracing settings are enabled, or False when none of them are enabled.

This is useful when you have a material or mesh or other such thing which conflicts with a ray-traced scene. An example of such is the '10s Design Room photoscene, where the glass materials on the windows are swapped out for a ray-tracing optimised version when ray-tracing is enabled, and swapped back to the standard material when ray-tracing is disabled.

Creating a Photoscene Level Preview file

The Photoscene level preview file contains the overall information about your photoscene, as well as links to the optional widget blueprint, the thumbnail picture(s), and the actual level.

Create a PhotosceneLevelPreview file by right-clicking in the content browser, and from the camso group, select Photo Scene Level.

The PhotoSceneLevelPreview file contains the following settings:

  • Name:
    • This is the name of your photoscene. It will appear in-game as the name of the level in the level selection menu.
  • Default Locator Name:
    • This is the name of the a_car_locator actor that you wish to be the default location of the car when the scene is first loaded.
  • GUID:
    • This is an unique GUID that you should generate for this photoscene. It must be unique to any other GUID.
    • When first creating your photoscene, generate a new GUID for it by opening the photoscene level preview file and from the drop-down to the right of the GUID setting, select Generate.
  • Level Preview Images:
    • The photoscene level selection menu displays any number of thumbnail pictures for each photoscene, and will cycle between them slowly whenever the player hovers their mouse over the icon.
    • You can have as many or as few as you like. If you only have one, only one will be displayed. If you have more than one, they will cycle through each other as the player hovers over the icon.
    • Preview images will be flood filled to a 16:9 aspect ratio in the level selection menu.
      • Because of this, they should be no larger than 512 pixels wide, as any larger texture will take up texture memory on the players' GPU but not actually impact the visual quality of the icon.
      • Textures that are taller or wider than 16:9 will be clipped at the edges. The textures are flood-filled to the 16:9 thumbnail icon, and any texture space outside of that is ignored.
    • Preview images should not contain an alpha channel. If an alpha channel is supplied, then the texture will be invisible in-game, and your thumbnail will be completely red.
    • Optimal settings for your thumbnail textures:
      • maximum horizontal resolution of 512 pixels
      • DXT1 compression
      • sRGB True
      • Has alpha channel: False
  • Level:
    • This is a link/reference to your actual level.
  • Year:
    • This is the level's associated year.
    • It is displayed in the level selection menu next to the level's name.
    • It currently has no other purpose, but could be used in future Automation updates to lock off certain levels during the campaign.
  • Is Designer Level:
    • this is used for if your photoscene level also contains the required blueprints and actors to function as a car and engine designer, and you wish for players to be able to select your photoscene as their car and/or engine designer level.
    • Default is False
  • Opt Custom Level Widget:
    • If your photoscene contains player-adjustable settings, and you have correctly set up a photoscene widget blueprint, then this setting should be set to your photoscene widget blueprint.

Share Your Mod.

Go to the Modding page to see how to share your mod.