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?
768 views Asked by hyperdo At
1
There are 1 answers
Related Questions in BUTTON
- How to center fontawesome icons in a div?
- How can I eliminate or deactivate the white flash that appears when I press a button via a mobile device?
- React Node Telegram bot problem with mainButtonClicked
- Can I make this kind of radio button?
- Custom styled "Add to cart" button in WooCommerce product archive pages
- Have a script work multiple times with the same class
- How to "kill" current runnable and start a new one pressing a start/stop android button (and prevent multiple overlapping runnable processes)?
- How to customize woocommerce add to cart button position
- React: Implementing Long Press Button Functionality
- How to move expand button in bslib::card() where full_screen = TRUE to the top right?
- Why do I have to double click enter on Blazor?
- How to detect a pressed button using setInterval and without any event in javascript?
- Blogger next previous navigations missing
- How to make Scaffold floatingActionButton not clickable through
- How do I create a guizero pushbutton that acts when pressed and stops when released
Related Questions in AFRAME
- Using WebGPURenderer in A-Frame
- a-frame 1.5.0 envMap with no-lights
- AR motion design exhibition in the real space of the city
- how to add 2d video instead of 3d model in mind-ar by using its scripts?
- I get undefined when I am using js to create a-entity with aframe component
- New to A-frame & HTML Coding - my model won't load, what am I doing wrong?
- how to decompress khr_draco_mesh_compression in a-frame (ar.js)?
- Why are mouseenter and mouseleave startEvents not triggering correctly?
- How do I make the position of a box a variable in Aframe or set the position x, y-10, z?
- How to use threejs version 0.83.0 with aframe version 1.3.0?
- Trouble in using gltf-model in aframe-react
- AFrame and ar.js - custom markers not working
- how to add zoom-in and zoom-out feature in aframe react js
- How can I solve Error in loading marker on worker 404
- 3D Text different positioning across different devices - 8th Wall and A-Frame
Related Questions in WEBVR
- Three.js, WebXR VR realtime change after enter VR
- A-Frame Camera Collision Issue with Objects
- Fade Animation Issue in A-Frame VR Tour
- WebXR/VR Canvas how to interact?
- 3d module pose animates to another
- How do I make the A-Frame player/camera collide with objects (make it not go through it)
- Aframe When I change from a scene to another, oculus controller not work
- AFRAME - Finding issues adding links, event listener to any object
- How to move an object in the aframe scene by pinching?
- Video playback (HTML5 VideoElement) Apple Vision Pro Simulator in VR mode not playing
- AFrame - How can I configure zoom and pan controls through mouse instead of WASD controls, or else if possible both together in one project
- Optimization for scene with custom shader
- How to receive controller touch_pad information in three.js webXR
- How I can throw a ray between camera (my eyes) and the mouse cursor on a VR Simulation?
- Android WebView fullscreen on VR headset?
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?
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)
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.