tutorials/detector/visualization/gearsX3D.html

<!DOCTYPE html>
<html> 
  <head> 
    <title>gears.x3d</title>
    <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
    <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'></link>
  </head> 
  <body style="padding:10px;">
    <div style="width:800px; margin:auto;">
      Rotate:
      <img width="50px" src="https://doc.x3dom.org/tutorials/animationInteraction/navigation/img/Mouse_Left.png"/>
      Zoom:
      <img width="50px" src="https://doc.x3dom.org/tutorials/animationInteraction/navigation/img/Mouse_Right.png"/>
      Zoom:
      <img width="44px" src="https://doc.x3dom.org/tutorials/animationInteraction/navigation/img/Mouse_Wheel_Scroll.png"/>
      Pan:
      <img width="50px" src="https://doc.x3dom.org/tutorials/animationInteraction/navigation/img/Mouse_Wheel_Press.png"/>
      More:
      <a href="https://doc.x3dom.org/tutorials/animationInteraction/navigation/">X3DOM Documentation</a>
    </div>
    <x3d> 
    <scene>
    <inline url="gears.x3d"></inline> 
    </scene> 
    </x3d> 
  </body>
</html>