Posts by alexp

When you use static template without bundler it works https://codesandbox.io/s/gallant-pate…ile=/index.html

It seems this error is specific to Codesandbox or Parcel.
For example this works fine locally, but have an error in Codesandbox https://codesandbox.io/s/admiring-daw…ile=/index.html

You can acces krpano object like this

const krpano = document.getElementById('krpanoSWFObject').get('global');

Where krpanoSWFObject is the id that you pass to the embedpano

embedpano({ id:"krpanoSWFObject"....})

You need to call the embedpano function after the krpano script is loaded.
As it's done in the krpano default html synchronously or use load event if you load script dynamically.

Hi, disable xml encryption in your old project if it's enabled.

To disable it onstart in the skin.xml there is an option in the description setting

openatstart="true"

change it to false

To close it call action

closeKolorArea_description()

Here is an example code

<hotspot name="spot1" onover="get_scene_data" onout="set(layer[scene_data_img].visible, false)"

<layer name="scene_data_img" keep="true" width="200" height="100" align="top" edge="bottom" />
<layer name="scene_data_text" keep="true" type="text" parent="scene_data_img" align="center" css="text-align:center" />

<action name="get_scene_data">
     txtadd(layer[scene_data_img].parent, 'hotspot[',get(name),']');
     set(layer[scene_data_img].url, get(scene[get(linkedscene)].thumburl));
     set(layer[scene_data_text].html, get(scene[get(linkedscene)].title));
     set(layer[scene_data_img].visible, true);
    </action>

Google for Screen Sharing Apps

Quote from aschakel

But, how to make a CSS hotspot?

I mean to add styles to a hotspot that is made in KRpano, as in your example.
Hotspots should have property renderer="css3d" and you can get the sprite hotspot[name].sprite - an element that you can style with CSS, add CSS class to it with Javascript element.classList.add("class-name")

Yes it's absolutely possible with krpano.
However, in this example, this made with CSS transform and transition.
It has a div element with an icon with border-radius: 50%; that makes it round and :hover rule that change it to the bigger size and transition property to animate the size changing. The second div element with the title has a small scale by default to be invisible and on hover the icon element title has transform: scale(1, 1); and transition to smoothly appear on the screen.

Quote from tshah

How do I dynamically place the layer to the opposite side if the hotspot's location is too close to the edge?

You can change the layer edge property.
Here is the action example, it works better if your layer aligned to "top"

<action name="change_edge" type="Javascript"><![CDATA[
  var hotspotName = args[1];
  var layerName = args[2];
  var offset = parseFloat(args[3]);
  var l = krpano.layer.getItem(layerName);
// save original edge
  if (!l.origedge) l.origedge = l.edge || l.align;


  function getEdge (hs, offset) { 
    var edges = krpano.spheretoscreen(krpano.hotspot.getItem(hs).ath, 0);
    return edges.x < offset ?
        'lefttop' :
        edges.x > (krpano.stagewidth - offset) ? 'righttop' : l.origedge;
  };


  l.edge = getEdge(hotspotName, offset);
]]></action>

and call it on hotspot click

change_edge(get(name), layername, offsetvalue)

layername - name of the layer child of the hotspot
offsetvalue is a number for example: 50

Maybe upgrade krpano to 1.20.8 for panotour will help...

Quote from webseta

hotspot.url = "data:text/plain

Did you try data:text/javascript ?

Quote from jeromebg

Thanx a lot for the Panotour package update !
When adding a basic hotspot to go to another scene a warning message is displayed in the logs : WARNING: Unknown action: events.dispatch ?

I also see warning messages in log of the Panotour project

All events.dispatch produses warnings.
There is an action

<action name="mainloadscene">
if (xml.scene != %1, events.dispatch(onleavingscene, true);
....

If I call this action in Chrome devtools - no warnings in the krpano log.

Also, there was a warning for jsget....

Quote from jeromebg

With the new package for Panotour the html file isn't generated ? (tried on on new built project)

I did with fullpage.html template - works ok

Yes you can use a basic action. I just saw in your code krpano.events... which is used in Javascript type actions.

Depends on your project,
dynamically set onnewscene action in event

set(events['testevent'].onnewscene, 'newsceneaction');

or set in event directly

<events keep="true" name="testevent" onnewscene="newsceneaction" />

The action, which will be executed on new scene

<action name="newsceneaction">jsget(returnedValue, 'someFunction()');trace('value: ', get(returnedValue));</action>

In the action of type="Javascript" you can try like this

krpano.events.getItem('testevent').onnewscene = "jsget(returnedValue, 'someFunction()');trace('value: ', get(returnedValue));";

This assumes that you have event 'testevent' in the xml and someFunction returns a value

As stated in the docs, in onready callback you get krpano Javascript-Interface object (where you need to use get, set, call).
Inside the plugin you get The krpano Interface Object - this object provides access to interfacing functions and to the whole krpano data structure.

Quote from Leon

DeviceOrientationEvent.requestPermission()
.then(function() {
console.log('DeviceOrientationEvent, DeviceMotionEvent enabled');
})

It seems permission have to be requested separately for DeviceOrientationEvent and DeviceMotionEvent