You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Alexey Tkachenko

Professional

  • "Alexey Tkachenko" started this thread

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

1

Wednesday, December 13th 2017, 9:37am

Textfield hotspots inside Andriod App are displayed differently

Hi everyone!

We're making a Cordova app using some of our VTs and we use textfield hotspots extensively (useful for some info in VR mode). Everything works OK, except the distorted text hotspots. In the app, font seems to be a bit bigger and text is sometimes shifted or cut out. I made a barebone example of this and tested it in Krpano testing server and inside the test app. See the difference in the attached screenshots.

I wonder if this can be fixed from Krpano side or maybe has anyone here ever stumbled upon the same problem?

Thanks for any help or hint! ;-)

P.S. We use the latest Krpano version (19.pr-4).
Alexey Tkachenko has attached the following images:
  • screen1.jpg
  • screen2.jpg
  • screen3.jpg
  • screen4.jpg
Regards,

Alexey

jordi

Intermediate

Posts: 459

Location: Barcelona

Occupation: creating ideas & coding them

  • Send private message

2

Wednesday, December 13th 2017, 10:20am

Maybe the problem is because of the device detection.

Just check what device you get back from inside the app... and maybe you will need to force a mobile
everpano.com step beyond 360

Alexey Tkachenko

Professional

  • "Alexey Tkachenko" started this thread

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

3

Wednesday, December 13th 2017, 10:33am

I forgot to add that I test on Xiaomi Redmi Note 4 (Android 6). The device is detected correctly. It seems for me that problem is somewhere in texfield WebGL internal code (maybe some parameter from the browser is not achieved by Krpano correctly and so the text goes messy).

See the attached screenshot from my mobile - I traced a lot of info to pinpoint the problem, but it seems that Krpano achieves all data like device and browser correctly.
Alexey Tkachenko has attached the following image:
  • log_screnshot.jpg
Regards,

Alexey

4

Wednesday, December 13th 2017, 5:40pm

Hi,

looks strange...

Is the font size different?
It looks a bit like that on your screenshot...

That could explain why the rendering-text wouldn't fit into the text-bounding-boxes... but I have no idea why the browser would report the text-bounding-boxes with a different font size than it would render the fonts...

There is basically no browser or feature detection involved in the text-rendering, so the problem must be somewhere else...

Do you have something for testing?

Best regards,
Klaus

Alexey Tkachenko

Professional

  • "Alexey Tkachenko" started this thread

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

5

Thursday, December 14th 2017, 8:41am

Hi)

Yes, I tested different font sizes and text settings (one hotspot with mipmapping and oversampling), but the result is still the same - OK in browsers and messy in our beta app.

Here's the link to my test example: http://vt.most-inform.com/bugs/text_spots/

All spots are with identical css setting now.

And the same spots inside the app (see screenshots).

However, I don't know how to share this example inside the app with you, Klaus... *confused*
Alexey Tkachenko has attached the following images:
  • screen5.jpg
  • screen6.jpg
  • screen7.jpg
  • screen8.jpg
Regards,

Alexey

Alexey Tkachenko

Professional

  • "Alexey Tkachenko" started this thread

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

6

Thursday, December 14th 2017, 9:40am

Small update here: if I set "renderer=css3d" to the hotspots, they look OK inside the app. However, no hotspots in VR in this case *sad* (see screenshots). So the problem is somehow connected to WebGL rendering...
Alexey Tkachenko has attached the following images:
  • screen9.jpg
  • screen10.jpg
Regards,

Alexey

Alexey Tkachenko

Professional

  • "Alexey Tkachenko" started this thread

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

7

Wednesday, February 21st 2018, 10:10am

Any news on this? Has anybody stumbled upon the same problem while making an app?
Regards,

Alexey