aframe-scrim-component
Version:
A Theatrical Scrim for A-Frame
2 lines (1 loc) • 2.2 kB
JavaScript
(function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId]){return installedModules[moduleId].exports}var module=installedModules[moduleId]={i:moduleId,l:false,exports:{}};modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);module.l=true;return module.exports}__webpack_require__.m=modules;__webpack_require__.c=installedModules;__webpack_require__.i=function(value){return value};__webpack_require__.d=function(exports,name,getter){if(!__webpack_require__.o(exports,name)){Object.defineProperty(exports,name,{configurable:false,enumerable:true,get:getter})}};__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module["default"]}:function getModuleExports(){return module};__webpack_require__.d(getter,"a",getter);return getter};__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)};__webpack_require__.p="";return __webpack_require__(__webpack_require__.s=0)})([function(module,exports){if(typeof AFRAME==="undefined"){throw new Error("Component attempted to register before AFRAME was available.")}AFRAME.registerComponent("scrim",{schema:{durration:{default:"900"},easing:{default:"easeInOutCirc"}},multiple:false,init:function(){var thisEl=this.el;var data=this.data;var properties="property: material.opacity; from: 0; to: 1; dir: alternate; loop: true";properties=properties.concat(properties,"; dur: ",data.durration,"; easing: ",data.easing);thisEl.setAttribute("animation",properties);document.querySelector("a-scene").addEventListener("enter-vr",this.remove.bind(this));document.querySelector("a-scene").addEventListener("exit-vr",this.update.bind(this))},update:function(oldData){var thisEl=this.el;var data=this.data;var properties="property: material.opacity; from: 0; to: 1; dir: alternate; loop: true";properties=properties.concat(properties,"; dur: ",data.durration,"; easing: ",data.easing);thisEl.setAttribute("animation",properties)},remove:function(){var thisEl=this.el;thisEl.removeAttribute("animation");thisEl.setAttribute("opacity","1.0")},pause:function(){},play:function(){}})}]);