Posts by nosferatu

Thank you for your reply!

Yes, this is really a browser bug.
In my tests, I found that the browser IE11 initializes properties image naturalWidth and naturalHeight as 0.

Klaus, could you please comment on this problem? Thank you!

Hi Klaus! I noticed the strange behavior of webgl hotspots.

We have an overlay that according to the viewing area.
It has a green button that responds to the mouse events.
But when the webgl hotspot is located under the button, it reacts to mouseover and mouseout.
And it interferes with navigation.

I created this test to demonstrate the problem: https://karta3d.net/aua/bugs/layout-onover/
Hover over the hotspot in the center of the screen.

css3d hotspots work correctly.

Quote from spacerywirtualne

Hi, If you want this particular shape, use the krpano syntax. Then everything will work (HTML5 only, but...)

Hello!
I need to use rather complicated svg images.
This form is just an example.

Hello Klaus!

I noticed that the svg image is not displayed in ie11.
And I created a test page to demonstrate this problem.

If you manually set the background-size, then we will see the image.

Could you solve this problem?
Thank you!

Example: https://karta3d.net/aua/bugs/svg_ie11/

<layer name="icon"
	   url="svg/icon.svg"
	   align="center"
	   crop="100|0|100|100"
	   width="100"
	   height="100"
	   event="fix()"
/>


<layer name="test" type="text" align="top" y="15" padding="8 10" html="FIX IE11" onclick="callwith(layer[icon], event)" />


<action name="fix" type="JavaScript">
	setTimeout(function() {caller.sprite.style.backgroundSize = "200px, 400px"}, 0);
</action>

I want to ask you, if possible, could you add this feature in next release.
This important for me and many thanks for this!

Klaus, could you please comment on my question? Thank you!

Other data, such as time and date of shooting, will also be useful.

Hello Klaus!
Is it possible today to generate GPS altitude with a droplet?
Unfortunately I could not find any mention in the documentation.

Hi Klaus!
I have a question.

I know how to change the rotation axis of the distorted hotspot using the edge attribute.
But I need an arbitrary point, for example - 25% for "x" and "y" relative to the top left edge.
Using "ox" and "oy" at a glance is suitable for this purpose.
But when I change the value of "rx/ry/rz", I see that the rotation axis does not match the "ox" / "oy" point.
Attributes "tx" and "ty" also do not give the desired result.
Only the "rotate" attribute rotates the hotspot relative to the arbitrary point.
So, it turns out that it cannot be realized?

Hello, Klaus!
I noticed a strange halo that arises when using a transparent gradient png-mask.
This effect appears on iPhone 7, iOS 10, Chrome / Safari.
Did you know something about this problem?

http://n.frylark.ru/@temp/_bugs/mask_png/ - example pano
http://n.frylark.ru/@temp/_bugs/mask_png/data/14_01_snap.jpg - halo
http://n.frylark.ru/@temp/_bugs/mask_png/data/14_01_mask.png - mask

Thank you for the explanation!
I applied the workaround and signed up for the event through action.

<layer name="intro" ... onloaded="set(events.onpreviewcomplete, action); loadscene(0)" />

Why event "onpreviewcomplete" triggered then when there is no preview?

In the document says - "This event will be called when the loading of the preview image was completed"
But I do not have any preview image.

<krpano>
	<events onpreviewcomplete="showlog()" />
</krpano>

Klaus, thank you so much for your work!
This is a great plugin!
Now we will do it better of virtual tours.
Wonderful effect for intro.

I fixed some bugs in the code and edited my post above.
Yet I do not get the desired result.

Once I write the variable "vColor", I get a black screen:

gl_FragColor = vColor * vec4(sum.rgb, 1.0);

Without this variable I get a strange effect:

gl_FragColor = vec4(sum.rgb, 1.0);

Help me please.

Hi Klaus!

I tried to realize the effect of blurring based on the above link - https://github.com/mattdesl/lwjgl…fragment-shader
but I get strange stripes.

Here is my code:

return "\
	precision mediump float; \
	varying vec4 vColor; \
	varying vec2 tx; \
	uniform sampler2D sm; \
	uniform float resolution; \
	uniform float radius; \
	uniform vec2 dir; \
	\
	void main() {  \
		vec4 sum = vec4(0.0); \
		vec2 tc = tx; \
		float blur = radius/resolution;  \
		\
		float hstep = dir.x; \
		float vstep = dir.y; \
		\
		sum += texture2D(sm, vec2(tc.x - 4.0*blur*hstep, tc.y - 4.0*blur*vstep)) * 0.0162162162; \
		sum += texture2D(sm, vec2(tc.x - 3.0*blur*hstep, tc.y - 3.0*blur*vstep)) * 0.0540540541; \
		sum += texture2D(sm, vec2(tc.x - 2.0*blur*hstep, tc.y - 2.0*blur*vstep)) * 0.1216216216; \
		sum += texture2D(sm, vec2(tc.x - 1.0*blur*hstep, tc.y - 1.0*blur*vstep)) * 0.1945945946; \
		\
		sum += texture2D(sm, vec2(tc.x, tc.y)) * 0.2270270270; \
		\
		sum += texture2D(sm, vec2(tc.x + 1.0*blur*hstep, tc.y + 1.0*blur*vstep)) * 0.1945945946; \
		sum += texture2D(sm, vec2(tc.x + 2.0*blur*hstep, tc.y + 2.0*blur*vstep)) * 0.1216216216; \
		sum += texture2D(sm, vec2(tc.x + 3.0*blur*hstep, tc.y + 3.0*blur*vstep)) * 0.0540540541; \
		sum += texture2D(sm, vec2(tc.x + 4.0*blur*hstep, tc.y + 4.0*blur*vstep)) * 0.0162162162; \
		\
		gl_FragColor = vec4(sum.rgb, 1.0);  \
	}"

krpano.webGL.context.uniform2f(shader.dir, 1, 0);
krpano.webGL.context.uniform1f(shader.resolution, 1024);
krpano.webGL.context.uniform1f(shader.radius, 20);

shader = krpano.webGL.createPostProcessingShader( get_shader_src(), "sharpen_factor,sz,dir,resolution,radius");

Could you tell me what I'm doing wrong?
Thank you!

Thank you for your reply! )
Yes, this example I have in mind.

I found one solution that works for CSS3D:

var spot = krpano.hotspot.getItem("test").sprite;


spot.onclick = function(event)
{
	console.log(event.offsetX);	// for Chrome
	console.log(event.layerX);	// for FF
}

Thus, we get a discrete coordinates inside DIV-element in perspective.
Regardless of the values of: rx, ry, rz, ox, oy, ath, atv, fov, hlookat and vlookat.

If you can realize this function for WebGL - it will be very good.

Hi Klaus!

In your example, "drag hotspot" determined coordinates of the center hotspot.
The problem is that when you drag the hotspot, the cursor does not adhere to the starting position of the mouse.
Is it possible to determine the coordinates of any start point inside the hotspot?

Thank you!

Does someone have an idea?

Hi Klaus!
I know that the distance between the side edges of the cube is 1000px.
But how to find the distance between two arbitrary hotspot?
Can you tell me some formula?
Thank you!