Different Textfield for different scenes as well as an on/off button

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

1

Sonntag, 23. Februar 2020, 05:16

Hello,

I would like to add a textfield or description window for each scene in a tour. Basically, the window would just be placed on the one side of the viewer. I would also like to create a button that can open or close the window. Just like this tour, which was made with Panotour Pro:

http://zodiackiller360.com/

(Sorry for the morbid example)

Any help on the best way to do this would be greatly appreciated.

Thanks!

-Jeremy

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

2

Sonntag, 23. Februar 2020, 13:28

Hi again Jeremy,

Also here.. loads of roads to Rome..

in the base we do the same as with the audio.
In this simple example i use the scene name to pick up the right text.
https://www.virtualtuur.com/krpano/120/e…s/text_scene/1/
xml
https://www.virtualtuur.com/krpano/120/e…cene/1/tour.xml

	Quellcode
1	set(layer[txt].html, calc('data:html_' + scene[get(xml.scene)].name));

this line constructs for scene 1 : data:html_scene_1
and then fills the 'txt' layer with that text.
Find it in the xml example.

Of course you can do also set(layer[txt].html, calc('data:html_' + scene[get(xml.scene)].txt)); (or what ever you like!)
then your scene tag txt should be there.. like with the audio.
For example:
<scene name="scene_1" title="a1" onstart="" autoload="true" txt="sauce">

then your data field name should be:
<data name="html_sauce" >
...blabla
</data>

--
Here i added a simple 'global' show /hide text button:
https://www.virtualtuur.com/krpano/120/e…s/text_scene/2/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/2/tour.xml

Check also the DoText action!

Hope it helps,
Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Tuur« (23. Februar 2020, 13:47)

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

3

Montag, 24. Februar 2020, 07:23

Once again, Tuur, you are the master. That worked great!

I guess I am realizing that there may be a need to not have the textfield on certain scenes. How might I exclude the window from appearing on certain scenes?

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Thank you again, SO much.

best,

Jeremy

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jeremyfukunaga« (24. Februar 2020, 07:34)

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

4

Montag, 24. Februar 2020, 09:54

Hi,

to skip some scenes use the 'txt' in the scene line procedure and use an 'if' expression to skip when not set.
https://www.virtualtuur.com/krpano/120/e…s/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/3/tour.xml

	Quellcode
1	Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Make a new post for that.. but better first search the forum for it!
I don't do PTP!

Hope it helps!
Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

vrTourSoft

Schüler

Beiträge: 70

Beruf: Software development

5

Montag, 24. Februar 2020, 11:09

Zitat von »jeremyfukunaga«

I guess I am realizing that there may be a need to not have the textfield on certain scenes. How might I exclude the window from appearing on certain scenes?

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Hi Jeremy!
When you use vrTourSoft, the program does a lot of things for you.

It removes or displays the info button.
You do not need to think about the size of the window.
Scrolling function appears automatically.
If necessary, a scrollbar appears.
The window is adjusted if the user has turned the tablet.
The window disappears when switching between scenes.
The window disappears if the user decides to call the gallery, image, video, etc.
The information will change if the user called another.

And many other small things that make up the headache for the developer.

You can create your own design for window/
If you want to do programming, the editor allows you to edit both xml and js.

And finally, which is very important.

There is a built-in editor for formatting text.
It also allows you to insert images and prepare previews.
The program itself creates all the necessary code.

vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
https://www.vrtoursoft.com/

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

6

Montag, 24. Februar 2020, 11:34

Not very helpful AND very very very annoying this SPAM in every post. *thumbdown*

@Klaus
Please warn or block this ******* to not spam every question with his software, if you want people like me to help others to learn in the future.
As i understand him right you can just stop working on krpano. When we all buy vtoursoft all problems, learning curves and interest will be solved.
*cursing*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Tuur« (24. Februar 2020, 11:51)

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

7

Montag, 24. Februar 2020, 20:14

Zitat von »Tuur«
Hi,

to skip some scenes use the 'txt' in the scene line procedure and use an 'if' expression to skip when not set.
https://www.virtualtuur.com/krpano/120/e…s/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/3/tour.xml
Quellcode
1
Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?
Make a new post for that.. but better first search the forum for it!
I don't do PTP!

Hope it helps!
Tuur

Thanks again, Tuur. You have been so amazingly helpful.

I will look some more around for the other issue and/or post!

By the way, what is PTP? *smile*

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

8

Montag, 24. Februar 2020, 20:18

Zitat von »vrTourSoft«

Zitat von »jeremyfukunaga«

I guess I am realizing that there may be a need to not have the textfield on certain scenes. How might I exclude the window from appearing on certain scenes?

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Hi Jeremy!
When you use vrTourSoft, the program does a lot of things for you.
It removes or displays the info button.
You do not need to think about the size of the window.
Scrolling function appears automatically.
If necessary, a scrollbar appears.
The window is adjusted if the user has turned the tablet.
The window disappears when switching between scenes.
The window disappears if the user decides to call the gallery, image, video, etc.
The information will change if the user called another.
And many other small things that make up the headache for the developer.

You can create your own design for window/
If you want to do programming, the editor allows you to edit both xml and js.

And finally, which is very important.
There is a built-in editor for formatting text.
It also allows you to insert images and prepare previews.
The program itself creates all the necessary code.

Hello,

Thanks for the suggestion to buy your software, but I have not been interested. I also don't quite appreciate a response to spend money to resolve a problem when there is so much help and support in this community to accomplish what I am trying to do. Please stop spamming my posts.

Thanks.

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

9

Montag, 24. Februar 2020, 20:37

Zitat

By the way, what is PTP?

Panotour pro.
I suppose you mean some autotour there?
Or in your own project?.. then we need some code or url to see..

Zitat

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Or is that in standard vtourskin (?).. on phone now.

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

10

Dienstag, 25. Februar 2020, 00:53

Zitat von »Tuur«

Zitat

By the way, what is PTP?

Panotour pro.
I suppose you mean some autotour there?
Or in your own project?.. then we need some code or url to see..

Zitat

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Or is that in standard vtourskin (?).. on phone now.

Tuur

I fount it in the vtourskin.xml. I commented out the following event:



I find it strange that setting autotour to false did not stop it.

Thank you again!!

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

11

Dienstag, 25. Februar 2020, 06:34

Hi again Tuur,

Thank you again for your help so far. Could I bother you to tell me how I might add a scroll bar to the textfield window. I think most people may not know they can click and drag the window, but would recognize a scrollbar as meaning there is more text to read.

Thanks again. *g*

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

12

Dienstag, 25. Februar 2020, 10:20

Hi,

https://www.virtualtuur.com/krpano/120/e…s/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/e…rollingtext.xml

i took the scrollingtext.xml from the/my ToolBox and changed it just a bit.
Toolbox:Krpano ToolBox

Now you owe me lot's of beers!

Hope it helps,
Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

13

Mittwoch, 26. Februar 2020, 08:36

Zitat von »Tuur«

Hi,

https://www.virtualtuur.com/krpano/120/e…s/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/e…rollingtext.xml

i took the scrollingtext.xml from the/my ToolBox and changed it just a bit.
Toolbox:Krpano ToolBox

Now you owe me lot's of beers!

Hope it helps,
Tuur

I owe you beers and perhaps my first born child. Thank you so much. That text box is beautiful and worked great.

I think I am ready to show you what all you helped me to accomplish:

http://jeremyfukunaga.com/virtual_tours/…rings/tour.html

I may make a few more tweaks, but I am really happy with the result!

Thank you again!!!

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

14

Mittwoch, 26. Februar 2020, 08:45

I prefer beers *g*

On phone now but,
The hide info text button makes it not tween away fully.
Look for the 210 (?) width i used in the code and change it to the width of your textfield.. or use the right variable.
I think it is the tour xml.. in the showtextfield action or so (?)
Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

jeremyfukunaga

Anfänger

Beiträge: 43

Wohnort: Oakland, CA

Beruf: Photographer

15

Mittwoch, 26. Februar 2020, 18:46

I noticed that right away. I actually changed it but I guess you viewed it before I changed it. You're too quick. Haha.

I have to adjust the position of the auto rotate button for the mobile menu. Otherwise I think everything is working well.

Zum Seitenanfang

andrew22222

Fortgeschrittener

Beiträge: 397

Wohnort: Australia

16

Donnerstag, 27. Februar 2020, 08:07

Hey Master Tuur,

Going with your fine example, is it possible to insert two images into the data section as shown below? Not too sure how to add an image with width set to 100% and judging by the errors thrown at me it may not even be possible in this particular scrolling window?

Quellcode

    <data name="html_sauce" >Tomato sauce (also known as Neapolitan sauce, salsa roja in Spanish, or salsa di pomodoro in Italian) can refer to many different sauces made primarily from tomatoes, usually to be served as part of a dish, rather than as a condiment. <br/>IMAGE 01<br/>Tomato sauces are common for meat and vegetables, but they are perhaps best known as bases for Mexican salsas or sauces for pasta dishes.<br/>IMAGE 02<br/>Tomatoes have a rich flavor, high water content, soft flesh which breaks down easily, and the right composition to thicken into a sauce when they are cooked (without the need of thickeners such as roux). All of these qualities make them ideal for simple and appealing sauces.</data>

Thought it may be worth asking.

Beautiful 360's Jeremy. The lighting looks fantastic.

Cheers,

Andrew

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

17

Donnerstag, 27. Februar 2020, 10:10

Hi,

i updated example 4 with some pictures in the text

Quellcode

        <data name="html_sauce" >
        [a href="event:BigPic(pic)"][img src=pic.jpg   style="display: block;margin-left: auto;margin-right: auto;width: 70px;height:auto;"][/a]
        [br]
        Tomato sauce (also known as Neapolitan sauce, salsa roja in Spanish, or salsa di pomodoro in Italian) can refer to many different sauces made primarily from tomatoes, usually to be served as part of a dish, rather than as a condiment. Tomato sauces are common for meat and vegetables, but they are perhaps best known as bases for Mexican salsas or sauces for pasta dishes. 
        [br]
        [img src=pic2.jpg width="60px" height="prop"]
        [br]

https://www.virtualtuur.com/krpano/120/e…s/text_scene/4/

the first picture is clickable btw..!

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »Tuur« (27. Februar 2020, 11:20)

Zum Seitenanfang

andrew22222

Fortgeschrittener

Beiträge: 397

Wohnort: Australia

18

Freitag, 28. Februar 2020, 00:28

Best scrolling text /image plugin I've seen and I like the image popup.

Thanks for showing us how to do it properly.

Beer money sent via PayPal

Cheers,

Andrew

*thumbsup*