Outputs: "Error. Unfortunately the page cannot be loaded". Mobile device is iphone 11/12. I tried cubemapsize="calc:min(4096,device.maxtexturesize)" , but it still gives an error.
Is it possible to somehow prescribe in <image> a condition that if the computer version, it is cubemapsize=4096, and if the mobile version defaults to 2048 ?
When using depthmaps, the size of the internal cubemap can be also the reason in this case:
https://krpano.com/docu/xml/#image.cubemapsize
Try adding:
Code<image ... cubemapsize="4096">
When using <image ... cubemapsize="4096"> everything is fine in the computer version, but at the same time an error is issued in the mobile version and the next scene does not load
As far as I understand, without cube-conversion is not suitable for me, since on tour I move between scenes using depthmap. Moving from sphere to sphere looks incorrect.
At the same time, the quality is really better without cube-conversion
Thank you so much for your help, I'll experiment with basicsettings
Hello everyone. I noticed that the jpg quality has become worse in the already assembled tour.
The jpg source has a resolution of 10000*5000 and is much clearer and better than in the already assembled version. So I wondered how to keep the maximum quality from the source without greatly impairing performance. When building a tour, I use vtour-multires.config.
As far as I understand, the value of tilesize plays a role in the quality of the image. In my tour tilesize=512. Here is an example of my scene:
Shouldn't there be a solution so that mouse_3d_cursor also works like floorspot "onclick" when double-clicking?
Thank you very much for your help, but now another problem has come out. I used to have a regular floorspot on the floor:
<hotspot name="floorspot" devices="mouse"
type="image"
url="skin/f001.svg"
vcenter="true"
width="150" height="150" scale="0.2"
bgalpha="0.5" bgroundedge="100" bgborder="2 0x000000 1"
oversampling="2" mipmapping="true" zorder="1"
distorted="true" depth="0" depthbuffer="true"
torigin="world" rotationorder="xyz" rx="-90"
capture="false" handcursor="false"
autoalpha="true"
floorheight_cm="155"
onloaded="place_floorspot_at_mouse_pos();"
onclick="floorspot_click() "
keep="true"
/>And this floorspot correctly performed the floorspot_click() function (the nearest hotspot to the click location is calculated, and a move occurs to it) :
<action name="calculatedistance" scope="local" args="x1, y1, x2, y2"> pow(a, calc(x2-x1), 2); pow(b, calc(y2-y1), 2); set(global.distance, calc(sqrt(a+b))); </action>
<action name="getclosesthotspot" scope="local"> set(lowestdistance, 100000); set(global.closesthsname, ""); for(set(i,0), i LE hotspot.count, inc(i), calc(hs, hotspot[get(i)]); if (hs.clickablehotspot == true, set (x1, get(hs.tx)); set (y1, get(hs.tz)); set (x2, get(caller.tx)); set (y2, get(caller.tz)); calculatedistance(get(x1), get(y1), get(x2), get(y2)); if(global.distance LT lowestdistance, set(lowestdistance, get(global.distance)); set(global.closesthsname, get(hs.name)); ); ); ); </action>
<action name="floorspot_click" scope="local">
getclosesthotspot();
calc(closesths, hotspot[get(global.closesthsname)]);
tour_loadscene(get(closesths.linkedscene), null, MERGE|KEEPVIEW|KEEPMOVING, BLEND(1));
</action>Here is an example of hotspots:
<style name="hotspot" type="text" width="100" height="100" scale="1" mipmapping="true" zorder="1" distorted="true" depth="0" depthbuffer="true" torigin="world" capture="false" handcursor="false" clickablehotspot="true" keep="true"/>
<hotspot name="hotspot_001" style="hotspot" tx="-11820.78" ty="10.67" tz="8928.37" linkedscene="scene_M39_WT_001"/>
<hotspot name="hotspot_002" style="hotspot" tx="-9649.45" ty="-58.51" tz="8928.37" linkedscene="scene_M39_WT_002"/>
<hotspot name="hotspot_003" style="hotspot" tx="-7431.22" ty="-116.29" tz="8928.37" linkedscene="scene_M39_WT_003"/>But when I added to the project mouse_3d_cursor.xml (I deleted the old floorspot) and prescribed the same floorspot_click action for it, as you suggested above :
function ondoubleclick()
{
krpano.call("floorspot_click");
}With a double click, the logic of moving to the nearest hotspot from the click point disappeared somewhere, became incorrect. For example, it doesn't matter where you clicked, the movement always happens in one hotspot.
This is how it looks completely mouse_3d_cursor.xml:
<krpano>
<action name="mouse_3d_cursor" type="js" autorun="true" if="device.desktop"><![CDATA[
var mouse3d = null;
var normal = null;
var normal_l = 0;
var hit = null;
var renderloop_id = null;
krpano.have_mouse_3d_cursor = false;
krpano.actions.add_mouse_3d_cursor = function()
{
krpano.have_mouse_3d_cursor = true;
mouse3d = krpano.addhotspot("mouse3d_cursor","webgl");
mouse3d.type = "text";
mouse3d.width = mouse3d.height = 50;
mouse3d.bgcolor = 0xFFFFFF;
mouse3d.bgalpha = 0.5;
mouse3d.bgroundedge = 25;
mouse3d.css = "font-size:2px;"
mouse3d.textalign = "center";
mouse3d.distorted = true;
mouse3d.depth = 0;
mouse3d.enabled = false;
mouse3d.oversampling = 3;
normal = krpano.addhotspot("mouse3d_cursor_normal","webgl");
normal.polyline = true;
normal.bordercolor = 0xFFFFFF;
normal.depth = 0;
normal.enabled = false;
renderloop_id = krpano.actions.renderloop( renderloop );
krpano.events.addListener("ondoubleclick", ondoubleclick);
}
krpano.actions.remove_mouse_3d_cursor = function()
{
if (mouse3d)
{
mouse3d.remove();
mouse3d = null;
}
if (normal)
{
normal.remove();
normal = null;
}
if (renderloop_id)
{
krpano.actions.stoprenderloop(renderloop_id);
renderloop_id = null;
}
krpano.events.removeListener("ondoubleclick", ondoubleclick);
krpano.have_mouse_3d_cursor = false;
}
function ondoubleclick()
{
krpano.call("floorspot_click");
}
function renderloop()
{
if (krpano.hoveringelement)
{
mouse3d.alpha = normal.alpha = 0;
hit = null;
}
else
{
hit = krpano.actions.screentodepth(krpano.mouse.x, krpano.mouse.y);
if(hit)
{
mouse3d.alpha = 1;
mouse3d.rx = hit.rx;
mouse3d.ry = hit.ry;
mouse3d.rz = hit.rz;
mouse3d.tx = hit.x;
mouse3d.ty = hit.y;
mouse3d.tz = hit.z;
mouse3d.rotationorder = "zxy";
normal.alpha = 1;
normal.points3d = [hit.x, hit.y, hit.z, hit.x + normal_l*hit.nx, hit.y + normal_l*hit.ny, hit.z + normal_l*hit.nz].join(",");
}
else
{
mouse3d.alpha = 0;
}
}
}
]]></action>
</krpano>I can't figure out what the problem is.
Hello everyone, maybe someone knows how to call the normal krpano actions in javascript krpano actions.
Here are the normal krpano actions:
<action name="calculatedistance" scope="local" args="x1, y1, x2, y2"> pow(a, calc(x2-x1), 2); pow(b, calc(y2-y1), 2); set(global.distance, calc(sqrt(a+b))); </action>
<action name="gotoclosesthotspot" scope="local"> getclosesthotspot(); calc(closesths, hotspot[get(global.closesthsname)]); tween(view.tx, get(closesths.tx)); tween(view.tz, get(closesths.tz)); </action>
<action name="getclosesthotspot" scope="local"> set(lowestdistance, 100000); set(global.closesthsname, ""); for(set(i,0), i LE hotspot.count, inc(i), calc(hs, hotspot[get(i)]); if (hs.clickablehotspot == true, set (x1, get(hs.tx)); set (y1, get(hs.tz)); set (x2, get(caller.tx)); set (y2, get(caller.tz)); calculatedistance(get(x1), get(y1), get(x2), get(y2)); if(global.distance LT lowestdistance, set(lowestdistance, get(global.distance)); set(global.closesthsname, get(hs.name)); ); ); ); </action>
<action name="mouse_3d_click" scope="local">
getclosesthotspot();
calc(closesths, hotspot[get(global.closesthsname)]);
tour_loadscene(get(closesths.linkedscene), null, MERGE|KEEPVIEW|KEEPMOVING, BLEND(1));
</action>I want to call action "mouse_3d_click" in the function ondoubleclick() of javascript krpano actions. Here is the action itself:
<action name="mouse_3d_cursor" type="js" autorun="true" if="device.desktop"><![CDATA[
var mouse3d = null;
var normal = null;
var normal_l = 100.0;
var hit = null;
var renderloop_id = null;
krpano.have_mouse_3d_cursor = false;
krpano.actions.add_mouse_3d_cursor = function()
{
krpano.have_mouse_3d_cursor = true;
mouse3d = krpano.addhotspot("mouse3d_cursor","webgl");
mouse3d.type = "text";
mouse3d.width = mouse3d.height = 50;
mouse3d.bgcolor = 0xFFFFFF;
mouse3d.bgalpha = 0.5;
mouse3d.bgroundedge = 25;
mouse3d.css = "font-size:2px;"
mouse3d.textalign = "center";
mouse3d.distorted = true;
mouse3d.depth = 0;
mouse3d.enabled = false;
mouse3d.oversampling = 3;
normal = krpano.addhotspot("mouse3d_cursor_normal","webgl");
normal.polyline = true;
normal.bordercolor = 0xFFFFFF;
normal.depth = 0;
normal.enabled = false;
renderloop_id = krpano.actions.renderloop( renderloop );
krpano.events.addListener("ondoubleclick", ondoubleclick);
}
krpano.actions.remove_mouse_3d_cursor = function()
{
if (mouse3d)
{
mouse3d.remove();
mouse3d = null;
}
if (normal)
{
normal.remove();
normal = null;
}
if (renderloop_id)
{
krpano.actions.stoprenderloop(renderloop_id);
renderloop_id = null;
}
krpano.events.removeListener("ondoubleclick", ondoubleclick);
krpano.have_mouse_3d_cursor = false;
}
function ondoubleclick() // Enter an action "mouse_3d_click" here :
{
}
function renderloop()
{
if (krpano.hoveringelement)
{
mouse3d.alpha = normal.alpha = 0;
hit = null;
}
else
{
hit = krpano.actions.screentodepth(krpano.mouse.x, krpano.mouse.y);
if(hit)
{
mouse3d.alpha = 1;
mouse3d.rx = hit.rx;
mouse3d.ry = hit.ry;
mouse3d.rz = hit.rz;
mouse3d.tx = hit.x;
mouse3d.ty = hit.y;
mouse3d.tz = hit.z;
mouse3d.rotationorder = "zxy";
normal.alpha = 1;
normal.points3d = [hit.x, hit.y, hit.z, hit.x + normal_l*hit.nx, hit.y + normal_l*hit.ny, hit.z + normal_l*hit.nz].join(",");
}
else
{
mouse3d.alpha = 0;
}
}
}
]]></action>Thank you, I have already included this plugin in my tour, a really useful thing. When will this plugin be released and overlay will be removed ?
onclick="change_backgroundurl('');
<scene name="model" minpixelzoom="0" autoload="true" >
<view hlookat="90" vlookat="0" fovtype="MFOV" fov="140.000" maxpixelzoom="1" minpixelzoom="0" fovmin="70" fovmax="140" limitview="lookat" vlookatmin="-90" vlookatmax="90" />
<image prealign="-0.0|-0.0|-0.0" ox="0" oy="25" oz="0" >
<depthmap id="depthmap" url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" waitforload="true" cull="front" subdiv="0" />
</image>
<layer name="dron_container"
type="container"
bgalpha="1"
bgborder="0 0x000000 0"
alpha="1"
align="bottom"
keep="true"
x="-37.5"
y="90"
scale="1"
scale.mobile="1"
visible="true"
bgcapture="false"
onover="set(layer[podpis_dron].visible,true); "
onout="set(layer[podpis_dron].visible,false); ">
<layer name="dron_knopka"
type="image"
url="skin/dron.svg"
width="75"
height="75"
onclick="change_backgroundurl(''); dollhouse_view(); set(layer[dron_container].visible,false); "
onover=" "
onout=" "
visible="true"
scale.mobile="0.6"
y.mobile="65"
x.mobile="-7"
bgcapture="false"/>
</layer>
</scene>here is my scene :
<scene name="model" minpixelzoom="0" autoload="true" >
<view hlookat="90" vlookat="0" fovtype="MFOV" fov="140.000" maxpixelzoom="1" minpixelzoom="0" fovmin="70" fovmax="140" limitview="lookat" vlookatmin="-90" vlookatmax="90" />
<image prealign="-0.0|-0.0|-0.0" ox="0" oy="25" oz="0" >
<depthmap id="depthmap" url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" waitforload="true" cull="front" subdiv="0" />
</image>
</scene>
Alles anzeigenHi,
The action below allows for changing the background URL.
You can use it to set the url of the skybox, for example:
Codechange_backgroundurl('skybox.jpg');or to clear the backgroundurl:
Codechange_backgroundurl('');Action code:
CodeI hope Klaus will come with some better support to change the backgroundurl
Thank you very much, when calling change_background url(") it gives an error : ERROR: change_backgroundurl - TypeError: Cannot read properties of undefined (reading 'setAttribute')
Hello guys it possible to disable the depthmap.backgroundurl by onclick=" " ?
<depthmap url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" cull="front" />
Kme, thank you very much but where we set values for x1, y1, z1, x2, y2, z2 ?
Hi everybody
My tour consists of one scene in which there is a 3d model . There are about thirty hotspots in this 3D model. The problem is that all these hotspots are visible at the same time, but I wanted the visibility of the hotspot to depend on the current position of the camera in the 3d model.
For example, so that the hotspot is visible only at a distance of three meters from it, if the distance is greater, then it is not visible
Or prescribe hotspots visibility only in certain planes of the 3d model. Do you have any ideas?
Best regards, Nikolai
Alles anzeigenHi,
that's z-fighting and the reason is the limited precision of the rendering depthbuffer.
But it should be possible to improve that by using a custom depthrange setting:
https://krpano.com/docu/xml/#display.depthrangeThat sets the minimal (near) and maximum (far) depth rendering range.
And by using a smaller range, the precision within this range increases.E.g. try something like this:
Code
This defines a rendering-range from 10cm to 500m.Best regards,
Klaus
Thank you so much, it helped me 
Hello,
In dollhouse view mosaic appears on some parts of the 3d model. For what reason can this happen?
Attaching the screenshot :
Hi,
there is a new 1.21 release:
krpano 1.21 (pre-release)and with it the new depthmap.backgroundurl setting.
This allows using a spherical pano image as background.
Best regards,
Klaus
Thank you very much this is a really useful build
Hi guys
Is it possible to arrange a panorama around a 3d model, so that the 3d model is in the center, and the panorama is around. This must be done in order to get a view from the windows of the 3d model.
Best regards, Nikolai
That's not possible (by Apple).
Thanks
