Closed

Add ui component annotations to js aruco augmented reality app

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]

Background:

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.

Need:

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.

Requirements:

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

Skills: Javascript, jQuery / Prototype, Software Architecture

See more: software challenges, content marker, connect html javascript, blue app, blog challenges, architecture challenges, x js, reality, reality augmented, how to add a button, getusermedia, blue square, augmented-reality, augmented reality , annotations, javascript add css, add camera, background camera app, javascript add button, screenshot service, javascript getusermedia, add png, html transforms, javascript iplimage, centered html css

About the Employer:
( 19 reviews ) Silver Spring, United States

Project ID: #6756116

5 freelancers are bidding on average $743 for this job

seekdeveloper

Hello, I have read your post and understood your requirement. I have great experience in handling Wordpress /Magento/Joomla/Drupal/PHP/Java/[url removed, login to view] Python/Django/Javascript/MySQL/ HTML5/CSS3/ More

$1030 USD in 10 days
(29 Reviews)
7.1
gkws

Hello, Greetings from geniuskline webtech solutions pvt ltd. Following are our past work, have a look. [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] ht More

$824 USD in 15 days
(4 Reviews)
4.7
drudev

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - [url removed, login to view] - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Java, Python, Zend, CakePHP, Symph More

$561 USD in 1 day
(10 Reviews)
4.3
cliscwang

hello ! , thank you for your post. I'm expert in Wordpress, HTML5, javascript animation, jQuery, mobile phone, PHP, SQL and have several experts of web fields. and also I have sufficient experience in website desig More

$800 USD in 1 day
(22 Reviews)
4.2
guangzhen122

Hello. Thank you for your posting with our skills scope. please choose with confidence. It is my pleasure to take part in your project because I have many experience in similar project. I will start this projec More

$531 USD in 10 days
(13 Reviews)
4.1
swcx1964

Hi Dear employer. I'm interesting in your description "I tried this previously but had difficulty:" I have to see your "png" img. I 'm freelancer owning small experience, but I want to be speaking with you about pro More

$500 USD in 7 days
(2 Reviews)
1.6