templates/freeworld3D/freeworld3D.html.twig line 1

Open in your IDE?
  1. {% extends 'layoutFreeworld3d.html.twig' %}
  3. {% block page_contents %}
  5.     {% for message in app.flashes('notice') %}
  6.         <div class="flash-notice">
  7.             <div class='notice'>{{ message }}</div>
  8.         </div>
  9.     {% endfor %}
  10.     {% for message in app.flashes('error') %}
  11.         <div class="flash-error">
  12.             <div class='error'>{{ message }}</div>
  13.         </div>
  14.     {% endfor %}
  16.         <!-- X3D  -->
  17.         <div style="width: 100vw; height: 90vh; display:block; right:0; left:0; box-sizing: border-box; position: absolute; left: 0; right: 0; background-color: Black;" id="x3d" class="x3d_container">
  18.                 <!-- menu -->
  19.                     <div style="position: absolute; left: 0px; width: 73px; height: 100%; display:block; border-right: 1px solid #2299C6; background-color: #222; opacity: 0.8; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: Silver; padding-top:5px; z-index: 3;" id="x3d_menu">
  20.                     
  21.                     <div>X3D menu</div>
  22.                     <div style="margin-top:1px" id="x3d_menu_viewpoint_home">
  23.                         <button id="button_viewpoint_home" onclick="changeViewpoint('x3d_viewpoint_home')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_home.png' ); background-size: 65px 65px; height: 67px; width: 67px;" title="Home Viewpoint"></button>
  24.                     </div>                        
  25.                     <div style="margin-top:2px" id="x3d_menu_viewpoint_menu">
  26.                         <button id="button_viewpoint_menu" onclick="changeViewpoint('x3d_viewpoint_menu')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_menu.png' ); background-size: 65px 65px; height: 67px; width: 67px;" title="Menu Viewpoint"></button>
  27.                     </div>
  29.                         <span style="margin-top:3px;margin-right:1px" id="x3d_menu_fullscreen">
  30.                         <button id="button_fullscreen" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_fullscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="full screen"></button>
  31.                     </span>
  32.                         <span style="margin-top:3px" id="x3d_menu_defaultscreen">
  33.                             <button id="button_defaultscreen" onclick="sceneResize('normal')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_defaultscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
  34.                       </span>
  35.                       <!--
  36.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_1">
  37.                             <button id="button_viewpoint_1" onclick="changeViewpoint('x3d_viewpoint_1')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 1"></button>
  38.                       </div>
  39.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_2">
  40.                             <button id="button_viewpoint_2" onclick="changeViewpoint('x3d_viewpoint_2')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 2"></button>
  41.                       </div>
  42.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_3">
  43.                             <button id="button_viewpoint_3" onclick="changeViewpoint('x3d_viewpoint_3')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 3"></button>
  44.                       </div>    
  45.                       -->
  47.                   </div>
  49.     
  50.                   {% if app.request.get('navigationInfoType') is defined and app.request.get('navigationInfoType') != '' %}
  51.                     {% set navigationInfoType = app.request.get('navigationInfoType') %}
  52.                 {% else %}
  53.                     {% set navigationInfoType = "FLY" %}
  54.                 {% endif %}
  55.                 
  57.                 <x3d width='100%' height="90vh" id="x3d_section" style="height: 90vh; border-bottom: 2px solid #EA5B0C;background-color: #222;">
  58.                 <scene id="x3d_scene">
  60.                     <navigationInfo type='"{{ navigationInfoType }}"' id="navType"></navigationInfo>
  61.                     
  62.                     <viewpoint orientation='0 1 0 -0' position='0 3 12'  id='x3d_viewpoint_1'></viewpoint>
  63.                     <viewpoint orientation='0 1 0 0' position='0 3 3'  id='x3d_viewpoint_2'></viewpoint>
  64.                     <viewpoint orientation='0 1 0 0.5' position='-10 3 -13'  id='x3d_viewpoint_3'></viewpoint>
  65.                     <viewpoint orientation='0 1 0 -0' position='0 3 11'  id='x3d_viewpoint_home'></viewpoint>
  66.                     <viewpoint orientation='0 1 0 0' position='0 3 5'  id='x3d_viewpoint_menu'></viewpoint>
  67.                     
  68.                     <DirectionalLight ambientIntensity='0.835991' direction='0.584419 0.286636 0.75914'></DirectionalLight>
  70.                     <Background groundColor='0.2 0.2 0 0.3 0.3 0 0.5 0.5 0.3 0.1 0.3 0.4 0 0.2 0.4' skyAngle='0.04 0.05 0.1 1.309 1.570' skyColor='0.8 0.8 0.2 0.8 0.8 0.2 0.1 0.1 0.6 0.1 0.1 0.6 0.1 0.25 0.8 0.6 0.6 0.9'></Background>
  72.                     {% if freeWorld3D.preferredPosition is defined %}
  73.                         {% set preferredPosition = freeWorld3D.preferredPosition %}
  74.                     {% else %}
  75.                         {% set preferredPosition = '0 0 0' %}
  76.                     {% endif %}
  78.                     {% if freeWorld3D.preferredRotation is defined %}
  79.                         {% set preferredRotation = freeWorld3D.preferredRotation %}
  80.                     {% else %}
  81.                         {% set preferredRotation = '0 1 0 0' %}
  82.                     {% endif %}
  84.                     <!-- FreeWorld X3D -->
  85.                     <Transform DEF = 'FreeWorldX3D'
  86.                         translation = '{{ preferredPosition }}'
  87.                         scale = '1 1 1'
  88.                         rotation='{{ preferredRotation }}'>
  89.                         <Inline nameSpaceName="FreeWorld" mapDEFToID="true" url="{{ freeWorld3D.xmlFile|raw }}"></Inline>
  90.                     </Transform>
  92.                 </scene>
  93.               </x3d>
  94.     </div>
  96. {% endblock %}