juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix difficulty menu raycastability updates

Browse Source
This commit is contained in:
Kevin Ngo
2018-12-11 02:22:24 -08:00
parent f09d59b815
commit 84f93a48d3
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/difficulty-background.js Normal file
View File

@@ -0,0 +1,17 @@
/**
* Handle difficulty raycastability.
* Needed since state component does not have a bind-toggle that works within a bind-for.
*/
AFRAME.registerComponent('difficulty-background', {
schema: {
enabled: {type: false}
},
update: function () {
if (this.data.enabled) {
this.el.setAttribute('raycastable', '');
} else {
this.el.removeAttribute('raycastable');
}
}
});

2
src/templates/menu.html
View File

@@ -176,7 +176,7 @@
bind-item__animation__mouseleave="enabled: menuSelectedChallenge.difficulty !== item"
bind-item__animation__mouseentervisible="enabled: menuSelectedChallenge.difficulty !== item"
bind-item__animation__mouseleavevisible="enabled: menuSelectedChallenge.difficulty !== item"
bind-toggle__raycastable="menuActive && !!menuSelectedChallenge.id && menuSelectedChallenge.difficulty !== item"
bind-item__difficulty-background="enabled: menuActive && !!menuSelectedChallenge.id && menuSelectedChallenge.difficulty !== item"
geometry="primitive: plane; width: 0.4; height: 0.2"
material="shader: flat; color: {% endraw %}{{ COLORS.UI_ACCENT }}{% raw %}; transparent: true; opacity: 0.0"
position="0 -0.005 0"