TourCreator

About

DOCUMENTATION

TourCreator editors:

Video lessons

Further development:

Hotspot editor

Hotspot editor.

Editor allows selecting different actions on the hotspot click:

  1. Load scene (with default or custom view)
  2. Show image
  3. Show info box
  4. Play sound
  5. Open Url
  6. Custom action

When you use the load scene action you can select custom view for the next scene.

Add hotspot.

  1. Press “Add hotspot” button.
  2. The hotspot will appears in the middle of the screen
  3. Drag and drop it to the new place.
  4. Optionally. Select image for the hotspot. Press "Save Image" button.
  5. Select action for the hotspot in drop down menu.
  6. Save action.
  7. Optionally. Set the text onhover. (For linked scene the text onhover appears from the scene title. You can overwrite this value here.)
  8. Press “Save hotspot” button to save your changes.

Edit hotspot

  1. Select “Edit hotspot” button an then click on the hotspot you want to edit.
  2. Select new image for your hotspot.
  3. Drag-and-drop hotspot on new place.
  4. Select new action for the hotspot.
  5. Optionally. Set the text onhover. (For linked scene the text onhover appears from the scene title. You can overwrite this value here.)
  6. Press “Save hotspot” button to save your changes.

Delete hotspot

  1. Press “Start Delete Hotspot” button
  2. Click hotspot you need to delete.
  3. Confirm delete.
  4. Delete as many hotspots as you need.
  5. Press “Exit delete mode” button when you delete all hotspots.

Load scene.

When you need to load next scene with custom view, the separate window will be opened. Select view and press “Set view” button.

Show image.

Select image to show. The image will be copied in the image directory. If the size of the image will exceed the 80% of the height or width of the screen size on any device it will be automatically resized.

Show infobox.

Info box allows showing text information with/without image in your tour. You can create as many info boxes as you need. When info box exist – select it.

  1. To create info box press “Create infobox” button.
  2. Write text or copy and paste it in the text box.
  3. Format text with simple html tags. Select text fragment and press the button you need: Head, Paragraph, Bold, Italic, Br (line break)
  4. Select image to show at the head of info box. The image will be copied in the image directory. If the size of the image will exceed the 80% of the info box size on any device it will be automatically resized.
  5. The info box automatically resized, if need.
  6. Save info box. It will be available to usage in tour.

Open url

Enter in text box url of the site to open. Start with http:// or https://

The site will be opened in new window.

Play sound

  1. Select “Play sound”
  2. Select sound for your tour.
  3. Select as much different formats of your sound as you need. Different devices need in different formats of the sound. Usually you need in .mp3 and .ogg
  4. Loop sound or insert how many times to play it.
  5. Press “Save” button to save action

Custom action

  1. Insert custom action in text box in format: action(name); or nameaction(); or what style you prefer.
  2. Press “Save” button to save action