aframe-cubemenu
Advanced tools
Readme
Justin Slud created this repository. This component uses many ideas from Paul Armstrong's host-menu cube and Roland DuBois' A-GUI components.
| Component | What it is | Where it goes |
|---|---|---|
| a-cube-menu | menu itself | inside of controller or anywhere |
| a-side | one side of the cube, manually or automatically generated | inside of a-cube-menu |
| a-button | button on a side | inside of a-side |
| Name | Action | Default | Options |
|---|---|---|---|
| color | color of each side, unless specified in a-side | 'black' | |
| opacity | opacity of each side | 1 | |
| height | height | .1 | |
| width | width | .1 | |
| depth | depth | .1 | |
| show | is cube small or full size | true | |
| showinweb | how to display menu in webVR | '' | 'cube', 'flat' |
| rotationaxis | which axis to rotate around | 'y' | 'x', 'y', 'z' |
| vrrotateevent | event to trigger rotation in VR | 'axismove' | any from oculus-touch-controls, vive-controls, raycaster, etc |
| webrotatevent | event to trigger rotation in webVR | '' | |
| toggleevent | event to trigger expand / shrink of cube | '' |
| Name | Action | Default | Options |
|---|---|---|---|
| color | color of each side, overrides cube color | '' | |
| opacity | opacity | 1 | |
| face | which face on the cube | 'front' | 'front', 'top', 'right', 'bottom', 'back', 'top' |
| flexdirection | which way the buttons should be arranged on the face | 'column' | 'column', 'row' |
| margin | spacing between buttons 'top right bottom left' | '0 0 0 0' | |
| distance | z-distance of buttons from face | .05 |
| Name | Action | Default | Options |
|---|---|---|---|
| type | Kind of button | 'toggle' | 'toggle', 'radio' |
| hovercolor | color of button onhover or raycaster-intersected event | '' | |
| color | color of button when not hovered | 'black' | |
| onclick | function to perform on click or triggerdown or ... event | '' | |
| height | height of button | 1 | |
| width | width of button | 1 |
| Name | Action |
|---|---|
| switchhands | changes which hand holds the cube and which has the raycaster |
No text component. You can add your own to the button as or child.
<html>
<head>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="cube"></script>
</head>
<body>
<a-scene>
<a-entity id="right-hand" oculus-touch-controls="hand: right">
<a-cube-menu height=".2" depth=".5" vrrotatevent="bbuttondown">
<a-side face="front" color="blue" >
<a-button width=".2" height=".3"></a-button>
</a-side>
<a-side face="back" opacity=".5" ></a-side>
</a-cube-menu>
</a-entity>
</a-scene>
</body>
</html>
FAQs
A-Frame component for creating a controller held menu in WebVR
We found that aframe-cubemenu demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.