How to create a placehotspot text like this 360 website?

yenph

Anfänger

Beiträge: 43

Freitag, 3. März 2023, 08:03

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*

Zum Seitenanfang

jeromebg

Profi

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

Freitag, 3. März 2023, 09:17

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

Zum Seitenanfang

kme

Fortgeschrittener

Beiträge: 310

Wohnort: Belgium

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

Freitag, 3. März 2023, 10:48

Something like this:

Quellcode

	<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

Zum Seitenanfang

s-maier

Schüler

Beiträge: 123

Freitag, 3. März 2023, 13:44

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

Zum Seitenanfang

kme

Fortgeschrittener

Beiträge: 310

Wohnort: Belgium

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

Freitag, 3. März 2023, 13:56

There is indeed: this one: Callout Hotspots Plugin

Plugins and more on my gumroad page

Zum Seitenanfang

yenph

Anfänger

Beiträge: 43

Samstag, 11. März 2023, 17:07

thank you , i'll try *love*

Woody

KEEP MOVING FORWARD *thumbup*

Zum Seitenanfang

yenph

Anfänger

Beiträge: 43

Mittwoch, 15. März 2023, 11:00

Zitat von »kme«

Something like this:

Quellcode

	<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*