Howto: Navigate Scenes with Arrow Keys (Similar to a Powerpoint or Keynote Presentation)

Scenes
4

Thats a good call by @warrenao.

You would need to set the keypress to all your scenes.

Or you could place this in the Head

<script type="text/javascript">	
    	document.onkeypress = function (e) {
   // e = e || window.event;
   
   var thisName = 'Keypress Test'; // This is the name of your exported document
   
  var docNameCheck =  HYPE.documents[thisName] ;
  if (docNameCheck == undefined){
  thisName = 'index'  ; //- this is for testing within hype
  }
  
  
  HYPE.documents[thisName].functions().kp(HYPE.documents[thisName]) ;
  
 
    
};
    
    </script>

Which will then act on all scenes.

You will need to use your documents name.
i.e I exported my document out as “Keypress Test”

“Keypress Test” is the document name that hype will use when you have exported it.

The 'index’ is the name of your hype document while previewing in hype

This code will allow you to Preview in hype and export without having to change things each time.

Just make sure you put your document name first for the : var thisName =

2 Likes