Back to index

Setting up the stage

 

left click and move

Camera navigation

Examine Mode (activate with key ‘e’):
ButtonFunction
Left Button / Left Button + ShiftRotate
Mid Button / Left Button + CtlPan
Right Button / Wheel / Left Button + AltZoom
Left double clickSet center of rotation
Walk Mode (activate with key ‘w’):
ButtonFunction
Left ButtonMove forward
Right ButtonMove backward
Fly Mode (activate with key ‘f’):
ButtonFunction
Left ButtonMove forward
Right ButtonMove backward
Look at (activate with key ‘l’):
ButtonFunction
Left ButtonMove closer
Right ButtonMove back
Game Mode (activate with key ‘g’):
Movementfollows cursor or mouse movement
Non-interactive camera movement
KeyFunction
rreset view
ashow all
uupright
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta charset="utf-8"> <title>jqx3dom example 1</title> <!-- libraries --> <script src="http://www.x3dom.org/download/x3dom.js"></script> <link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'/> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="jquery.scene3d.js"></script> <script> $(function() { var myCanvas = $('#3dcanvas').scene3d(); myCanvas.addBox (); }); </script> </head> <body> <div id="3dcanvas"></div> </body> </html>