I need a service Provider who can add html component annotations to js-aruco demo project.
Here is a demo: [url removed, login to view]
If you connect a camera and show a printout of an augmented-reality marker ([url removed, login to view]), you can see the annotations.
Currently the app adds a blue square as the annotation over the augmented-reality marker.
I want to add various html components to the annotation. I want the html components to rotate with the marker along the x,y, and z axis.
Start with the demo above. Add the ability to use a button and a textfield as an annotation.
I have attached two screenshots of what I need. The first shows how aruco currently looks, the 2nd screenshot demonstrates my goal for this project.
I want you to implement the 3d rotations using html css 3d transforms.
I want the html content to be centered vertically and horizontally within the marker
Challenges - I tried this previously but had difficulty:
Converting pitch , roll, and yaw to x,z,y rotations
Setting the css perspective (it is OK to assume width and height are always 640)
Please ask questions if instructors are unclear