Difference between revisions of "How To Add a Splash Video (vsb)"

Latest revision as of 18:18, 2 October 2018

Name
How to add a splash video to be displayed on game startup (2 methods)

This tutorial shows you how to add a splash/logo video to be displayed when the game is launched. There are currently two methods available for adding a splash video. Personally I recommend using method 2 as it's a lot more flexible.

Quick note:We recommend using mkv (Matroska) with vp8 video codec & ogg (vorbis) audio codec because it's an open-container format & it also allows embedding of multiple language audio tracks & subtitles. For more information on Visionaire Studio & supported video formats, please check here.

Tutorial

Method 1: Intro movie

1. Click on on the main menu bar to open up the game properties tab.

2. Navigate to the Intro Movie field & open up the file selection dialog by clicking on this button.

3. now locate & select the video file that you want to use for your splash video. Click open & you're all done. Quick note: if the video resolution is not the same size as your default game resolution, don't forget to tick the scale movie checkbox.

Reference Video

Method 2: At begin start following action

1. Click on on the main menu bar to open up the game properties tab. Now navigate to the At begin start following action field & click on this icon to open up the game launch actions dialog window.

2. Now click on this icon on the toolbar to open up the action part selection dialog. Next locate & select the play video action part found under the multimedia category.

3. Now open up the select file dialog window by clicking on this button. Locate the video file you want to add, select it, then click on the open button. If you are done adding actions to the at begin start following action actions list, click on the close button to confirm & close the action dialog window. Quick note: using this method is really nice because you can chain multiple videos & splash images & various other things together to be shown when the game launches; unlike method 1 which only allows you to link a single video.

Reference Video

Resources

Name	Description
-	N/A

@@ Line 4: / Line 4: @@
 |-
 | How to add a splash video to be displayed on game startup (2 methods)
-|}{{AFRLme_Patreon}}
+|}
 This tutorial shows you how to add a splash/logo video to be displayed when the game is launched. There are currently two methods available for adding a splash video. Personally I recommend using method 2 as it's a lot more flexible.
+{| class="ts"
+|-
+| ''Quick note:We recommend using mkv (Matroska) with vp8 video codec & ogg (vorbis) audio codec because it's an open-container format & it also allows embedding of multiple language audio tracks & subtitles. For more information on Visionaire Studio & supported video formats, please check [[Video_Encoding|here]].''
+|}
 == Tutorial  ==
-=== Method 1: the built-in intro movie option ===
+=== Method 1: Intro movie ===
-. Click on [[File:game25_new.png|25px]] on the main menu bar to open up the game properties tab.
+. Click on [[File:game25_new.png|25px|link=]] on the main menu bar to open up the game properties tab.
-.
+[[File:video_splash_m1_(1).png|800px]]
+. Navigate to the '''Intro Movie''' field & open up the file selection dialog by clicking on this [[File:open_dialog_icon.png|25px|link=]] button.
-After you've done sorting out those images, open up the interface section of the editor & create a new interface. Now open up the properties for the interface & assign the image with the transparent background you created to the background image section. Tick the '''show interface permanently''' option & set displacement to '''absolute'''. Don't forget to set the class to something like '''miscellaneous'''. & that's it for that, you can now feel free to close the properties tab.
+[[File:video_splash_m1_(2).png|800px]]
-{| class="ts"
+. now locate & select the video file that you want to use for your splash video. Click '''open''' & you're all done. ''Quick note: if the video resolution is not the same size as your default game resolution, don't forget to tick the '''scale movie''' checkbox.''
-|-
-| ''Quick note #1: You may also want to create a temporary image the same size of your game default resolution with a solid color as it makes it easier to draw the interface area when you can see exactly what you are working with.''
-|-
-| ''Quick note: #2: You can create custom classes for interfaces with the explorer tool (ctrl/⌘ + e). I think we need to create documentation for the explorer tool, sorry for the inconvenience.''
-|}
-[[File:diwhc_1.png|800px]]
+[[File:video_splash_m1_(3).png|800px]]<!--html><img src="https://wiki.visionaire-tracker.net/images/5/55/Video_splash_m1.gif" width="100%"/></html-->
-Next you will be wanting to select the create and edit interface area button & then draw around the outer edges of your interface background. It should be approx. the same size as your default game resolution or greater. ''I recommend you use a temporary background image with a solid color to make it easier to draw around - if you do, then don't forget to set it back to the transparent background after you have finished setting the interface area.''
+==== Reference Video ====
+<html><iframe width="800" height="450" src="https://www.youtube.com/embed/mAVJ1K5bcDw" frameborder="0" allowfullscreen></iframe></html>
+----
+=== Method 2: At begin start following action ===
-[[File:diwhc_2.png|800px]]
+. Click on [[File:game25_new.png|25px|link=]] on the main menu bar to open up the game properties tab. Now navigate to the '''At begin start following action''' field & click on this icon [[File:open_action_dialog.png|25px|link=]] to open up the game launch actions dialog window.
-Now navigate over to the characters section of the editor, then navigate to the interfaces tab of your playable character & assign the new interface you have created to them otherwise it will not show up when the game is running.
+[[File:video_splash_m2_(1).png|800px]]
-[[File:diwhc_3.png|800px]]
+. Now click on this icon [[File:add_25.png|25px|link=]] on the toolbar to open up the action part selection dialog. Next locate & select the '''play video''' action part found under the '''multimedia''' category.
-Now navigate over to the game properties tab (cog icon on the main menu) & create an execute a script action part for the '''at begin start following action''' containing something along the lines of...
+[[File:video_splash_m2_(2).png|800px]]
-<syntaxhighlight>
-Interfaces["example"].Visible = false -- change example to the name of the interface you created earlier.
-</syntaxhighlight>
-[[File:diwhc_4.png|800px]]
+. Now open up the select file dialog window by clicking on this [[File:open_dialog_icon.png|25px|link=]] button. Locate the video file you want to add, select it, then click on the '''open''' button. If you are done adding actions to the '''at begin start following action''' actions list, click on the '''close''' button to confirm & close the action dialog window. ''Quick note: using this method is really nice because you can chain multiple videos & splash images & various other things together to be shown when the game launches; unlike method 1 which only allows you to link a single video.''
+[[File:video_splash_m2_(3).png|800px]]
-[[File:diwhc_5a.png|400px]] &nbsp; [[File:diwhc_5b.png|400px]]
+==== Reference Video ====
+<html><iframe width="800" height="450" src="https://www.youtube.com/embed/xgPkqehSWQ0" frameborder="0" allowfullscreen></iframe></html>

Difference between revisions of "How To Add a Splash Video (vsb)"

Latest revision as of 18:18, 2 October 2018

Tutorial

Method 1: Intro movie

Reference Video

Method 2: At begin start following action

Reference Video

Resources

Contents