How to create a placehotspot text like this 360 website?

yenph

Beginner

Posts: 43

Friday, March 3rd 2023, 8:03am

How to create a placehotspot text like this 360 website?

How can I create a text hotpot and add a positioning line like in the picture? I can only create hotpot text frame, can't figure out how to add a positioning line?? *confused*

For Example website : https://bds.vr360plus.vn/projects/jsc-industrial-360/

Woody

KEEP MOVING FORWARD *thumbup*

Go to the top of the page

jeromebg

Professional

Posts: 1,120

Location: Angers - France

Occupation: 360 experiences creator

Friday, March 3rd 2023, 9:17am

The hotspot is the line and the text is children of the hotspot

Go to the top of the page

kme

Intermediate

Posts: 310

Location: Belgium

Occupation: Long time coder, product manager and 3D enthousiast

Friday, March 3rd 2023, 10:48am

Something like this:

Source code

	<hotspot name="textspot_left"
		type="text"
		html="Left line"
		height="150"
		css="font-size:80px;text-align:center;" vcenter="true"
		bgalpha="0.8" bgroundedge="10" bgborder="2 0x000000 1" bgshadow="0 0 5 0xFFFFFF 1.0"
		ath="125"
		atv="0"
		scale=".25"
		/>		
	<layer name="textspotline_left"
		parent="hotspot[textspot_left]"
		type="html"
		width="3" height="200"
		align="left"
		y="175"
		bgalpha="1" 
		bgcolor="0xff0000"
		/>

Demo: https://krpano.kri-soft.be/examples/drawline/

But I'm sure someone smarter than me will come up with a better solution *g*

Plugins and more on my gumroad page

Go to the top of the page

s-maier

Trainee

Posts: 123

Friday, March 3rd 2023, 1:44pm

Afaik there is a hotspot plugin which does exactly this if you don't want to create your own solution.

Go to the top of the page

kme

Intermediate

Posts: 310

Location: Belgium

Occupation: Long time coder, product manager and 3D enthousiast

Friday, March 3rd 2023, 1:56pm

There is indeed: this one: Callout Hotspots Plugin

Plugins and more on my gumroad page

Go to the top of the page

yenph

Beginner

Posts: 43

Saturday, March 11th 2023, 5:07pm

thank you , i'll try *love*

Woody

KEEP MOVING FORWARD *thumbup*

Go to the top of the page

yenph

Beginner

Posts: 43

Wednesday, March 15th 2023, 11:00am

Quoted from "kme"

Something like this:

Source code

	<hotspot name="textspot_left" 
		type="text"
		html="Left line"
		height="150"
		css="font-size:80px;text-align:center;" vcenter="true"
		bgalpha="0.8" bgroundedge="10" bgborder="2 0x000000 1" bgshadow="0 0 5 0xFFFFFF 1.0"
		ath="125"
		atv="0"
		scale=".25"
		/>		
	<layer name="textspotline_left" 
		parent="hotspot[textspot_left]"
		type="html"
		width="3" height="200"
		align="left"
		y="175"
		bgalpha="1" 
		bgcolor="0xff0000"
		/>

Demo: https://krpano.kri-soft.be/examples/drawline/

But I'm sure someone smarter than me will come up with a better solution *g*