I've seen this answer to how to create a 3-dimensional button in AFrame, but I was wondering if there was a better way to accomplish this. If there isn't, could somebody please clarify how the rotation/position attributes for the text work (e.g. where the axis of rotation is, where the position is based around relative to the cube, etc.). Thanks!
Is there a better way to create a button in AFrame?
763 Views Asked by hyperdo At
1
There are 1 best solutions below
Related Questions in BUTTON
- change content button with trigger
- PHP like button(counter) inside a table
- How can I make a button who draws a line
- Scrollable webpage navigation
- Two checkbuttons to toggle sound not working right
- HTML Button Link to Website from Text
- Unity - Gui Button issues (Android)
- I can't click the finish button it seemed to be like disabled or something
- Button Visibility in WPF at startup
- Changing background of button every second
- How do I convert point to local coordinates?
- Flash CS3: Text appears on button mouse over or text mouse over
- Android : Unable to change width of dynamic button
- Change button background with an action
- Android how am I supposed to get text using button
Related Questions in AFRAME
- How do you enable transparency on an aframe entity that is composed of an SVG/HTML?
- How to add color to vertex in Json and the load it for Threejs
- A-Frame VR: Image not showing in Chrome
- Is there a better way to create a button in AFrame?
- Stopping AJAX PUT page refresh in A-Frame scene
- How to trigger AFrame animation to specific location from javascript?
- Adding new entities on the fly in AFrame
- Play sound component with animation using A-Frame
- A-Frame Daydream control?
- Why does the A-Sky element show up in Firefox, but not in Chrome (A-Frame)
- Toggle the visibility of DOM with A-Frame
- How to access the default camera from a component?
- Why does videosphere show up locally, but not on gh-pages?
- How do I make an a-frame entity aware that its animation attribute has changed?
- Rotation issues when cloning A-Frame Entities
Related Questions in WEBVR
- OrbitControls is not a constructor
- How do you enable transparency on an aframe entity that is composed of an SVG/HTML?
- Find viewing angle from DeviceOrientationControls in threejs
- A-Frame VR: Image not showing in Chrome
- Is there a better way to create a button in AFrame?
- How to trigger AFrame animation to specific location from javascript?
- Adding new entities on the fly in AFrame
- Play sound component with animation using A-Frame
- Why does the A-Sky element show up in Firefox, but not in Chrome (A-Frame)
- Why does videosphere show up locally, but not on gh-pages?
- AFrame Particle System with Custom Particle Positions
- GearVR WebVR Samsung Browser - viewing JS console output
- How do I set two different images both sides of an entity in A-Frame
- looking for a browser with VR
- WebVR - no orientation or position from PositionSensorVRDevice
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Depends on which implementation of text you are using. WebGL has no inherent concept of layout like the 2D web. There are upcoming implementations of text which will make it easier to layout and size.
For now, if a text implementation doesn't have any concept of layout, I would use the A-Frame Inspector (
<ctrl> + <alt> + i) to manually place your text.If you want automatic layout in relations to a mesh, you could also try computing the bounding box of the mesh and the text, and automatically centering/aligning the text.