I'm making a AR Business Card for my University using a-frame and other libraries, and I would like to know if there's any library that i can use with a-frame to load a web page on a-plane 🤔
I've tried Phantom.js, I've tried to overlay an i-frame over a plane but none of those worked.
Related
I have been working on adding background music to a Glitch project. I followed the Aframe.io documents to create a sound component and set it to automatically play upon running, however, when I try to run the project, the sound does not play automatically on my laptop. I have to open the Aframe inspector and un-pause my project for the music to begin. For some reason, I have not encountered this issue when I tried the same project on my phone. The sound played as expected once the program is up and running. I am not sure what is causing the sound to malfunction but any help is greatly appreciated. Here is the project I am working on: https://glitch.com/edit/#!/animation-animate?path=index.html%3A15%3A23
when working with sounds natively with Aframe, I had the same problem and one of the recommendations that I can give you is to play sounds with the HowlerJS sound library, which is compatible with most frameworks and also compatible with A-Frame
I share their page and the documentation, this library is very easy to use and implement to the project
https://howlerjs.com/
https://github.com/goldfire/howler.js#documentation
Autoplay audio on most modern browsers requires user interaction before enabling audio. You can put a div in front of your scene that upon click starts playing your background audio.
Check out a related SO question / answer for video autoplay that should help:
Autoplaying videosphere from A-frame is not working on any browser(Safari/Chrome)
Another user on A-Frame discord provided this example demo:
https://aframe-autoplay-background-music.glitch.me/
I just started checking for MapBox. I could not find any information about Indoor Navigation Implementation with the following requirements:
IPS (Indoor Positioning System by displaying "Blue dot" for accuracy)
Showing POI's
Static / Dynamic Navigation between two points (using any REST API's)
Can someone let me know first whether MapBox supports Xamarin.Forms for Indoor Navigation implementation?
i want to know how to add effects as like in my website created using wix anjeneyagroups(wix)
Currently I am creating website using wordpress , so I need some experts to suggest me a plugin or css to add effects to each element as I scroll down my website. my current website is anjneyagroups(wordpress)
Waypoints is a good library to use if you need to trigger animations at specific points on the page.
http://imakewebthings.com/waypoints/
You can then use something like Transit to run your animations once a waypoint is triggered.
http://ricostacruz.com/jquery.transit/
My HTC Vive is set up in a different room to my developer workstation. When developing for A-Frame, I understand I can: use my desktop monitor instead of a headset; use mouse dragging instead of motion controls; use WASD instead of room-scale tracking. However, what is the preferred way to simulate the tracked controllers?
For example, how can I move the cubes in this demo from my desktop: https://aframe.io/examples/showcase/tracked-controllers
This is not yet released, but we're working on tools to be able to record camera and controllers, output to a file, and then you can load it up any device and replay the camera and controller pose and events without needing a headset. Project is led by Diego:
https://github.com/dmarcos/aframe-motion-capture
http://swimminglessonsformodernlife.com/aframe-motion-capture/examples/
This will become the common way to develop for VR without having to enter and re-enter VR to test each code change, and to do it on the go
I am using Telerik's KendoUI framework for an HTML5/JS mobile app. When I have views I want to link to inside my app, I do a standard link such as Link which is of course as basic as it gets. The question I have is whether there is a way to make that path an external link, but have the page load inside the content area of the app (such as in an iFrame)? I'm not finding any examples of that online and when I make the link external, my whole app disappears if you click it. The end goal is keeping the link's site content (already mobile friendly) in between the header/footer of my app so they can still navigate it.
Thoughts?
After working through Telerik support, this wasn't natively possible with their framework. I ended up doing a Kendo view and utilized the data-init option to dynamically build an <iframe /> via jQuery and put the link in there so it loaded appropriately. Some might say that's a security concern, however in our case the link is something we put in for them so it's something that will always be trusted.