Home Explore Help
Register Sign In
fcg-xvii
/
rest
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 2c8c1f9a4c
Branches Tags
rest
/
example
/
fox-ar
/
index.html

index.html 8.7 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5.   <meta charset="utf-8">
    6. 

  6.   <title>Следуй за Лисенком</title>
    7. 

  7.   <meta property="og:site_name" content="Следуй за Лисенком">
    8. 

  8.   <meta property="og:image" content="/assets/images/og.png">
    9. 

  9.   <meta property="og:locale" content="ru_Ru">
    10. 

  10.   <meta property="og:type" content="website">
    11. 

  11.   <script src="//cdn.8thwall.com/web/aframe/8frame-1.3.0.min.js"></script>
    12. 

  12.   <script src="//cdn.8thwall.com/web/xrextras/xrextras.js"></script>
    13. 

  13.   <script src='//cdn.8thwall.com/web/landing-page/landing-page.js'></script>
    14. 

  14.   <script src="//cdn.8thwall.com/web/aframe/aframe-extras-6.1.1.min.js"></script>
    15. 

  15.   <script async
    16. 

  16.     src="//apps.8thwall.com/xrweb?appKey=ofuJidnl48HjixY7NuXEKNNRVrmU0NfQzfPTEv6QsjBeNARK1P2YAduFR622ZMyApK4iLu"></script>
    17. 

  17.   <script src="change-prompt-on-ios.js"></script>
    18. 

  18. 

  19.   <script src="tap-place.js"></script>
    20. 

  20.   <script src="components/buttons-handler.js"></script>
    21. 

  21.   <script src="components/customize-buttons-in-capture-preview.js"></script>
    22. 

  22.   <script src="components/disable-culling.js"></script>
    23. 

  23.   <script src="components/fox-lifecycle.js"></script>
    24. 

  24.   <script src="components/hide-capture-button.js"></script>
    25. 

  25.   <script src="components/on-placed-handler.js"></script>
    26. 

  26.   <script src="components/tap-to-place.js"></script>
    27. 

  27. 

  28.   <link rel="stylesheet" href="styles.css">
    29. 

  29. </head>
    30. 

  30. 

  31. <body>
    32. 

  32.   <img class="logo" src="assets/images/logo.jpg" alt="mordovia" />
    33. 

  33. 

  34.   <div id="after-expiriens-buttons" class="after-expiriens-buttons hidden">
    35. 

  35.     <button id="repeat-button" class="after-expiriens-button">
    36. 

  36.       <svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
    37. 

  37.         <path
    38. 

  38.           d="M12.9968 7.63636H51.1786C51.8537 7.63636 52.5012 7.90454 52.9785 8.38191C53.4559 8.85928 53.7241 9.50672 53.7241 10.1818V28H48.6332V12.7273H12.9968V20.3636L0.269531 10.1818L12.9968 0V7.63636ZM43.5423 48.3636H5.36044C4.68534 48.3636 4.0379 48.0955 3.56053 47.6181C3.08317 47.1407 2.81499 46.4933 2.81499 45.8182V28H7.90589V43.2727H43.5423V35.6364L56.2695 45.8182L43.5423 56V48.3636Z"
    39. 

  39.           fill="white" />
    40. 

  40.       </svg>
    41. 

  41.       <span>Повторить</span>
    42. 

  42.     </button>
    43. 

  43.     <button id="share-button" class="after-expiriens-button">
    44. 

  44.       <svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
    45. 

  45.         <path fill-rule="evenodd" clip-rule="evenodd"
    46. 

  46.           d="M45.0333 11.462C46.2925 10.2028 46.9999 8.49503 46.9999 6.71429C46.9999 4.93355 46.2925 3.22574 45.0333 1.96657C43.7741 0.707397 42.0663 0 40.2856 0C38.5049 0 36.7971 0.707397 35.5379 1.96657C34.2787 3.22574 33.5713 4.93355 33.5713 6.71429C33.5713 7.19067 33.6219 7.66184 33.7202 8.1206L11.7785 19.0915C11.6773 18.9752 11.5717 18.862 11.462 18.7523C10.2028 17.4932 8.49503 16.7858 6.71429 16.7858C4.93355 16.7858 3.22574 17.4932 1.96657 18.7523C0.707397 20.0115 0 21.7193 0 23.5C0 25.2808 0.707397 26.9886 1.96657 28.2478C3.22574 29.5069 4.93355 30.2143 6.71429 30.2143C8.49503 30.2143 10.2028 29.5069 11.462 28.2478C11.5717 28.138 11.6772 28.0249 11.7785 27.9086L33.7202 38.8795C33.6219 39.3382 33.5713 39.8094 33.5713 40.2857C33.5713 42.0664 34.2787 43.7742 35.5379 45.0334C36.7971 46.2926 38.5049 47 40.2856 47C42.0663 47 43.7741 46.2926 45.0333 45.0334C46.2925 43.7742 46.9999 42.0664 46.9999 40.2857C46.9999 38.505 46.2925 36.7972 45.0333 35.538C43.7741 34.2788 42.0663 33.5714 40.2856 33.5714C38.5049 33.5714 36.7971 34.2788 35.5379 35.538C35.4282 35.6476 35.3228 35.7606 35.2216 35.8768L13.2798 24.9059C13.378 24.4473 13.4286 23.9763 13.4286 23.5C13.4286 23.0238 13.378 22.5528 13.2798 22.0942L35.2217 11.1232C35.3229 11.2394 35.4283 11.3524 35.5379 11.462C36.7971 12.7212 38.5049 13.4286 40.2856 13.4286C42.0663 13.4286 43.7741 12.7212 45.0333 11.462Z"
    47. 

  47.           fill="white" />
    48. 

  48.       </svg>
    49. 

  49.       <span>Поделиться</span>
    50. 

  50.     </button>
    51. 

  51.     <a href="https://mordovia-russia.ru/?utm_campaign=rm_entertainment&utm_content=webar" target="_blank"
    52. 

  52.       class="after-expiriens-button">
    53. 

  53.       <svg width="54" height="53" viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg">
    54. 

  54.         <path fill-rule="evenodd" clip-rule="evenodd"
    55. 

  55.           d="M27.4971 0.171888C27.3716 0.17009 27.246 0.169189 27.1203 0.169189C21.9239 0.169189 16.8442 1.71011 12.5235 4.5971C8.2028 7.48408 4.83524 11.5875 2.84665 16.3883C0.858064 21.1892 0.337758 26.472 1.35153 31.5686C2.36531 36.6652 4.86763 41.3467 8.54207 45.0211C12.2165 48.6955 16.898 51.1979 21.9946 52.2116C23.8152 52.5738 25.6596 52.7402 27.4972 52.7138C27.5469 52.7156 27.5966 52.7165 27.6464 52.7165C27.7618 52.7165 27.8768 52.7117 27.9913 52.702C31.1308 52.5979 34.2427 51.9311 37.1748 50.7165C41.9757 48.7279 46.0791 45.3604 48.9661 41.0397C51.8531 36.719 53.394 31.6393 53.394 26.4428C53.394 19.4746 50.6259 12.7918 45.6986 7.86456C40.977 3.14291 34.6432 0.403975 27.9911 0.183606C27.8767 0.17402 27.7617 0.169189 27.6464 0.169189C27.5966 0.169189 27.5468 0.170091 27.4971 0.171888ZM27.5597 3.33593C27.6324 3.33732 27.7052 3.33904 27.7779 3.34111C28.8129 3.48428 30.5227 5.27578 31.9913 9.01952C32.8609 11.237 33.542 13.8227 34.0143 16.6486H21.2709C21.7411 13.8227 22.4225 11.237 23.3015 9.01952C24.796 5.21706 26.5342 3.43276 27.5597 3.33593ZM18.0811 16.6486C18.9307 11.2593 20.4607 6.75361 22.4003 3.82335C18.0333 4.7384 13.9881 6.90526 10.7855 10.1079C8.86955 12.0238 7.32434 14.2412 6.19604 16.6486H18.0811ZM4.98732 19.8112H17.6723C17.4563 21.9297 17.3413 24.1521 17.3413 26.4428C17.3413 28.7319 17.4561 30.9527 17.6718 33.0697H4.97972C4.33962 30.9311 4.00926 28.6995 4.00926 26.4428C4.01164 24.1759 4.34669 21.9436 4.98732 19.8112ZM20.8435 19.8112H34.4448C34.6718 21.9386 34.7889 24.1646 34.7889 26.4428C34.7889 28.7194 34.6743 30.9437 34.4498 33.0697H20.8486C20.6214 30.9437 20.5039 28.7194 20.5039 26.4428C20.5039 24.1646 20.6187 21.9386 20.8435 19.8112ZM37.6205 19.8112C37.8365 21.9297 37.9515 24.1521 37.9515 26.4428C37.9515 28.7319 37.8367 30.9527 37.6209 33.0697H49.261C49.4691 32.3744 49.6449 31.6676 49.7873 30.9516C50.5258 27.2392 50.3389 23.4145 49.2595 19.8112H37.6205ZM48.0535 16.6486C46.2689 12.8343 43.4725 9.57358 39.9602 7.22668C37.8416 5.81109 35.5155 4.76342 33.0799 4.11336C34.9306 7.04676 36.3896 11.434 37.2117 16.6486H48.0535ZM21.2796 36.2322H34.0227C33.5525 39.0601 32.8708 41.6474 31.9913 43.8662C30.5224 47.5967 28.8166 49.401 27.7778 49.5446C27.7049 49.5466 27.6321 49.5484 27.5592 49.5498C26.5251 49.4531 24.7914 47.6643 23.3015 43.8662C22.4337 41.6474 21.7525 39.0601 21.2796 36.2322ZM18.0803 36.2322H6.18496C6.67802 37.2867 7.25206 38.3067 7.90418 39.2827C10.4437 43.0833 14.0531 46.0455 18.2761 47.7947C19.6156 48.3495 20.9977 48.7744 22.4037 49.0675C20.462 46.1365 18.9303 41.6269 18.0803 36.2322ZM48.0557 36.2322H37.2125C36.3905 41.449 34.9311 45.838 33.0799 48.7723C36.9985 47.7265 40.5821 45.665 43.4623 42.7848C45.3729 40.8743 46.9232 38.6543 48.0557 36.2322Z"
    56. 

  56.           fill="white" />
    57. 

  57.       </svg>
    58. 

  58.       <span>Сайт</span>
    59. 

  59.     </a>
    60. 

  60.   </div>
    61. 

  61. 

  62.   <!-- Add the tap-place component to the scene so it has an effect -->
    63. 

  63.   <a-scene landing-page xrextras-loading xrextras-runtime-error fox-lifecycle buttons-handler hide-capture-button
    64. 

  64.     renderer="colorManagement: true" xrweb="allowedDevices: any;">
    65. 

  65.     <!-- We can define assets here to be loaded when A-Frame initializes -->
    66. 

  66.     <a-assets>
    67. 

  67.       <a-asset-item id="fox-model" src="assets/fox_v30.glb"></a-asset-item>
    68. 

  68.     </a-assets>
    69. 

  69. 

  70.     <xrextras-capture-button></xrextras-capture-button>
    71. 

  71. 

  72.     <!-- configure capture settings -->
    73. 

  73.     <xrextras-capture-config file-name-prefix="fox-ar-" request-mic="manual"></xrextras-capture-config>
    74. 

  74. 

  75.     <!-- add capture preview -->
    76. 

  76.     <xrextras-capture-preview action-button-share-text="Поделиться"></xrextras-capture-preview>
    77. 

  77. 

  78.     <!-- The raycaster will emit mouse events on scene objects specified with the cantap class -->
    79. 

  79.     <a-camera id="camera" position="0 8 0"> </a-camera>
    80. 

  80. 

  81.     <a-entity light="
    82. 

  82.           type: directional;
    83. 

  83.           intensity: 0.8;
    84. 

  84.           castShadow: true;
    85. 

  85.           shadowMapHeight:2048;
    86. 

  86.           shadowMapWidth:2048;
    87. 

  87.           shadowCameraTop: 20;
    88. 

  88.           shadowCameraBottom: -20;
    89. 

  89.           shadowCameraRight: 20;
    90. 

  90.           shadowCameraLeft: -20;
    91. 

  91.           target: #fox" xrextras-attach="target: fox; offset: 8 15 4" position="1 4.3 2.5" shadow>
    92. 

  92.     </a-entity>
    93. 

  93. 

  94.     <a-light type="ambient" intensity="0.5"></a-light>
    95. 

  95. 

  96.     <!-- Adding the cantap class allows the ground to be clicked -->
    97. 

  97.     <a-box id="ground" scale="1000 2 1000" position="0 -1 0" material="shader: shadow" shadow>
    98. 

  98.     </a-box>
    99. 

  99.     <a-entity id="fox-wrapper" tap-to-place on-placed-handler>
    100. 

  100.       <a-ring id="tap-to-place-cursor" rotation="-90 0 0" material="shader: flat; color: #F7C200" radius-inner="0.5"
    101. 

  101.         radius-outer="0.8">
    102. 

  102.       </a-ring>
    103. 

  103.       <a-entity id="fox" gltf-model="#fox-model" disable-culling visible="false" rotation="0 -135 0"
    104. 

  104.         scale="2 2 2"></a-entity>
    105. 

  105.     </a-entity>
    106. 

  106.   </a-scene>
    107. 

  107. 

  108. </body>
    109. 

  109. 

  110. </html>
    111.