Keyboard control

HansNyb

Professional

Posts: 1,063

Location: Denmark

Occupation: Photographer

Tuesday, September 4th 2012, 5:43pm

Keyboard control

I just noticed on my updated tour that panning with arrow keys does not work.

I can see in the documentation that it says.

"Keyboard controls - currently not supported but manually already possible via xml events and actions."

How would it be possible to make panning with actions using the arrow keys?

Hans

Go to the top of the page

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

Tuesday, September 4th 2012, 6:21pm

krpano key down

onkeydown="trace(keycode);" pipe to an action to recreate flash.

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Go to the top of the page

klaus.krpano

Administrator

Posts: 13,499

Tuesday, September 4th 2012, 8:49pm

Hi,

here a full example for keyboard panning/zooming for Desktop HTML5:

Source code

<events name="html5_keyboard_controls" devices="html5+desktop" keep="true"
    	onkeydown="html5_keydown();"
    	onkeyup="html5_keyup();"
    	/>

<action name="html5_keydown">
  if(keycode == 37, set(hlookat_moveforce,-1));
  if(keycode == 39, set(hlookat_moveforce,+1));
  if(keycode == 38, set(vlookat_moveforce,-1));
  if(keycode == 40, set(vlookat_moveforce,+1));
  if(keycode == 16, set(fov_moveforce,-1));
  if(keycode == 17, set(fov_moveforce,+1));
</action>

<action name="html5_keyup">
  if(keycode == 37, set(hlookat_moveforce,0));
  if(keycode == 39, set(hlookat_moveforce,0));
  if(keycode == 38, set(vlookat_moveforce,0));
  if(keycode == 40, set(vlookat_moveforce,0));
  if(keycode == 16, set(fov_moveforce,0));
  if(keycode == 17, set(fov_moveforce,0));
</action>

Best regards,
Klaus