You are not logged in.

vrTourSoft

Beginner

  • "vrTourSoft" started this thread

Posts: 34

Occupation: Software development

  • Send private message

1

Friday, November 29th 2019, 11:06am

Example/tutorial: how to replace standard skin with your own control panel

This video contains step-by-step instructions on how to replace standard control buttons with your own control panel in a virtual tour. 10m 22s



https://youtu.be/bfggE828XKs



Brief instructio
  • In the tour settings/ tour design, select delete skin.
  • Create a container for your interface.
  • Create buttons of your choice.
  • Buttons can be images or text.
  • Select actions for buttons from the drop-down list or assign your own.
  • Place the buttons in a container by designating it as the parent.
  • Position the container.

Tips and tricks.
  • Create more than one container for the interface.
  • Create the main container and give it the name "customskin".
  • Set the width and height of the customskin container to 100%.
  • Set background alpha of the customskin container to 0.
  • Position the interface elements inside the main container.
  • Use the pre-defind action hideCustomMenu(); in order to remove/restore all items on the screen.
  • Create button with this action.
vrTourSoft - standalone WYSIWYG editor and development environment for krpano
https://www.vrtoursoft.com/

vrTourSoft

Beginner

  • "vrTourSoft" started this thread

Posts: 34

Occupation: Software development

  • Send private message

2

Monday, December 2nd 2019, 10:02am

Example for the first version of the skin from the video:
https://www.vrtoursoft.com/example/parkPalace/ind.htm


The same example with a slightly different arrangement of elements:

https://www.vrtoursoft.com/example/parkPalace/tsar.htm


An example of the skin at the end of the video:

https://www.vrtoursoft.com/example/customskinfilm/reduce.htm
vrTourSoft - standalone WYSIWYG editor and development environment for krpano
https://www.vrtoursoft.com/

Similar threads