Hotspot Animator for 3DVista
Bring your virtual tour hotspots to life with smooth, professional animations — without the hassle.
View it in action, live tour: https://hotspot-animator.pages.dev/index.htm
The problem: In 3DVista, adding animations to hotspots usually means duplicating hotspots, stacking multiple actions, and creating complex workarounds. It’s time-consuming, messy, and hard to maintain.
The solution: Hotspot Animator changes that. Just add a simple tag to any hotspot (like “pulse” or “attention”) and it animates automatically. No duplicating, no action chains, no headaches. Want to trigger or stop an animation? One line of code. That’s it.
Built-in animation presets:
- pulse — Continuous pulsing that draws attention
- scale — Smooth scale-up on hover (desktop only)
- pulse-stop — Pulses until clicked, then stops
- attention — Pulses 3 times then stops, perfect for hints
Don’t like these? Tweak them or create as many custom presets as you need.
Features:
✓ Tag-based setup — Add a tag, done. No coding needed.
✓ Hover effects — Hotspots scale up smoothly on mouse hover
✓ Opacity/breathing effects — Optional fade animation during pulse
✓ Simple API control — Trigger or stop animations from buttons, videos, or any action with a single line of code
✓ Fully customizable — Adjust timing, easing, scale, opacity, and create your own presets
✓ Mobile-friendly — Pulse animations work on all devices (hover is automatically disabled on touchscreens)
✓ Performance optimized — Smart FPS limiting and automatic cleanup on scene changes
How to use:
- Add the script to your Main Viewer → On Initialization
- Tag any hotspot with a preset name (e.g., “pulse”)
- Publish — your hotspots animate automatically!
Advanced usage:
Want more control? Trigger animations manually with simple JavaScript code snippets.
Add it to any Show, Hide, or Click action. Perfect for:
- E-training and guided tutorials
- Highlighting areas when entering a scene
- Stopping animations after user interaction
- Creating interactive guided tour experiences
Everything is explained step-by-step in the included PDF guide – even if you’ve never touched code before.
Compatibility:
- ✓ Works with standard image hotspots (sticker or non sticker)
- ✗ Does not work with hotspots inside 3D models
- Designed for 360 panoramas only
What’s included:
- Full script file (ready to use)
- PDF documentation with examples and troubleshooting
- Easy customization options
Stop overcomplicating your hotspot animations. Add a tag. Done.