Back

Black and white websites menu

An example of a 3D menu featuring the logos of some interesting projects. The menu control is binded to the keyboard, also the enter key is binded to the action of every item on the menu, which is going to the project's website. Backgroud image by Pasu Au Yeung on Flickr

Diaspora *

Use your keyboard arrows to move, enter to visit the website

						
 							
            
					  
						

var newMenu = new tombraidermenu('demo');
newMenu.setRadius(2000);
newMenu.setCameraHeight(1200);
newMenu.setCameraDistance(5800);
newMenu.addModel('Diaspora *','../models/diaspora.json','link','http://joindiaspora.com');
newMenu.addModel('Creative Commons Search','../models/creativecommons.json','link','https://search.creativecommons.org/');
newMenu.addModel('GNU','../models/gnu.json','link','http://www.gnu.org');
newMenu.addModel('Skateistan','../models/skateistan.json','link','http://skateistan.org');

$("body").keydown(function(e) {
  if(e.keyCode == 37) {
    newMenu.moveLeft();
    $("#selected").html(newMenu.getSelectedName());
  }
  else if(e.keyCode == 39) {
    newMenu.moveRight();
    $("#selected").html(newMenu.getSelectedName());
  }
  else if(e.keyCode == 13) {
    newMenu.action();
  }
});