For a few years, I have been a fan of Aframe and AR.js - these are fantastic tools for creating web-based Virtual and Augmented Reality.
Now AR.js has just got easier - no coding need with the Beta version of AR.js Studio https://ar-js-org.github.io/studio/
The start screen above gives you the option of location-based or Marker-based projects, I am selecting marker-based and then pressed Start building.
I am going to use the premade marker but you can upload your own )there is a guide to what makes a good marker). The premade marker you can download from the site using the download marker link underneath the marker. Apart from that, you don't have to do anything else to select the marker.
Now you choose whether you want 3D object, image or video. So for this experiment, I going to use a free 3D model from https://sketchfab.com/3d-models/duck-6e039c6c606c4c26a1359514352629fd produced by likangning93 and released under a creative commons licence on Sketchfab. It is as simple as clicking upload file and browsing.
Last stage is exporting the project. Two options
- Published to Github
- Download package
My advice is, if you don't have your own web-server, get yourself a Github account and choose that option, and you just log-in to your account. You will need to give the project a name and then push Publish. Depending on your internet connection it can take a few seconds to a minute or so, but it is worth the wait.
So now you get back a URL https://scottturneruon.github.io/Testobjectexs5y2/ . Now just show the marker.
So to test I am typing this URL in a Safari browser (Chrome can play up) on my phone and allow access to my camera (see below or try it for yourself which is more fun).
This Beta version is very good, no coding needed by the user and easy steps to an AR. At the time of writing the only slight issue was you need to ensure that the file extensions were not capitalised but other than it is a great tool for produce a single AR example. I need to try the location-based version next.
A revolutionary moment!
ReplyDeleteGoing to be interesting see how it develops.
DeleteHi, I am excited for this. I think you are created the next "WordPress" of AR (I hope!). My question is that I have my own web server (virtual machine) on Google Cloud Platform Compute Engine. How can I place the code on one of my own domains connected to my web server?
ReplyDeleteRobotics
ReplyDeleteIf you are looking at robotics class for kids, then Bricks4Kidz is the best lego robotics class for kids in Singapore. We provide the best education to your child through science, technology, engineering and mathematics.
to get more - https://www.bricks4kidz.com.sg/robotics-classes-for-kids/
Your content is really great and useful. Augmented Realty App development are just pretty cool and enjoyble. Thanks for sharing the information.
ReplyDeleteNice blog. Thanks for sharing.
ReplyDeleteNatasha from Idya Technology (Trusted AR App Development Company in Australia)
Your content is really great and useful. If you want to read similar technology article/news then visit us, we are technology/news/smartphone company.Visit us: https://techmie.com/
ReplyDeleteAs we have seen, Augmented Reality appeals to constructiveness motions of education where students take control of their own learning, and interact with the real and virtual environments. Augmented Reality Development
ReplyDeleteThe significant advantage of AR is to creating an immersive experience & simulating real life.
ReplyDeleteLooking for the Augmented Reality Development Company in Brisbane? Reach Idya Technology.
Thanks for sharing such a beautiful information! To know more about Augmented Reality Development follow given link.
ReplyDeleteI'm truly fascinated by the innovative strides taken by the best augmented reality companies. Their ability to seamlessly blend the virtual and real world is ground breaking. From immersive experiences to practical applications, these companies are shaping the future. Exciting times ahead for AR enthusiasts and tech aficionados alike!
ReplyDeleteDiscover the realm of Augmented Reality Development, where virtual elements seamlessly blend with the physical world. This concise guide explores the intricacies of AR development, from coding overlays to transforming user experiences.
ReplyDelete