bundle.js

(()=>{var t={550(t){t.exports="assets/fonts/PathwayGothicOne-Regular.ttf"},782(t){t.exports="assets/icons/mute.svg"},745(t){t.exports="assets/icons/pause.svg"},323(t){t.exports="assets/icons/play.svg"},622(t){t.exports="assets/icons/sound.svg"},472(t,e,n){"use strict";n.d(e,{A:()=>s});var o=n(645),r=n.n(o),a=n(278),i=n.n(a)()(r());i.push([t.id,"/* Style for \"Tap To Place Hologram\" text overlay */\n.over {\n  z-index: 10;\n  position:absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  pointer-events: none;\n  \n  text-align: center;\n  color: white;\n  font-family: 'Nunito', monospace;\n  text-shadow: 0px 0px 5px black;\n}\n\n#promptText {\n  bottom: 12vh;\n  font-size: 8vw;\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, 0);\n  pointer-events: none;\n}\n\n#pauseBtn {\n  position: absolute;\n  bottom: 2vh;\n  left: 4vw;\n  width: 7vw;\n  pointer-events: auto;\n}\n\n#muteBtn {\n  position: absolute;\n  bottom: 2vh;\n  right: 4vw;\n  width: 8vw;\n  pointer-events: auto;\n}\n\n#starField {\n  position: relative;\n\n  pointer-events: none;\n}\n\n#gradient-box {\n  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));\n  z-index: -1;\n  width: 100vw;\n  height: 20vh;\n  position: absolute;\n  bottom: 0;\n  pointer-events: none;\n}\n",""]);const s=i},278(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},e.i=function(t,n,o,r,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);o&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),e.push(u))}},e}},645(t){"use strict";t.exports=function(t){return t[1]}},292(t){"use strict";var e=[];function n(t){for(var n=-1,o=0;o<e.length;o++)if(e[o].identifier===t){n=o;break}return n}function o(t,o){for(var a={},i=[],s=0;s<t.length;s++){var c=t[s],l=o.base?c[0]+o.base:c[0],u=a[l]||0,d="".concat(l," ").concat(u);a[l]=u+1;var p=n(d),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)e[p].references++,e[p].updater(m);else{var h=r(m,o);o.byIndex=s,e.splice(s,0,{identifier:d,updater:h,references:1})}i.push(d)}return i}function r(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,r){var a=o(t=t||[],r=r||{});return function(t){t=t||[];for(var i=0;i<a.length;i++){var s=n(a[i]);e[s].references--}for(var c=o(t,r),l=0;l<a.length;l++){var u=n(a[l]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}a=c}}},383(t){"use strict";var e={};t.exports=function(t,n){var o=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},88(t){"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},884(t,e,n){"use strict";t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},893(t){"use strict";t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,r&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(o,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},997(t){"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var a=e[o]={id:o,exports:{}};return t[o](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nc=void 0,(()=>{"use strict";var t=n(292),e=n.n(t),o=n(893),r=n.n(o),a=n(383),i=n.n(a),s=n(884),c=n.n(s),l=n(88),u=n.n(l),d=n(997),p=n.n(d),m=n(472),h={};function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,r,a,i,s=[],c=!0,l=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(s.push(o.value),s.length!==e);c=!0);}catch(t){l=!0,r=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw r}}return s}}(t,e)||function(t,e){if(t){if("string"==typeof t)return f(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(){document.querySelector("#background-sky").remove(),document.querySelector("#promptText").innerHTML="Tap to Place<br>Hologram"}function g(){var t=document.querySelector("#background-sky");t.emit("startBackgroundFadeOut",null,!1),document.querySelector("#scrollingText").emit("startTextFadeOut",null,!1),t.components.animation__sky_002.el.addEventListener("animationcomplete",y)}h.styleTagTransform=p(),h.setAttributes=c(),h.insert=i().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=u(),e()(m.A,h),m.A&&m.A.locals&&m.A.locals,AFRAME.registerComponent("holostream-component",{schema:{src:{default:""},size:{default:1},"touch-target-size":{default:"1.65 0.35"},"touch-target-offset":{default:"0 0"},"touch-target-visible":{default:!1}},init:function(){var t=this;this.meshInitialized=!1,this.showedPrompt=!1,this.placedHologram=!1,this.camera=document.getElementById("camera"),this.ground=document.getElementById("ground"),this.prompt=document.getElementById("promptText"),this.sfxPlayed=0;var e={debugEnabled:!1,targetCanvasID:"",threeScene:this.el.sceneEl.object3D,threeCamera:this.camera.object3D,threeRenderer:this.el.sceneEl.renderer,hideUI:!0,overrideRender:!0,showPlayButtonOnLoadingScreen:!1};this.holoStream=new HoloStream(e),this.holoStream.openURL(this.data.src),this.el.setAttribute("visible","false");var o=v(this.data["touch-target-size"].split(" ").map(function(t){return Number(t)}),2),r=o[0],a=o[1],i=v(this.data["touch-target-offset"].split(" ").map(function(t){return Number(t)}),2),s=i[0],c=i[1],l=this.data["touch-target-visible"]?.2:0;this.el.insertAdjacentHTML("beforeend",'\n    <a-entity \n      id="tap-volume"\n      geometry="primitive: cylinder; height: '.concat(r,"; radius: ").concat(a,'" \n      material="transparent: true; opacity: ').concat(l,'; depthTest: false;" \n      position="').concat(s," ").concat(r/2," ").concat(c,'" \n      class="cantap"\n      shadow="cast: false; receive: false">\n    </a-entity>')),this.pauseBtn=document.getElementById("pauseBtn");var u=this.holoStream.playing,d=n(323),p=n(745);this.pauseBtn.addEventListener("click",function(){(u=!u)?(t.pauseBtn.src=d,t.holoStream.handlePlay(!1)):(t.pauseBtn.src=p,t.holoStream.handlePlay(!0))}),this.muteBtn=document.getElementById("muteBtn");var m=this.holoStream.videoWorker.videoPlayer.muted,h=n(782),f=n(622);this.muteBtn.addEventListener("click",function(){(m=!m)?(t.muteBtn.src=h,t.holoStream.videoWorker.videoPlayer.muted=!0):(t.muteBtn.src=f,t.holoStream.videoWorker.videoPlayer.muted=!1)}),this.placeHologram=function(e){t.prompt.style.display="none",t.pauseBtn.style.display="block",t.muteBtn.style.display="block";var n=t.holoStream.getThreeMesh();n.scale.set(t.data.size,t.data.size,t.data.size),n.castShadow=!1,t.el.object3D.add(n),t.el.setAttribute("visible","true");var o=e.detail.intersection.point;t.el.setAttribute("position",o);var r=t.el.sceneEl.camera.el.getAttribute("rotation"),a=t.el.getAttribute("rotation");t.el.setAttribute("rotation","".concat(a.x," ").concat(r.y," ").concat(a.z)),t.holoStream.handlePlay(!0);var i=t.data.size/50,s=t.data.size;t.el.setAttribute("scale","".concat(i," ").concat(i," ").concat(i)),t.el.setAttribute("animation__scale",{property:"scale",to:"".concat(s," ").concat(s," ").concat(s),easing:"easeOutExpo",dur:500}),t.meshInitialized=!0,t.holoStream.videoWorker.videoPlayer.addEventListener("seeked",function(e){return t.holoStream.handlePlay(!1)})},this.beginExperience=function(e){var n=t.data.size/100;t.el.setAttribute("scale","".concat(n," ").concat(n," ").concat(n)),function(){document.querySelector("#promptText").innerHTML="";var t=document.querySelector("#title");t.setAttribute("animation__title_001",{property:"components.material.material.opacity",dur:"500",from:0,to:1}),t.setAttribute("animation__title_002",{property:"scale",dur:"8000",from:"2 1.5 1.5",to:"0 0 0"}),t.setAttribute("animation__title_003",{property:"position",dur:"8000",to:"0 4 -5"});var e=document.querySelector("#background-sky");e.setAttribute("animation__sky_001",{property:"components.material.material.opacity",dur:"200",from:0,to:1}),e.setAttribute("animation__sky_002",{property:"components.material.material.opacity",delay:"7000",dur:"1000",from:1,to:0,startEvents:"startBackgroundFadeOut"});var n=document.querySelector("#scrollingText");n.setAttribute("animation__text_001",{property:"visible",from:"false",to:"true"}),n.setAttribute("animation__text_002",{property:"position",dur:"20000",easing:"linear",from:"0 0 3",to:{x:0,y:4,z:-5}}),n.setAttribute("animation__text_003",{property:"scale",dur:"10000",easing:"easeInExpo",to:"0 0 0",startEvents:"startTextFadeOut"}),e.components.animation__sky_001.el.addEventListener("animationcomplete",g);var o=document.querySelector("#intro");o.components.sound.playSound(),o.setAttribute("animation__audio_001",{property:"sound.volume",dur:"10000",easing:"linear",from:"1",to:"0"})}(e.detail.intersection.point)}},tick:function(){this.showedPrompt||this.meshInitialized||(this.prompt.style.display="block",this.prompt.innerHTML="Loading..."),this.showedPrompt||(this.prompt.style.display="block",this.prompt.innerHTML="Tap to Place<br>Hologram",this.ground.addEventListener("mousedown",this.placeHologram,{once:!0}),this.showedPrompt=!0),this.sfxPlayed<2&&(this.holoStream.videoWorker.videoPlayer.currentTime>1.45&&0===this.sfxPlayed||this.holoStream.videoWorker.videoPlayer.duration-this.holoStream.videoWorker.videoPlayer.currentTime<2.5&&1===this.sfxPlayed)&&(document.querySelector("#hologram-sfx").components.sound.playSound(),this.sfxPlayed++)}}),AFRAME.registerPrimitive("holostream-hologram",{defaultComponents:{holostream:{}},mappings:{src:"holostream-component.src",size:"holostream-component.size","touch-target-size":"holostream-component.touch-target-size","touch-target-offset":"holostream-component.touch-target-offset","touch-target-visible":"holostream-component.touch-target-visible"}}),AFRAME.registerComponent("troika-text-custom",{schema:{color:{default:""},align:{default:""},fillOpacity:{default:""}},init:function(){var t=n(550);this.el.setAttribute("troika-text","value: ".concat("A long time ago,  on a  screen  very  far away,   Star Wars  changed  everything. \n \n Princess Leia appeared  in  holographic form for the first time to Obi-wan Kenobi and  Luke  Skywalker,  painting   the  sky full       of       holographic       possibilities. \n \n It’s been 45 years since a Princess Leia hologram was on a movie screen. Today, volumetric video brings a  modern  Leia directly to you…","; font: ").concat(t,"; maxWidth: ").concat("2.5","; depthOffset: ").concat("11","; fillOpacity: ").concat("1","; color: ").concat(this.data.color,";  align: ").concat(this.data.align))}})})()})();