Difference between pages "Hotspots (h2)" and "File:Dark bg.png"

From The Official Visionaire Studio: Adventure Game Engine Wiki
(Difference between pages)
m
 
 
Line 1: Line 1:
{| class="ts" style="width:100%"
+
Importing file
|-
 
! style="text-align:left" | Name !! style="text-align:left;width:10%" | 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.
 
 
 
{| class="ts"
 
|-
 
| [[File:Hotspot 001.png|900px]]
 
|}
 
 
 
2. Next thing you want to do is create a button inside of one of your interfaces & set the '''button type''' to '''action area'''.
 
 
 
{| class="ts"
 
|-
 
| [[File:Hotspot 002.png|900px]]
 
|}
 
 
 
3. Create your hotspot animations inside of this button & adjust properties settings for each animation to suit.
 
 
 
{| class="ts"
 
|-
 
| [[File:Hotspot 003.png|450px]] || [[File:Hotspot 004.png|450px]]
 
|}
 
 
 
{| class="ts"
 
|-
 
| <gallery>
 
File:Hotspot_001.png
 
File:Hotspot_002.png
 
File:Hotspot_003.png
 
File:Hotspot_004.png
 
</gallery>
 
|}
 
4. Next you need to assign your hotspot animations to each of your '''scene objects''' & position them on the screen via the '''effects''' tab.<br/>
 
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/>
 
7. Create a '''space (released)''' key action & inside of this create a '''scene > fade "snoop" animations out''' action part.<br/>
 
8. Now rinse & repeat the process for all the other scene objects that you want to show hotspot animations for.
 
{| class="ts"
 
|-
 
| <gallery>
 
File:hotspot_005.png
 
File:hotspot_006.png
 
File:hotspot_007.png
 
</gallery>
 
|}
 
 
 
== Resources ==
 
{| class="ts"
 
|-
 
! style="text-align:left" | Name !! style="text-align:left" | Description
 
|-
 
| [[media:hotspot_demo.zip|hotspot_demo.zip]] || A working .ved file, complete with resources. Check out the readme.txt file for instructions.
 
|}
 
{{i18n|Hotspots_(h2)}}{{toc}}
 

Revision as of 09:15, 1 June 2018

Importing file