Posts by di0deman

di0deman

After loading the 3D object using a depthmap, I placed polygon hotspots on top of it.

The code for creating the hotspot is below:

Code

<hotspot name="hs_polygon"
			polyline="false"
			fillcolor="0xF09B59"
			fillalpha="0.5"
			borderalpha="0.0"
			torigin="world"
			twosided="true"
			depthbuffer="true"
			depthwrite="true"
			onover="set(fillalpha, 0.8)"
			onout="set(fillalpha, 0.5)"
>
	<point x="-1.3024" y="-19.981" z="-9.8774"/>
	<point x="-1.9718" y="-19.934" z="-20.177"/>
	<point x="-2.0071" y="-1.7039" z="-20.117"/>
	<point x="-1.183"  y="-1.6586" z="-9.8118"/>
	<point x="-1.3024" y="-19.981" z="-9.8774"/>
</hotspot>

Display More

After setting depthbuffer to true, I was able to hide the hotspot behind the 3d object.

However, mouse events still occur even though the hotspot is not visible because it is obscured by a 3D object.

depthmap with polygon hotspot

youtu.be

[SOLVED]

It was solved by setting hittest on depthmap to true.

Code

<image>
	<depthmap
		...
		hittest="true"
		...
	/>
</image>
<hotspot name="hs_polygon"
		 polyline="false"
		 fillcolor="0xF09B59"
		 fillalpha="0.5"
		 borderalpha="0.0"
		 torigin="world"
		 twosided="true"
		 depthbuffer="true"
		 depthwrite="true"
		 onover="set(fillalpha, 0.8)"
		 onout="set(fillalpha, 0.5)"
		 onclick="trace('clicked')"
>
	<point x="-1.3024" y="-19.981" z="-9.8774"/>
	<point x="-1.9718" y="-19.934" z="-20.177"/>
	<point x="-2.0071" y="-1.7039" z="-20.117"/>
	<point x="-1.183"  y="-1.6586" z="-9.8118"/>
	<point x="-1.3024" y="-19.981" z="-9.8774"/>
</hotspot>

Display More

di0deman · krpano 1.21 di0deman August 2, 2023 at 10:44 AM

Hi Klaus,

https://krpano.com/docu/xml/?version=121#layer.bgbordermode

I am testing the bgbordermode attribute.

I set the value of bgbordermode to "inside", but it doesn't work properly.

It still shows the same result as set to "outside".

di0deman · krpano 1.21 di0deman July 31, 2023 at 3:09 AM

Hi Klaus,

The code to test is written as below:

Code

<krpano version="1.20.11"
  title="Virtual Tour"
  logkey="true"
  debugmode="true"
  >




  <events name="test_events"
    keep="true"
    onmousewheel="test_onmousewheel()"
    />


  <layer name="test_layer1"
    keep="true"
    type="image"
    url="0_6_0.jpg"
    children="false"
    onclick="trace('click test_layer1')"
    >
      <layer name="test_layer2"
        type="image"
        url="0_6_0.png"
        onclick="trace('click test_laye2')"
        />
  </layer>


  <action name="test_onmousewheel">
    trace('wheeldelta=', get(wheeldelta), ', wheeldelta_raw=', get(wheeldelta_raw), ', wheeldelta_touchscale=', get(wheeldelta_touchscale), ', device.touch=', get(device.touch), ', device.touchsupport=', get(device.touchsupport), ', device.mouse=', get(device.mouse));
  </action>


  <preview type="grid(cube,32,32,512,0xCCCCCC,0xFFFFFF,0x999999);" />


</krpano>

Display More

The test_onmousewheel action called on krpano 1.20.11 but, never called on krpano 1.21.

children example in krpano 1.20.11

children example in krpano 1.21.

di0deman · krpano 1.21 di0deman June 14, 2023 at 3:40 AM

Hi Klaus,

The code to test is written as below.

Code

<krpano version="1.20.11"
             title="Virtual Tour"
             logkey="true"
            debugmode="true"
            >
    <include url="skin/vtourskin.xml" />


    <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
    <skin_settings maps="false"
                   maps_type="google"
                   maps_bing_api_key=""
                   maps_google_api_key=""
                   maps_zoombuttons="false"
                   maps_loadonfirstuse="true"
                   gyro="true"
                   gyro_keeplookingdirection="false"
                   webvr="true"
                   webvr_keeplookingdirection="true"
                   webvr_prev_next_hotspots="true"
                   autotour="false"
                   littleplanetintro="false"
                   followmousecontrol="false"
                   title="true"
                   thumbs="true"
                   thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
                   thumbs_opened="false"
                   thumbs_text="false"
                   thumbs_dragging="true"
                   thumbs_onhoverscrolling="false"
                   thumbs_scrollbuttons="false"
                   thumbs_scrollindicator="false"
                   thumbs_loop="false"
                   tooltips_buttons="false"
                   tooltips_thumbs="false"
                   tooltips_hotspots="false"
                   tooltips_mapspots="false"
                   deeplinking="false"
                   loadscene_flags="MERGE"
                   loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
                   loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
                   loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
                   loadingtext=""
                   layout_width="100%"
                   layout_maxwidth="814"
                   controlbar_width="-24"
                   controlbar_height="40"
                   controlbar_offset="20"
                   controlbar_offset_closed="-40"
                   controlbar_overlap.no-fractionalscaling="10"
                   controlbar_overlap.fractionalscaling="0"
                   design_skin_images="vtourskin.png"
                   design_bgcolor="0x2D3E50"
                   design_bgalpha="0.8"
                   design_bgborder="0"
                   design_bgroundedge="1"
                   design_bgshadow="0 4 10 0x000000 0.3"
                   design_thumbborder_bgborder="3 0xFFFFFF 1.0"
                   design_thumbborder_padding="2"
                   design_thumbborder_bgroundedge="0"
                   design_text_css="color:#FFFFFF; font-family:Arial;"
                   design_text_shadow="1"
                   />


    <!--
        For an alternative skin design either change the <skin_settings> values
         from above or optionally include one of the predefined designs from below.
    -->
    <!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
    <!-- <include url="skin/vtourskin_design_glass.xml"       /> -->
    <!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
    <!-- <include url="skin/vtourskin_design_117.xml"         /> -->
    <!-- <include url="skin/vtourskin_design_117round.xml"    /> -->
    <!-- <include url="skin/vtourskin_design_black.xml"       /> -->


        <style name="style_embeded_video"
           url.html5="%VIEWER%/plugins/videoplayer.js"
           url.flash="%VIEWER%/plugins/videoplayer.swf"
           edge="center"
           scale="1.0"
           rx="0"
           ry="0"
           rz="0"
           ox="0"
           oy="0"
           loop="true"
           pausedonstart="false"
           muted="true"
           />


    <scene name="scene_plaza" title="plaza" onstart="" thumburl="panos/plaza.tiles/thumb.jpg" lat="" lng="" heading="">


                <control bouncinglimits="calc:image.cube ? true : false" />


        <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


        <preview url="panos/plaza.tiles/preview.jpg" />


        <image>
            <cube url="panos/plaza.tiles/pano_%s.jpg" />
        </image>


        <hotspot name="extract_vod01" style="style_embeded_video" videourl="videos/Apgujoeng_PlazaA_Krpano.mp4" videourl.mobile="videos/Apgujoeng_PlazaA_Krpano.mp4" posterurl="" distorted="true" width="1920" height="1080" scale="0.64"  ath="90.287"   atv="35.963" rotate="0" enabled="false" locked="true" zorder="1"/>
        <hotspot name="extract_vod02" style="style_embeded_video" videourl="videos/Apgujoeng_PlazaB_Krpano.mp4" videourl.mobile="videos/Apgujoeng_PlazaB_Krpano.mp4" posterurl="" distorted="true" width="1920" height="1080" scale="0.586" ath="-87.580"  atv="36.009" rotate="0" enabled="false" locked="true" zorder="1"/>
        <hotspot name="extract_vod03" style="style_embeded_video" videourl="videos/Apgujoeng_PlazaC_Krpano.mp4" videourl.mobile="videos/Apgujoeng_PlazaC_Krpano.mp4" posterurl="" distorted="true" width="1920" height="1080" scale="0.52"  ath="-178.453" atv="32.365" rotate="0" enabled="false" locked="true" zorder="1"/>
        <hotspot name="extract_vod04" style="style_embeded_video" videourl="videos/Apgujoeng_PlazaD_Krpano.mp4" videourl.mobile="videos/Apgujoeng_PlazaD_Krpano.mp4" posterurl="" distorted="true" width="1920" height="1080" scale="0.521" ath="-3.025"   atv="30.654" rotate="0" enabled="false" locked="true" zorder="1"/>
    </scene>


</krpano>

Display More

3D-distorted hotspot with videoplayer example in krpano 1.20.11.
3D-distorted hotspot with videoplayer example in krpano 1.21.

In the version of krpano is 1.21, the hotspot's video stops or slows down within about 2 to 10 minutes.

di0deman · krpano 1.21 di0deman June 14, 2023 at 3:17 AM

Hi Klaus,

I'm working on a project that uses wheeldelta values.

The project works on the three devices listed below.

Desktop with mouse
Desktop with touch device
Mobile

There was no problem until version 1.20.11 of krpano.

1. When using a touch device, if the version of krpano is 1.21, the sign of the wheeldelta value is reversed.
2. When the version of krpano is 1.21, the desktop cannot detect the touch device.

The code to test is written as below.

Code

<krpano version="1.20.11"
             title="Virtual Tour"
             logkey="true"
             debugmode="true"
             >


    <events name="test_events"
                 keep="true"
                 onmousewheel="test_onmousewheel()"
                />


    <action name="test_onmousewheel">
        trace('wheeldelta=', get(wheeldelta), ', wheeldelta_raw=', get(wheeldelta_raw), ', wheeldelta_touchscale=', get(wheeldelta_touchscale), ', device.touch=', get(device.touch));
    </action>


    <preview type="grid(cube,32,32,512,0xCCCCCC,0xFFFFFF,0x999999);" />


</krpano>

Display More

The image below is the log of the zoom in operation when the krpano version is 1.20.11.
The code above was tested on a desktop with a touch device.

The image below is the log of the zoom out operation when the krpano version is 1.20.11.
The code above was tested on a desktop with a touch device.

The image below is the log of the zoom in operation when the krpano version is 1.21.
The code above was tested on a desktop with a touch device.

The image below is the log of the zoom out operation when the krpano version is 1.21.
The code above was tested on a desktop with a touch device.

wheeldelta example in krpano 1.20.11

wheeldelta example in krpano 1.21

Refer to the image below for the touch device installed on the desktop.

di0deman

I am using everpano 1.5.2.

I created project type as 3d.

I am testing the output by running render Project.

When going back to the dolhouse from panorama view, hot spots on the floor do not recover.

If the project type is photo, it works normally.

di0deman

The everpano brand menu is always displayed in the context menu that appears when you right-click on everpano content.

How to remove everpano brand menu in context menu?

Is there an additional everpano branding free license?

di0deman · How can I customize everpano ui? di0deman February 13, 2023 at 4:41 AM

<plugin name="everpano_ui" keep="true" devices="html5" url="%VIEWER%/plugins/everpano_ui.js"
vrPosition = "left"
dollhousePosition = "left"
panoModePosition = "left"
fullscreenPosition = "right"

menuOpen = "0"
menuAnimation = "0"

showPanoTitle = "false"

showNextPrevious = "1"
showNPTooltips = "1"

showMeasure = "1"
/>

I want to customize the ui by using the everpano_ui plugin in main.xml.

The example code has very limited functionality.

I want to change the design and position of ui buttons.

I want to visible or hidden of ui buttons.

What is the function name to move to the next or previous scene in everpano_ui?

What is the function name to move to dolhouse or panorama view in everpano_ui?

What is the function name to open menu in everpano_ui?

di0deman

Hi,

I am using the txtjoin function.

The description of the txtjoin function is as follows:

It is explained that you can use value for the parameters "var1, var2, ...".

I coded it like this:

Code

txtjoin(layer[button_test2].html, '|', '0', '0', '0', '0');

or

Code

txtjoin(layer[button_test2].html, '|', 0, 0, 0, 0);

Here is the result:

In the result, value is not applied and only the separator is displayed.

The functionality of the txtjoin function should be updated or the documentation should be modified.

di0deman

Code

<krpano version="1.20.9" logkey="true" debugmode="true">
  <!-- use a grid preview pano as background -->  <preview type="grid(cube,16,16,512,0xCCCCCC,0xF6F6F6,0x999999);" />


    <!-- view settings -->  <view hlookat="0" vlookat="0" fovtype="VFOV" fov="100" fovmin="60" fovmax="150" />
  <layer name="test"
            type="image"
            keep="true"
            url="0.jpg"
            align="center"
            edge="center"
            onclick="set(bgborder, '5')"
            />
</krpano>

Display More

Before click on the test layer,

After click on the test layer,

The border is created but the image disappears.

How do I solve this problem?

di0deman

Hi,

I am creating layers using the addlayer() function.

The output results depend on the quality of the internet speed.

For testing, "krpano Testing Server" is used.

1. In normal case,

The resulting video,
https://youtu.be/IRdr8S-nc8s

2. If your internet speed is slow,

The resulting video,
https://youtu.be/3iJX97fT87A

The layer is created using the for statement.

I am checking if all images of the layer are loaded by the onloaded event.

When the loaded layer is visible, some images that could not be printed are redraw at that time.

How to solve this problem?

di0deman

I fixed it by changing the button layer code as below.

Code

<layer name="load_a_type" style="button" align="bottom" x="-300" y="60" width="100" keep="true"
html="A-TYPE"
onclick="loadpanoscene(a_type.xml, scene_on_1stroom);skin_startup();"
/>

di0deman

Hi,
I created a_type.xml, b_type.xml, c_type.xml, d_type.xml.
This is a pano xml that contains scenes.

Load using the loadpanoscene() function through 4 buttons.

The code of the button layer is shown below.

Code

<layer name="load_a_type" style="button" align="bottom" x="-300" y="60" width="100" keep="true"
html="A-TYPE"
onclick="loadpanoscene(a_type.xml, scene_on_1stroom);"
/>

If you load another pano through the button, the thumbnails will not update to the new pano.

Thank you.

Posts by di0deman

[SOLVED] I don’t want events to occur on hotspots hidden behind 3D objects.

krpano 1.21

krpano 1.21

krpano 1.21

krpano 1.21

[BUG] When going back to the dolhouse from panorama view, hot spots on the floor do not recover.

How to remove everpano brand menu in context menu?

How can I customize everpano ui?

value is not applied to the txtjoin function

after setting bgborder, changes the image transparent

When the internet speed is slow, the image of the loaded layer is only partially displayed.

[Solved]Thumbs are not updated when another pano is loaded.

[Solved]Thumbs are not updated when another pano is loaded.