[et_pb_section fb_built=”1″ admin_label=”Hero Section” _builder_version=”4.0.6″ use_background_color_gradient=”on” background_color_gradient_start=”#1a202d” background_color_gradient_end=”#000b16″ custom_padding=”10px|0px|30px|0px|false|false” global_colors_info=”{}”][et_pb_row _builder_version=”3.25″ custom_padding=”27px|0px|0|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2018/10/Documentationv3.png” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”3.23″ max_width=”92%” module_alignment=”center” animation_style=”slide” animation_direction=”top” animation_duration=”700ms” animation_intensity_slide=”1%” animation_starting_opacity=”34%” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”||21px” custom_padding=”0|0px|17px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e2e2e2″ text_font_size=”40px” text_line_height=”1.2em” ul_font=”||||||||” header_font=”Poppins|500|||||||” header_font_size=”44px” header_line_height=”1.3em” header_2_font=”||||||||” header_3_font=”||||||||” header_4_font=”||||||||” text_orientation=”center” background_layout=”dark” max_width=”700px” module_alignment=”center” animation_style=”bounce” animation_duration=”550ms” global_colors_info=”{}”]

3D Modern Menu – 1.2.2

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|0|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.14.7″ text_font=”Quicksand|500|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]1.0 INTRODUCTION
1.1 GETTING STARTED
1.2 ADDING/REMOVING MENUS
1.3 EVENT SYSTEM
2.1 THEME EDITOR
2.2 LINKING TO THEME
3.1 MOBILE PROJECTS
3.2 INTEGRATIONS
3.3 USING EXISTING CAMERAS
4.1 TIPS
4.2 LEGACY MENU
5.1 UPGRADING to 2019
5.2 WEBGL FONT ERRORS
6.1 SUPPORT

1.0 INTRODUCTION

3D Modern Menu is a full 3D World Space native uGUI Complete Modern Main Menu template with a Theme Editor and TextMeshPro integration. Download and set up with your project in minutes!

If you want to learn how to make this project from scratch, I have a YouTube tutorial series that walks you through every step (outdated version of Unity though). This version has been converted to C# but the YouTube version was written in JavaScript since it was a while ago. The base scripts are all there and you can customize them as you wish. This project is free to use and I hope to see some cool variations of it in the future!

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”16px|auto||auto||” custom_padding=”0|0px|22px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

1.1 GETTING STARTED

To test the features of the menu, open the demo scene “Menu_Scene” and hit play. The scene uses the latest menu prefab “Main_Menu_New.” If you want to use a blank scene and add the menu, make sure there is no EventSystem already in the scene and then drag + drop the menu prefab in the Hierarchy. If you have an EventSystem previously added, disable the EventSystem game object under the menu prefab.

1) Make sure to install the Post Processing from the package manager as it’s used in the prefab. Otherwise you’ll get missing script errors.

2) Check your Build Settings, and add Menu_Scene as well as Second_Scene if they aren’t there already.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/GettingStarted.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ module_alignment=”center” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.0.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”339px” custom_padding=”41px|0px|17px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

1.2 ADDING/REMOVING MENUS

Modifying the buttons and menus can be adjusted with 3 steps.

1) Adjusting the button prefabs under the VerticalLayout will let you rearrange them or add/remove. Simplfy Ctrl+D (Cmd+D on Mac) a button and adjust the text. Unity will automatically align it properly.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/AdjustingButtons.jpg” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ max_width=”95%” module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”339px” custom_padding=”12px|0px|69px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ height=”59px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

2) In the MainMenu script inspector settings, under the Menus dropdown list, each element should correspond to each possible menu in the main menu screen (not the settings screen). If at any point in the menus lifetime you want a menu to appear or dissappear, it should be under this list.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/MenuDropdown.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ max_width=”95%” module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.0.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”339px” custom_padding=”20px|0px|32px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ height=”40px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

3) Each button prefabs Button component has an OnClick() event. Assign the Camera object in a new field, and assign MainMenu.OpenMenu. The number value should match the index of the menu that you want to open. 0 = First menu, 1 = second menu, etc…

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/OnClick.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ max_width=”95%” module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”2_3,1_3″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”339px” custom_padding=”9px|0px|69px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ height=”57px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

1.3 EVENT SYSTEM

The menu prefabs have an EventSystem included already as a game object, so if you have an EventSystem previously added in your scene, disable the EventSystem game object under the menu prefab and Unity will use your existing one.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/EventSystem.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ max_width=”95%” module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|57px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

2.1 THEME EDITOR

You can quickly change the color theme sets for all the buttons and graphics using the Theme Editor. Under SlimUI/Data, you will see a Theme Editor file.

There are 3 presets for color combinations. Graphic X and Text X correspond to Image components and TextMeshPro components respectively.

To assign the color combination sets, select “Camera” under the menu prefab, and in the Inspector settings under the MainMenuScript component, select from the Theme drop down menu.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/ThemeEditor.jpg” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ width=”100%” max_width=”100%” module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.0.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”13px|0px|66px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ height=”127px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

2.2 LINKING TO THEME

Linking Image or TextMeshPro components to use the selected theme colors is very simple to do. Select the Image or Text that you want controlled by the theme and add the ThemeUIElement component. Tick the appropriate box matching the component type.

In the Theme Controller field, assign the Theme Editor file that you want to pull color values from. You can find the demo theme editor file under SlimUI/Data.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/LinkingToThemev2.jpg” force_fullwidth=”on” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ module_alignment=”center” filter_brightness=”95%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|67px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ height=”100px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

3.1 MOBILE PROJECTS

If you are building a project for mobile, use the Menu_Scene_MOBILE or drag + drop the Main_Menu_Mobile prefab into a new scene. The rules for the Event System apply (Section 1.2).

Make sure that “Is Mobile” is ticked, which will allow the First menu in the menu list to start enabled.

The mobile menu is virtually identical to the normal menu so set-up and integration are equal, while the visuals are significantly varied.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/Mobile.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ width=”68%” max_width=”100%” module_alignment=”center” filter_brightness=”120%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|78px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

3.2 INTEGRATIONS

If you are adding Modern Menu to an existing scene, drag + drop the prefab in your scene and the menu will start to function automatically.

If you have an existing event system, disable the menu’s event system game object per Section 1.2.

When you’re returning to the main menu at any point, make sure TimeScale is set to 1 otherwise the aimations in the menu won’t trigger.

If the Post Processing script is missing or giving an error, you might not have Post-Processing installed in the Package Manager. You can disable the POST game object to fix this, or install Post Processing Stack V2.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|67px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

3.3 USING EXISTING CAMERAS

If the Camera depth isn’t rendering properly, you can adjust it to have the menu camera render only the UI layer by setting the “Culling Mask” to UI so you can keep the menu animations while swapping the background for your own scene. Set the Canvas elements’ layer to UI.

Make sure to set the “Clear Flags” setting to Depth Only to only render the UI Layer without the background.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/CullingMask.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ width=”68%” max_width=”100%” module_alignment=”center” filter_brightness=”120%” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”2_3,1_3″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0|0px|49px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” _builder_version=”4.0.6″ width=”100%” height=”57px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

4.1 TIPS

Every variable has a tooltip describing it’s function, so you don’t have to guess what each variable is for!

Just hover over the variable to see it’s description.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/ToolTips.jpg” force_fullwidth=”on” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ module_alignment=”center” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”2_3,1_3″ _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”197px” custom_padding=”0|0px|68px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

4.2 LEGACY MENU

If you’re upgrading from an earlier version of Modern Menu, you’ll be familiar with the Main_Menu_Legacy prefab and its contents.

It’s not actively used in the project but it’s identical to the old design before the prefab was ugpraded to use the Theme Editor and Nested prefabs.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://www.slimui.com/wp-content/uploads/2020/11/LegacyMenu.jpg” force_fullwidth=”on” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.0.6″ module_alignment=”center” box_shadow_style=”preset1″ global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.0.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|auto||auto||” custom_padding=”13px|0px|86px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

5.1 UPGRADING TO 2019

In Unity 2019, the Package Manager was introduced, allowing a new streamlined way to handle Asset and Package imports. 3D Modern Menu 2018 uses Unity’s outdated system, so in order to upgrade to 2019 you need to follow a few steps.

1) POST PROCESSING: Install Post Processing from the Package Manager if you haven’t already. This will allow the Post Processing scripts to re-link. If you don’t want Stack Post Processing enabled, delete the POST game object from the menu prefab.

2) TEXT MESH PRO: TextMeshPro 2019 requires .Net 4.x Scripting Runtime. If you don’t have your project settings set to this, you’ll have many errors in the console for TextMeshPro. You can find the settings under ProjectSettings/Player/OtherSettings.

2.1) Once you open a scene with TextMeshPro objects, or if you’re installing the menu from the Package Manager in Unity 2019, you should be prompted to Import TMP Essentials.

2.2) If you have a TextMeshPro folder under your Assets left over from the 2018 version, delete the folder since it is obselete.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.0.6″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|auto||auto||” custom_padding=”13px|0px|86px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.14.7″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]

5.2 WEBGL FONT ERRORS

When building a WebGL Project using 3D Modern Menu, make sure to duplicate the font and use it exclusively for the UI instead of the default font to avoid invisible text on build.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|auto||auto||” custom_padding=”13px|0px|86px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.6″ text_font=”Quicksand|300|||||||” text_text_color=”#e0e0e0″ text_font_size=”21px” header_font=”Quicksand|500|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_2_text_color=”#ffffff” global_colors_info=”{}”]

6.1 SUPPORT

For direct support, join our Discord: discord.gg/7cK4KBf

NOTE* There are PlayerPref values being saved to store data. That way, when you load up the project, the previous values for sliders are saved.

NOTE* The objects that have scripts on them are “Camera” “SFXSliderSound” and “Canv_Options.” Other than that, no other objects have any scripts on them.

Note* If you have a “Mission (Mono Script)” error on the POST game object, install Post Processing from the Package Manager.

NOTE* If you are using a version before 1.0.7 and materials in your scene are missing or blank, delete the Particle FX shaders included in the Modern Menu package OR upgrade to 1.0.7. Newer versions of Unity aren’t compatible with older shaders.

NOTE* The Key Bindings do not have any functions! They are just designed in the layout but are not programmed. You will have to program the input detection.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.25″ custom_padding=”47px|0px|27px|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider color=”#ffffff” divider_weight=”1px” _builder_version=”3.16.1″ height=”32px” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”3.27.4″ text_font=”|300|||||||” text_text_color=”#ffffff” text_font_size=”37px” text_line_height=”1em” global_colors_info=”{}”]

Have a suggestion to improve the documentation or package?

[/et_pb_text][et_pb_contact_form email=”andrei@shulgach.com” success_message=”Thank you for contacting us! We will get back to you as soon as we can.” submit_button_text=”Send” module_id=”et_pb_contact_form_0″ _builder_version=”4.13.0″ _unique_id=”ecd76bf1-951b-480d-a0d3-4d916b387f94″ form_field_background_color=”#111926″ form_field_text_color=”#bfbfbf” title_font=”Lato||||||||” title_text_color=”#BE353D” title_font_size=”20px” form_field_font=”Quicksand||||||||” form_field_font_size=”16px” form_field_line_height=”1.3em” custom_button=”on” button_text_size=”20px” button_text_color=”#bfbfbf” button_border_width=”1px” button_border_color=”#bfbfbf” button_border_radius=”0px” button_letter_spacing=”0px” button_font=”Quicksand||||||||” button_icon=”E||divi||400″ text_orientation=”left” max_width=”100%” form_background_color=”#111926″ global_module=”745″ saved_tabs=”all” global_colors_info=”{}”][et_pb_contact_field field_id=”Name” field_title=”Full Name” _builder_version=”3.16.1″ max_width=”100%” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”Reason” field_title=”Category” field_type=”select” select_options=”%91{%22value%22:%22General Inquiry%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22Product Support%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22Documentation Feedback%22,%22checked%22:0,%22dragID%22:1}%93″ _builder_version=”3.17.2″ form_field_text_color=”#bfbfbf” form_field_text_align=”left” form_field_font_size=”18px” form_field_letter_spacing=”0px” form_field_line_height=”1.2em” max_width=”100%” global_colors_info=”{}”][/et_pb_contact_field][et_pb_contact_field field_id=”Email” field_title=”Email Address” field_type=”email” _builder_version=”3.17.2″ max_width=”100%” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”Package” field_title=”Package Name” field_type=”select” select_options=”%91{%22value%22:%22Console Cursors%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22Vivid %22,%22checked%22:0,%22dragID%22:4},{%22value%22:%22Essence | Complete Menu%22,%22checked%22:0,%22dragID%22:1},{%22value%22:%22Tech Menu%22,%22checked%22:0,%22dragID%22:2},{%22value%22:%223D Modern Menu 1%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22Clean Menu%22,%22checked%22:0,%22dragID%22:3},{%22value%22:%22Clean Menu 2%22,%22checked%22:0,%22dragID%22:5}%93″ _builder_version=”3.26″ max_width=”100%” global_colors_info=”{}”][/et_pb_contact_field][et_pb_contact_field field_id=”Message” field_title=”Message” field_type=”text” fullwidth_field=”on” _builder_version=”3.16″ max_width=”100%” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][/et_pb_contact_form][/et_pb_column][/et_pb_row][/et_pb_section]