News • Examples • Documentation • Download • Buy • Forum • Contact

Transformer callout for Krpano.
by Alexandr Mikhailov - novosibpano@ya.ru



Links

krpano Forum Discussion Thread
Youtube
More information about the plugin and updates and how to buy


Description

  • The presence of an interface. Visual control of all changes - you immediately see the result!
  • Work in a regular Internet browser.
  • Flexible customization of the overall callout design (width, color, transparency, shadow, borders, etc.)
  • Created callouts are saved in the tour.xml file.
  • Ability to save design presets for use in subsequent projects.
  • A wide range of possibilities for editing the code of layers and styles is provided.
Example.
YouTube

Try creating and customizing a callout in a test tour.



Connection.

Place the folder with the "callout_transformer" plugin in the root folder of the tour.

Write basically xml:

<include url="callout_transformer/callout_tr.xml" />
<include url="callout_transformer/editor/edit_callout_tr.xml" />

When finished, disable the editor by deleting this line:

<include url="callout_transformer/editor/edit_callout_tr.xml" />

Transformation of the callout.

interf_pan
  • 1 central point. The entire callout is dragged with the mouse.
  • 1-2 callout lines. By grabbing point 2, you can rotate and stretch around point 1
  • 2-3 callout lines. By grabbing point 3, you can rotate and stretch around point 2
  • 4 is a block with text. By grabbing it, you can move it relative to point 3 if drag permission is enabled in the panel.

In edit mode, the red and green dots appear when the mouse is hovered over.


Interface of the callout creation panel.

interf_pan add_pit - Create a callout. The callout is created in the center of the screen.

add_pit - Open design editing panel.

add_pit - Copy the settings. Click on the callout to make it active, click on the copy button - its parameters are copied and the next callout will be created with the copied parameters.

add_pit - Enable/disable text block dragging.

add_pit - Output the code of the created callouts of the current scene to the browser console. You can copy and paste the code into the scene. To open the browser console, click "F12"

add_pit - Show/hide the sight. For the convenience of the location of the created callout.

add_pit - Delete the selected callout.

Signature entry line - Enter the text of the callout. You can also enter the text in the callout itself by clicking on it.

step angle - Disable/enable the fixation of the rotation angle of the extension lines. The angle of fixation can be changed in the file callout_tr.xml set_pit.angle_step="15"

Save tour.xml - The file is being createdtour.xml with the callout code written into it. Replace the existing one with the one you are creating.
Callouts are recorded inside the scenes at the very end after the comment
<!--*** callout_transformer ***-->
Do not prescribe anything of your own after it. The next time you save it, only the callout code is overwritten there.


The panel of the callout design editor.

button1

The callout elements are krpano layers!
The panel of the callout design editor. It is advisable to familiarize yourself with the description of the parameters, because the parameters of these layers are configured in the panel.
To change the parameter in the editor panel, click on the corresponding circle and drag left/right. Or enter a numeric value for the parameter.

interf_pan

To edit, click on the element:

  • 1 - changing the fill color, border, shadow, size, etc.

  • 2 - both callout lines are configured simultaneously.
    height is the width of the line.
    fill - the line color editor panel opens

  • 3 - the second line of the callout, you can set the color separately.

  • 4 - a block with text. changing the fill color, border, shadow, size, etc. as well as setting text parameters.





XML Settings.

In the file callout_tr.xml default callout style settings, in "set_pit" you can change them.

pit_border - point border parameters.
pit_bgroundedge - corner rounding parameters.
pit_color - the fill color of the dot point.
pit_shadow - point shadow parameters.
pit_width is the width of the point.
pit_height is the height of the point.

Lines
l_color - the color of the lines.
l_thickness - line thickness.

Text block
t_bg - there is/is not a background.
t_bgcolor - fill color.
t_bgalpha - background transparency.
t_bgroundedge - rounding corners.
t_bgshadow - shadow parameters.
css - css text style.
t_padding - text margins.
t_txtshadow - text shadow parameters.
t_width - block height(pixel/auto).
t_height - block width(pixel/auto).


Life Hack. 😉

in the file example.xml there is a scene code in which there are several callout options with different designs.
Copy the scene code to your tour and use it as a template to create callouts.
Click on the callout, click the copy button in the panel, open the desired scene, create a callout with the copied settings.
You can create your own callout design in this scene and save it.
If you created your callouts in the test scene, copy it back to example.xml to use in other projects, and delete the scene from the current project.


Buy plugin.

Find out how to purchase the plugin by following the link


License.

Plugin is provided "As Is" without warranty of any kind, either express or implied, including any warranty of quality, merchantability, or fitness for a particular purpose. In no event will author of plugin be liable for loss of data, costs of procurement of substitute goods or services or any special, consequential or incidental damages, under any cause of action and regardless of whether or not plugin author have been advised of possibility of such damage. This limitation will apply notwithstanding any failure of essential purpose of any limited remedy provided herein. In any event plugin author will have no liability arising out of this agreement.