Difference between revisions of "Tutorials"

From The Official Visionaire Studio: Adventure Game Engine Wiki
m
 
(80 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
Here you can find a list of tutorials & how to guides for Visionaire Studio by various members of the Visionaire Studio Team & its users.
 
Here you can find a list of tutorials & how to guides for Visionaire Studio by various members of the Visionaire Studio Team & its users.
  
== Basic ==
+
Some of the tutorials might contain screenshots from previous versions of Visionaire Studio, but the described concepts are still working. We outsourced some of the older tutorials (video tutorials mainly) to our [[Legacy Tutorials|legacy tutorials page]] though. They may still be worth a look.
 +
 
 +
''If you have written/filmed your own Visionaire tutorial and would like to see it added to that list, please tell us on our [https://discord.gg/g5zFejW Discord] or in the [http://visionaire-studio.net forum].''
 +
 
 +
 
 +
== Text / Image Tutorials ==
 +
 
 +
=== Characters ===
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left" | Tutorial Name
 +
! style="text-align:left;width:10%" | Level
 +
! style="text-align:left;width:10%" | By
 +
|-
 +
| [[Dynamic_Character_Blinking_(h2) | Dynamic character blinking for your characters]] || Basic || AFRLme
 +
|-
 +
| [[Dynamic_Footstep_Sounds_(h2) | Dynamic footstep sounds]] || Basic || Lebostein
 +
|-
 +
| [[Lip_sync|Lip Sync with "Rhubarb" in Visionaire Studio]] || Intermediate || AFRLme
 +
|}
 +
 
 +
=== Scenes & Menus ===
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left" | Tutorial Name
 +
! style="text-align:left;width:10%" | Level
 +
! style="text-align:left;width:10%" | By
 +
|-
 +
| [[Building a Save/Load Menu]] || Intermediate || Esmeralda (+ Einzelkämpfer)
 +
|-
 +
| [[Dynamic_Clouds_(h2)|Dynamic clouds (random scale, image & speed)]] || Advanced || AFRLme
 +
|-
 +
| [[Hotspots_(h2) | '''Hotspot hightlighting''' using images or animations]] || Basic || AFRLme
 +
|-
 +
| [[How_To_Create_a_Scene_Within_a_Scene_(h2)|How to create a scene within a scene]] || Intermediate || AFRLme
 +
|-
 +
| [[How_to_use_the_object_mask_plugin_(h2) | How to use the object mask plugin]] || Basic || AFRLme
 +
|-
 +
| [[Menu_101_(h2) | Menu 101 - A guide to creating menus in Visionaire Studio]] || Basic || AFRLme
 +
|}
 +
 
 +
=== Interfaces ===
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left" | Tutorial Name
 +
! style="text-align:left;width:10%" | Level
 +
! style="text-align:left;width:10%" | By
 +
|-
 +
| [[Verb Coin Interface Tutorial Part 1 | Set up a verb coin interface with screen-centered inventory (MI3 style)]] || Intermediate || Einzelkämpfer
 +
|}
 +
 
 +
=== Animation ===
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
 
! style="text-align:left" | Tutorial Name  
 
! style="text-align:left" | Tutorial Name  
 +
! style="text-align:left;width:10%" | Level
 
! style="text-align:left;width:10%" | By
 
! style="text-align:left;width:10%" | By
 
|-
 
|-
| [[Hotspots_(h2)|How to create '''hotspots''' using images or animations]] || AFRLme
+
| [[Pendulum_Animation_(h2) | Turn your regular animation into a pendulum animation with only 2 lines of Lua script]] || Basic || AFRLme
 +
|}
 +
 
 +
=== Audio/Video ===
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left" | Tutorial Name
 +
! style="text-align:left;width:10%" | Level
 +
! style="text-align:left;width:10%" | By
 
|-
 
|-
| [[Prevent_Video_and_Cutscene_Skipping_(h2)|<strike>How to prevent skipping of '''cutscenes''' & '''videos'''</strike> (videos still skip)]] || AFRLme
+
| [[How_To_Add_a_Splash_Video_(vsb) | How to add a splash video]] || Basic || AFRLme
 
|}
 
|}
  
== Intermediate ==
+
=== Little Helpers ===
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
 
! style="text-align:left" | Tutorial Name  
 
! style="text-align:left" | Tutorial Name  
 +
! style="text-align:left;width:10%" | Level
 
! style="text-align:left;width:10%" | By
 
! style="text-align:left;width:10%" | By
 
|-
 
|-
| [[Dynamic_Lighting_(h2)|How to create '''dynamic lighting''' effects using images]] || AFRLme
+
| [[Playtime_Counter_(h2)|How to create a simple '''playtime counter''' using a value, display text & a few lines of Lua script]] || Intermediate || AFRLme
 
|}
 
|}
  
== Advanced ==
+
=== SFX ===
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
! style="text-align:left" | Tutorial Name
+
! style="text-align:left" | Tutorial Name  
 +
! style="text-align:left;width:10%" | Level
 
! style="text-align:left;width:10%" | By
 
! style="text-align:left;width:10%" | By
 
|-
 
|-
| [[Dynamic_Clouds_(h2)|How to create dynamic clouds (random scale, image & speed)]] || AFRLme
+
| [[Dynamic_Lighting_(h2)|A '''dynamic lighting''' effect using images]] || Intermediate || AFRLme
 +
|}
 +
 
 +
=== General Developing ===
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left" | Tutorial Name
 +
! style="text-align:left;width:10%" | Level
 +
! style="text-align:left;width:10%" | By
 +
|-
 +
| [[Runtime_Log_Monitoring_(h2) | Sort out real-time log monitoring]] || Basic || AFRLme
 +
|}
 +
 
 +
 
 +
 
 +
== Video Tutorials ==
 +
 
 +
=== Sebastian's Video Tutorials ===
 +
''These tutorials are intended for Visionaire Studio 5.x. Most of them are in German. A [https://www.youtube.com/playlist?list=PLa6srWP2Al8_dKXaqkmZgfrloQzlTHNWD YouTube Playlist] is available.''
 +
 
 +
{| class="ts sortable" style="width:100%"
 +
|-
 +
! style="text-align:left; width:30px;" | #
 +
! style="text-align:left" | Der Hitchhiker's Guide zu Visionaire Studio 5 [DE] || The Hitchhiker's Guide to Visionaire Studio 5 [EN]
 +
|-
 +
| 00 || [https://www.youtube.com/watch?v=cyMbp_FE0nc Vorstellung] ||
 +
|-
 +
| 01 || [https://www.youtube.com/watch?v=wkxxPAMyBzE Projektplanung & Übersicht] ||
 +
|-
 +
| 02 || [https://www.youtube.com/watch?v=hp2K1HynK8U Mauszeiger, Schriftarten & Charaktere] ||
 +
|-
 +
| 03 || [https://www.youtube.com/watch?v=c8AkL4o93xk Erste Szene & Wegsysteme] ||
 +
|-
 +
| 04 || [https://www.youtube.com/watch?v=bRy_hjJFfLw Charakterskalierung & Lightmaps] ||
 +
|-
 +
| 05 || [https://www.youtube.com/watch?v=2XCiFgKlYLI Deponia / Baphomets Fluch 1-Click Interface] ||
 +
|-
 +
| 06 || [https://www.youtube.com/watch?v=NrxN9txfVLw Sam & Max Hit the Road Interface] ||
 +
|-
 +
| 07 || [https://www.youtube.com/watch?v=xZxErCsbZLs SCUMM Interface] ||
 +
|-
 +
| 08 || [https://www.youtube.com/watch?v=rjejktxXQTw Verb Coin Interface] ||
 +
|-
 +
| 09 || [https://www.youtube.com/watch?v=ZWFwS3m4gdw Items] ||
 +
|-
 +
| 10 || [https://www.youtube.com/watch?v=0wUAjjXaejw Das klassische Inventar] ||
 +
|-
 +
| 11 || [https://www.youtube.com/watch?v=n6q0jNcLjFA Das moderne Inventar] ||
 +
|-
 +
| 12 || [https://www.youtube.com/watch?v=YGv4MJ67_Kk Kommentargruppen] ||
 +
|-
 +
| 13 || [https://www.youtube.com/watch?v=8alX9VcFyDw Hotspot-Animationen] ||
 +
|-
 +
| 14 || [https://www.youtube.com/watch?v=ZJda0O-ll5Q Standard Dialog System] ||
 +
|-
 +
| 15 || [https://www.youtube.com/watch?v=hndETo2h4dI Das Puzzle] ||
 +
|-
 +
| 16 || [https://www.youtube.com/watch?v=uwOhSlZnslU Spielstand Speichern & Laden] ||
 +
|-
 +
| 17 || [https://www.youtube.com/watch?v=d05YPEL4_U8 Lua Crashkurs (1/2)] ||
 +
|-
 +
| 18 || [https://www.youtube.com/watch?v=4Dm57p_sZKs Lua Crashkurs (2/2)] ||  
 +
|-
 +
| 19 || [https://www.youtube.com/watch?v=K3rytWt9Sss Individuelles Drag & Drop] ||
 +
|-
 +
| 20 || [https://www.youtube.com/watch?v=iw34-nYtBOo Gamepad-integration] || [https://www.youtube.com/watch?v=7orjQa6_jQw Gamepad Integration]
 +
|-
 +
| 21 || [https://www.youtube.com/watch?v=dn_X6OsozZI Sprechblasen] || [https://www.youtube.com/watch?v=wV6Fh_baPkk Speechbubbles]
 
|}
 
|}
  
== Videos ==
 
  
=== Redspark's Video Tutorial Series ===
+
=== William Kruger's Video Tutorials ===
 +
''These tutorials are intended for Visionaire Studio 5.x.''
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
 
! style="text-align:left; width:30px;" | #
 
! style="text-align:left; width:30px;" | #
! style="text-align:left" | Miscellaneous
+
! style="text-align:left" | Video Tutorial
 +
! style="text-align:left" class="unsortable" | PDF Tutorial
 +
! style="text-align:left" class="unsortable" | Project Files
 +
|-
 +
| 01 || [https://www.youtube.com/watch?v=N0CCPeEfe1E Creating a scene from scratch]  || [[Media:Manual_01_first_scene.pdf|Download PDF]] || [[Media:Manual_01_first_scene.zip|Download ZIP]]
 +
|-
 +
| 02 || [https://www.youtube.com/watch?v=orivVqrl4ao Scene animations] || [[Media:Manual_02_animations.pdf|Download PDF]] || [[Media:Manual_02_animations.zip|Download ZIP]]
 +
|-
 +
| 03 || [https://www.youtube.com/watch?v=TwNAjRAPZSg Fonts] || [[Media:Manual_03_fonts.pdf|Download PDF]] || [[Media:Manual_03_fonts.zip|Download ZIP]]
 +
|-
 +
| 04.1 || [https://www.youtube.com/watch?v=qfFc79dvwQQ Graphical Elements (part 1)] || rowspan="2" style="vertical-align:middle" | [[Media:Manual_04_graphics.pdf|Download PDF]] || rowspan="2" style="vertical-align:middle" | [[Media:Manual_04_graphics.zip|Download ZIP]]
 +
|-
 +
| 04.2 || [https://www.youtube.com/watch?v=y8p-FiBe7AM Graphical Elements (part 2)]
 +
|-
 +
| 05 || [https://www.youtube.com/watch?v=oIUchGtBPzY Inventory] || [[Media:Manual_05_inventory.pdf|Download PDF]] || [[Media:Manual_05_inventory.zip|Download ZIP]]
 +
|-
 +
| 06 || [https://www.youtube.com/watch?v=0GM7BF9kjF8 Combined Commands] || [[Media:Manual_06_combined_commands.pdf|Download PDF]] || [[Media:Manual_06_combined_commands.zip|Download ZIP]]
 +
|-
 +
| 07.1 || [https://www.youtube.com/watch?v=7OY5WwPC7dA Conditions (part 1)] || [[Media:Manual_07-1_conditions.pdf|Download PDF]] || [[Media:Manual_07-1_conditions.zip|Download ZIP]]
 +
|-
 +
| 07.2 || [https://www.youtube.com/watch?v=AQxMYxgD07A Conditions (part 2)] || [[Media:Manual_07-2_conditions.pdf|Download PDF]] || [[Media:Manual_07-2_conditions.zip|Download ZIP]]
 +
|-
 +
| 08 || [https://www.youtube.com/watch?v=5WY_oujyVnc Changing Scenes] || [[Media:Manual_08_changing_scenes.pdf|Download PDF]] || [[Media:Manual_08_changing_scenes.zip|Download ZIP]]
 +
|-
 +
| 09 || [https://www.youtube.com/watch?v=EYNGRpdBGow Draggable Inventory Items] || [[Media:Manual_09_draggable_items.pdf|Download PDF]] || [[Media:Manual_09_draggable_items.zip|Download ZIP]]
 +
|-
 +
| 10 || [https://www.youtube.com/watch?v=JfbNxR8z17Q If Statements] || [[Media:Manual_10_if_conditions.pdf|Download PDF]] || [[Media:Manual_10_if_conditions.zip|Download ZIP]]
 +
|-
 +
| 11 || [https://www.youtube.com/watch?v=li-Gx0PNu24 Values] || [[Media:Manual_11_values.pdf|Download PDF]] || [[Media:Manual_11_values.zip|Download ZIP]]
 +
|-
 +
| 12.1 || [https://www.youtube.com/watch?v=EcuRitbd7pg NPC's (non-playable character)] || [[Media:Manual_12_NPC.pdf|Download PDF]] || [[Media:Manual_12_NPC.zip|Download ZIP]]
 
|-
 
|-
| 01 || [https://www.youtube.com/watch?v=2wtMCgcyA0M Setting up a Visionaire project]
+
| 12.2 || [https://youtu.be/mEbq80qjljE Outfits] || [[Media:Manual_12-2_outfits.pdf|Download PDF]] || [[Media:Manual_12-2_outfits.zip|Download ZIP]]
 +
|-
 +
| 13 || [https://youtu.be/hNSnXptO1xM Character Animations] || [[Media:Manual_13_character_animations.pdf|Download PDF]] || [[Media:Manual_13_character_animations.zip|Download ZIP]]
 +
|-
 +
| 14 || [https://youtu.be/woj4U8xEslg Audio] || [[Media:Manual_14_audio.pdf|Download PDF]] || [[Media:Manual_14_audio.zip|Download ZIP]]
 +
|-
 +
| 15 || [https://youtu.be/DjEzqpc9t10 Light Maps] || [[Media:Manual_15_lightmap.pdf|Download PDF]] || [[Media:Manual_15_lightmap.zip|Download ZIP]]
 +
|-
 +
| 16.1 || [https://youtu.be/UxPmv_DcKNI Dialogue Basics] || [[Media:Manual_16-1_dialog.pdf|Download PDF]] || [[Media:Manual_16-1_dialog.zip|Download ZIP]]
 +
|-
 +
| 17 || [https://www.youtube.com/watch?v=sRq840jwvxE Advanced (various)] ||  ||
 
|}
 
|}
----
+
 
 +
 
 +
=== Redspark's Video Tutorials ===
 +
''These tutorials are intended for Visionaire Studio 5.x.''
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
Line 46: Line 218:
 
! style="text-align:left" | New Game Essentials
 
! style="text-align:left" | New Game Essentials
 
|-
 
|-
| 01 || [https://www.youtube.com/watch?v=ZmS--K7nwfU Starting a new adventure]
+
| 01 || [https://www.youtube.com/watch?v=NIOr4bsEmIY Visionaire Studio 5: Project Setup]
 +
|}
 +
 
 +
{| class="ts sortable" style="width:100%"
 +
|-  
 +
! style="text-align:left; width:30px;" | #
 +
! style="text-align:left" | First Person Perspective
 
|-
 
|-
| 02 || [https://www.youtube.com/watch?v=HgBGYgbImqo Making a scene]
+
| 01 || [https://www.youtube.com/watch?v=oo5gVCJBbMI First Person Perspective Part 1]
 
|-
 
|-
| 03 || [https://www.youtube.com/watch?v=WEaGAp9KM2M Character building]
+
| 02 || [https://www.youtube.com/watch?v=FFE5axfHPeA First Person Perspective Part 2]
 
|-
 
|-
| 04 || [https://www.youtube.com/watch?v=TE_ug0Z__sc Of mice and interfaces]
+
| 03 || [https://www.youtube.com/watch?v=fIEpcstj9ag First Person Perspective Part 3]
 +
|-
 +
| 04 || [https://www.youtube.com/watch?v=ugD4PyaVsF8 First Person Perspective Part 4]
 
|}
 
|}
----
+
 
 +
 
 +
=== Javier Ventosa's Video Tutorials ===
 +
''These tutorials are intended for Visionaire Studio 5.x. The videos are in Spanish (English subtitles available).''
 
{| class="ts sortable" style="width:100%"
 
{| class="ts sortable" style="width:100%"
 
|-  
 
|-  
 
! style="text-align:left; width:30px;" | #
 
! style="text-align:left; width:30px;" | #
! style="text-align:left" | Game Assets
+
! style="text-align:left" | Sound implementation using the audio system [ES]
 
|-
 
|-
| 01 || [https://www.youtube.com/watch?v=R9bxuitOPZk Creating bitmap fonts]
+
| 01 || [https://www.youtube.com/watch?v=bu0rPlF6BhU Visionaire Studio - Implementación de Audio (música y sfx)]
 +
|-
 +
| 02 || [https://www.youtube.com/watch?v=YOL6tUHOSck Visionaire Studio - Implementación de Sync Container]
 
|}
 
|}
 +
 
{{toc}}
 
{{toc}}

Latest revision as of 20:04, 17 October 2024

Here you can find a list of tutorials & how to guides for Visionaire Studio by various members of the Visionaire Studio Team & its users.

Some of the tutorials might contain screenshots from previous versions of Visionaire Studio, but the described concepts are still working. We outsourced some of the older tutorials (video tutorials mainly) to our legacy tutorials page though. They may still be worth a look.

If you have written/filmed your own Visionaire tutorial and would like to see it added to that list, please tell us on our Discord or in the forum.


Text / Image Tutorials

Characters

Tutorial Name Level By
Dynamic character blinking for your characters Basic AFRLme
Dynamic footstep sounds Basic Lebostein
Lip Sync with "Rhubarb" in Visionaire Studio Intermediate AFRLme

Scenes & Menus

Tutorial Name Level By
Building a Save/Load Menu Intermediate Esmeralda (+ Einzelkämpfer)
Dynamic clouds (random scale, image & speed) Advanced AFRLme
Hotspot hightlighting using images or animations Basic AFRLme
How to create a scene within a scene Intermediate AFRLme
How to use the object mask plugin Basic AFRLme
Menu 101 - A guide to creating menus in Visionaire Studio Basic AFRLme

Interfaces

Tutorial Name Level By
Set up a verb coin interface with screen-centered inventory (MI3 style) Intermediate Einzelkämpfer

Animation

Tutorial Name Level By
Turn your regular animation into a pendulum animation with only 2 lines of Lua script Basic AFRLme

Audio/Video

Tutorial Name Level By
How to add a splash video Basic AFRLme

Little Helpers

Tutorial Name Level By
How to create a simple playtime counter using a value, display text & a few lines of Lua script Intermediate AFRLme

SFX

Tutorial Name Level By
A dynamic lighting effect using images Intermediate AFRLme

General Developing

Tutorial Name Level By
Sort out real-time log monitoring Basic AFRLme


Video Tutorials

Sebastian's Video Tutorials

These tutorials are intended for Visionaire Studio 5.x. Most of them are in German. A YouTube Playlist is available.

# Der Hitchhiker's Guide zu Visionaire Studio 5 [DE] The Hitchhiker's Guide to Visionaire Studio 5 [EN]
00 Vorstellung
01 Projektplanung & Übersicht
02 Mauszeiger, Schriftarten & Charaktere
03 Erste Szene & Wegsysteme
04 Charakterskalierung & Lightmaps
05 Deponia / Baphomets Fluch 1-Click Interface
06 Sam & Max Hit the Road Interface
07 SCUMM Interface
08 Verb Coin Interface
09 Items
10 Das klassische Inventar
11 Das moderne Inventar
12 Kommentargruppen
13 Hotspot-Animationen
14 Standard Dialog System
15 Das Puzzle
16 Spielstand Speichern & Laden
17 Lua Crashkurs (1/2)
18 Lua Crashkurs (2/2)
19 Individuelles Drag & Drop
20 Gamepad-integration Gamepad Integration
21 Sprechblasen Speechbubbles


William Kruger's Video Tutorials

These tutorials are intended for Visionaire Studio 5.x.

# Video Tutorial PDF Tutorial Project Files
01 Creating a scene from scratch Download PDF Download ZIP
02 Scene animations Download PDF Download ZIP
03 Fonts Download PDF Download ZIP
04.1 Graphical Elements (part 1) Download PDF Download ZIP
04.2 Graphical Elements (part 2)
05 Inventory Download PDF Download ZIP
06 Combined Commands Download PDF Download ZIP
07.1 Conditions (part 1) Download PDF Download ZIP
07.2 Conditions (part 2) Download PDF Download ZIP
08 Changing Scenes Download PDF Download ZIP
09 Draggable Inventory Items Download PDF Download ZIP
10 If Statements Download PDF Download ZIP
11 Values Download PDF Download ZIP
12.1 NPC's (non-playable character) Download PDF Download ZIP
12.2 Outfits Download PDF Download ZIP
13 Character Animations Download PDF Download ZIP
14 Audio Download PDF Download ZIP
15 Light Maps Download PDF Download ZIP
16.1 Dialogue Basics Download PDF Download ZIP
17 Advanced (various)


Redspark's Video Tutorials

These tutorials are intended for Visionaire Studio 5.x.

# New Game Essentials
01 Visionaire Studio 5: Project Setup
# First Person Perspective
01 First Person Perspective Part 1
02 First Person Perspective Part 2
03 First Person Perspective Part 3
04 First Person Perspective Part 4


Javier Ventosa's Video Tutorials

These tutorials are intended for Visionaire Studio 5.x. The videos are in Spanish (English subtitles available).

# Sound implementation using the audio system [ES]
01 Visionaire Studio - Implementación de Audio (música y sfx)
02 Visionaire Studio - Implementación de Sync Container