Difference between revisions of "Hotspots (h2)"

From The Official Visionaire Studio: Adventure Game Engine Wiki
m
 
(27 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
|-
 
|-
 
| Hotspots (image/animation based) || AFRLme
 
| Hotspots (image/animation based) || AFRLme
|}
+
|}{{AFRLme_Patreon}}
 
 
  
 
This tutorial shows you how to create hotspots (snoop animations) in Visionaire Studio. Hotspots usually consist of images, animations or text that are used to show points of interest in each scene.
 
This tutorial shows you how to create hotspots (snoop animations) in Visionaire Studio. Hotspots usually consist of images, animations or text that are used to show points of interest in each scene.
  
 
== Tutorial ==
 
== Tutorial ==
1. First things first: you should create some images/animations via your graphic/3D editing program of choice.<br/>
+
1. First things first: you should create some images/animations via your graphic/3D editing program of choice.
2. Next thing you want to do is create a button inside of one of your interfaces & set the ''button type'' to '''action area'''.<br/>
+
 
 +
[[File:Hotspot 001.png|800px]]
 +
 
 +
2. Next thing you want to do is create a button inside of one of your interfaces & set the '''button type''' to '''action area'''.
 +
 
 +
[[File:Hotspot 002.png|800px]]
 +
 
 
3. Create your hotspot animations inside of this button & adjust properties settings for each animation to suit.
 
3. Create your hotspot animations inside of this button & adjust properties settings for each animation to suit.
{| class="ts"
+
 
|-
+
[[File:Hotspot 003.png|400px]]  [[File:Hotspot 004.png|400px]]
| <gallery>
+
 
File:Hotspot_001.png
+
4. Next you need to assign your hotspot animations to each of your '''scene objects''' & position them on the screen via the '''effects''' tab.
File:Hotspot_002.png
+
 
File:Hotspot_003.png
+
[[File:Hotspot 005.png|800px]]
File:Hotspot_004.png
+
 
</gallery>
+
5. Now you need to go to '''game tab > key actions''' to sort out the key inputs that will toggle the hotspots animations on/off.<br/>
|}
+
6. Create a '''space''' key action & inside of this create a '''scene > fade "snoop" animations in''' action part.<br/>
4.
+
 
{| class="ts"
+
[[File:Hotspot 006.png|800px]]
|-
+
 
| <gallery>
+
7. Create a '''space (released)''' key action & inside of this create a '''scene > fade "snoop" animations out''' action part.<br/>
File:hotspot_005.png
+
 
File:hotspot_006.png
+
[[File:Hotspot 007.png|800px]]
File:hotspot_007.png
+
 
</gallery>
+
8. Now rinse & repeat the process for all the other scene objects that you want to show hotspot animations for.
|}
 
  
  
Line 39: Line 43:
 
|-
 
|-
 
| [[media:hotspot_demo.zip|hotspot_demo.zip]] || A working .ved file, complete with resources. Check out the readme.txt file for instructions.
 
| [[media:hotspot_demo.zip|hotspot_demo.zip]] || A working .ved file, complete with resources. Check out the readme.txt file for instructions.
|}
+
|}{{toc}}
{{toc}}
 

Latest revision as of 15:40, 5 August 2016

Name By
Hotspots (image/animation based) AFRLme


This tutorial shows you how to create hotspots (snoop animations) in Visionaire Studio. Hotspots usually consist of images, animations or text that are used to show points of interest in each scene.

Tutorial

1. First things first: you should create some images/animations via your graphic/3D editing program of choice.

Hotspot 001.png

2. Next thing you want to do is create a button inside of one of your interfaces & set the button type to action area.

Hotspot 002.png

3. Create your hotspot animations inside of this button & adjust properties settings for each animation to suit.

Hotspot 003.png Hotspot 004.png

4. Next you need to assign your hotspot animations to each of your scene objects & position them on the screen via the effects tab.

Hotspot 005.png

5. Now you need to go to game tab > key actions to sort out the key inputs that will toggle the hotspots animations on/off.
6. Create a space key action & inside of this create a scene > fade "snoop" animations in action part.

Hotspot 006.png

7. Create a space (released) key action & inside of this create a scene > fade "snoop" animations out action part.

Hotspot 007.png

8. Now rinse & repeat the process for all the other scene objects that you want to show hotspot animations for.


Resources

Name Description
hotspot_demo.zip A working .ved file, complete with resources. Check out the readme.txt file for instructions.