Hi everyone, I’m currently building a web-based business card configurator that features an AR viewer for mobile devices and a 3D viewer and editor for desktop using Three.js. The goal is to create an interactive experience where the card includes clickable links and animated 3D models. However, I am facing a few challenges, particularly with web-based AR compatibility for both Android and iOS. I have already attempted to use WebXR, but it seems to work only on Android. Additionally, I have implemented dynamic data rendering through Three.js text textures, but that approach feels quite basic and I am looking for ways to enhance it. I would really appreciate any suggestions for the best cross-platform web-based AR solutions and effective methods to implement clickable 3D interactions. Thank you for any insights you can share.
You might want to reach out for an invite to our new platform that specifically addresses these types of projects. It could offer some solutions that align with what you are trying to achieve.
That sounds intriguing. I would really be interested to see what you have built as well. It could provide some inspiration for my own projects.
Absolutely, I think sharing ideas could be beneficial for both of us. Collaboration often leads to better solutions.
For cross-platform AR development, I suggest checking out A-Frame. It integrates nicely with Three.js and offers a user-friendly approach for building AR experiences that work well on both iOS and Android devices.
Thanks for the suggestion. I had heard of A-Frame before but wasn’t sure how it would fit into my current setup. I will explore it further and see if it can help with my AR viewer.
Great to hear. It’s worth taking a look at their documentation as well, as it provides helpful examples that might make implementation smoother.
Another option to consider is AR.js. It is a lightweight framework and supports both iOS and Android effectively, plus it works seamlessly with Three.js, which could be beneficial for your project.
AR.js sounds promising. I will definitely take a closer look at it and see how it integrates with my current framework.
I think you will find it quite useful. Many developers have had success with AR.js for similar projects, so it could be a good fit.
For implementing clickable interactions, you could utilize raycasting in Three.js to detect clicks on your 3D models. This would allow for an interactive experience where users can engage with the elements on the card.
That is a good idea. I have been looking for ways to implement interactive features, and raycasting seems like a suitable method to achieve that.
If you need any help setting that up, feel free to ask. It can be a bit tricky at first, but once you get the hang of it, it’s quite powerful.
Make sure to test on multiple devices to ensure that everything works smoothly across different platforms. Compatibility can sometimes be an issue, especially with AR applications.
Definitely. I will keep that in mind and ensure thorough testing on both iOS and Android devices to catch any potential issues.
That sounds like a solid plan. It will save you a lot of headaches down the line.