arplayerforthreejs
arplayerforthreejs copied to clipboard
Demo - contact sharing in AR
Synopsys
- everybody got a AR Marker and when you look at somebody you see the contact information of the personn
PRO/CON
- good ice breaker in the conference
- related to AR
- actually usefull as it allows people to be in contact with each other
How to Code It
- each personn got a given id
- we put a aruco marker for each personnId
- we have a json file which associate this personnId
- we display the contact information with a possible link
Contact generic
- it requires the following info
- full name
- url
- avatar image
- con: info not standardized
- pro: very free, the user can put whatever page he likes
Contact via twitter
- to have the twitter of the personn helps
- we get the avatar of the personn
- we get the contact and the name
- pro: information easy to get
How to display the contact information
- industrial look
- same thing but there is no pin
- we display the role of the personn with various industrial-kind of icon
- designer = helmet
- coder = wrench
- paint pot
- google map look
- marker in 2d ala google map
- the center of the pin is the twitter avatar
- above the avatar, display the real name of the personn
- click on it, this open a new tab with twitter page
About data file format
- we gonna store all the user in a expanded json file
- This is an array of object
- personnId
- url
- full name
- role
- avatar
- here we are just storing the data, nothing is said on how to acquire them
- data may be taken manually during the registration
- or if we decide to go thru twitter username, the storing will be the same
- only the data acquisition change.
Possible icons
- http://getbootstrap.com/components/
- http://fortawesome.github.io/Font-Awesome/icons/
- we can export that in .png
- possible ideas. to start with
- developer: keyboard
- industrial: wrench
- designer: paint
Summary of coding
- first generate the json file manually
- get a webpage running with the code and reading htis json
- draw the cartouche in a THREE.Sprite position 0,0,0
- maybe hiereachy of object3d with a container
- design of cartouche already done on paper