Step‑by‑Step Tutorial: Building Your First Tour in Tourweaver StandardTourweaver Standard is a user-friendly virtual tour creation tool that lets you combine panoramic images, hotspots, multimedia, and navigation into interactive, web-ready tours. This tutorial walks you through building your first tour from start to finish, covering preparation, importing panoramas, adding hotspots and media, configuring navigation and maps, publishing, and basic troubleshooting.
What you’ll need before starting
- A Windows PC (Tourweaver Standard runs on Windows).
- Tourweaver Standard installed and activated.
- One or more equirectangular panoramic images (JPG/PNG). For best results use high-resolution panoramas (at least 6000 px width for 360° views).
- Optional: additional images, audio files (MP3), video files (MP4), and an XML/CSV for tour data if you plan to scale.
1. Project setup and workspace overview
- Launch Tourweaver Standard.
- Create a new project: File → New Project. Choose a project folder where all assets will be stored.
- Familiarize yourself with the main panels:
- Workspace/Scene list (left): manage scenes (panoramas).
- Preview window (center): live preview of the current scene.
- Property inspector (right): properties for selected items.
- Toolbar (top): common tools (add hotspot, add scene, publish).
2. Importing your first panorama
- Click “Add Scene” → “Add Panorama” (or drag-and-drop your panorama into the Scene list).
- In the Import dialog, select panorama type (equirectangular for full 360°). Set the image tile/levels if using multiresolution tiles.
- Name your scene (e.g., “Lobby” or “Main Room”). Click OK to add it.
- The panorama will appear in the Preview window. Use mouse to drag and look around; use the mouse wheel to zoom.
3. Setting scene parameters
- With the scene selected, open the Property inspector. Configure:
- Initial view: set the starting yaw, pitch, and field of view (FOV).
- Auto-rotation: enable and set speed if you want the scene to slowly rotate on load.
- Background music: assign a looping MP3 for the scene if desired.
- Save the project regularly (File → Save).
4. Adding hotspots
Hotspots are interactive points in a panorama that can show text, images, audio, link to other scenes, open web pages, or play videos.
- In the toolbar, select “Hotspot” → choose a hotspot type (image, text, scene link, multimedia).
- Click on the preview where you want the hotspot to appear. The hotspot icon will be placed there.
- Configure hotspot properties:
- Icon/image: choose a PNG or built-in icon.
- Action: set what happens on click (open info window, jump to another scene, play audio/video, open URL).
- Tooltip: short label shown on hover.
- Size/rotation: scale and rotate the icon if needed.
- Example: Create a scene-link hotspot. Set Action → “Open Scene” and select the destination scene (e.g., “Conference Room”). Set a smooth transition (fade or fly-to) if available.
5. Adding multimedia (images, audio, video)
- Images: Use image popups in a hotspot to show detailed photos or floorplans.
- Hotspot Action → “Open Image” → choose image file. Optionally enable caption.
- Audio: For ambient sound or narration:
- Scene-level: in scene properties add Background Music (looping).
- Hotspot-level: Hotspot Action → “Play Audio” and select MP3.
- Video: Use MP4 videos as popups or embedded players.
- Hotspot Action → “Play Video” → choose MP4. Configure size and autoplay options.
6. Creating navigation and tour structure
- Add a thumbnail map or scene list: Insert a navigation panel from the UI widgets.
- Build a scene map:
- Add a floor plan image or map image as an overlay.
- Place location markers (hotspots) on the map and link them to scenes.
- Configure a scene flow: The Scene list order can define next/previous behaviors. Add “Next” and “Previous” buttons as UI widgets and link them to adjacent scenes.
7. Adding a virtual tour menu and UI widgets
- From the Widget library, drag UI elements into the project: menu bar, logo, full-screen button, autorotate toggle, sound control.
- Customize styles: change colors, fonts, icon sizes in the Property inspector.
- Positioning: dock widgets to top/bottom/side or place freely within the preview.
8. Hotspot animations and appearance
- Set hotspot mouseover effects and animations (scale on hover, pulse).
- Customize hotspot images for different states (normal/hover/active).
- Use consistent iconography so users can quickly recognize interactive points.
9. Mobile and responsive considerations
- Enable touch/gyro controls in scene properties to allow phone/tablet interaction.
- Test different initial FOVs for mobile vs desktop to ensure subject framing.
- Keep hotspot sizes readable on small screens; use larger icons or zoom-in popups.
10. Previewing and testing
- Use the internal Preview mode to test interactions. Click through hotspots, test audio/video playback, and ensure navigation works.
- Test in multiple browsers (Chrome, Edge, Firefox) and on mobile devices. Look for issues with autoplay (some mobile browsers block autoplaying audio/video).
11. Publishing your tour
Tourweaver Standard offers several output options:
- HTML package: exports a folder with HTML, JS, and asset files suitable for uploading to a web server.
- EXE: a standalone executable for Windows (useful for kiosks).
- Flash (if supported in your version) — note Flash is obsolete and not recommended.
To publish:
- File → Publish → Export.
- Choose output type (HTML is recommended). Set output folder.
- Configure export settings: enable multiresolution tiling if you used large panoramas, set default page title, and configure mobile support.
- Click Publish. Upload the resulting HTML folder to your web host or serve locally.
12. SEO, performance, and accessibility tips
- Compress images and use multiresolution tiles to reduce loading times.
- Add descriptive ALT text and captions for images and videos where possible.
- Provide keyboard navigation and ensure UI controls are reachable for accessibility.
- Use lazy loading for nonessential assets and preload the first panorama only.
13. Troubleshooting common issues
- Panorama looks distorted: check that image is correctly equirectangular (2:1 ratio) and import settings match.
- Hotspot not clickable: ensure hotspot is above other layers and not hidden by UI widgets.
- Audio/video won’t autoplay on mobile: mobile browsers often block autoplay; require user interaction to start media.
- Slow loading: enable tiled multiresolution export and compress images.
14. Next steps and advanced features
- Learn about plugins or scripting (if supported) to add custom behaviors.
- Create a scene template to speed up multi-scene tours.
- Integrate Google Maps or external maps for location-based tours.
- Explore virtual staging by overlaying 3D models or annotations.
If you want, I can convert this into a printable checklist, create step-by-step screenshots for each stage, or produce sample project settings tailored to your panorama sizes and hosting environment.