{"action":"opened","issue":{"url":"https://api.github.com/repos/infamous/infamous/issues/5","repository_url":"https://api.github.com/repos/infamous/infamous","labels_url":"https://api.github.com/repos/infamous/infamous/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/infamous/infamous/issues/5/comments","events_url":"https://api.github.com/repos/infamous/infamous/issues/5/events","html_url":"https://github.com/infamous/infamous/issues/5","id":141937589,"number":5,"title":"motor-html: Allow extension of existing elements, making it easy to integrate 3D into any existing HTML app.","user":{"login":"trusktr-goin","id":16913311,"avatar_url":"https://avatars.githubusercontent.com/u/16913311?v=3","gravatar_id":"","url":"https://api.github.com/users/trusktr-goin","html_url":"https://github.com/trusktr-goin","followers_url":"https://api.github.com/users/trusktr-goin/followers","following_url":"https://api.github.com/users/trusktr-goin/following{/other_user}","gists_url":"https://api.github.com/users/trusktr-goin/gists{/gist_id}","starred_url":"https://api.github.com/users/trusktr-goin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/trusktr-goin/subscriptions","organizations_url":"https://api.github.com/users/trusktr-goin/orgs","repos_url":"https://api.github.com/users/trusktr-goin/repos","events_url":"https://api.github.com/users/trusktr-goin/events{/privacy}","received_events_url":"https://api.github.com/users/trusktr-goin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-18T18:01:00Z","updated_at":"2016-03-18T18:01:00Z","closed_at":null,"body":"For example, suppose an end user of our library takes on a new project, and the new project has some existing HTML in it:\r\n\r\n```js\r\n<div>\r\n  <div>\r\n    <h1>Hello</h1>\r\n  </div>\r\n</div>\r\n```\r\n\r\nLet's allow the developer to simply enhance the app by applying the `is=\"\"` attribute to the elements in order to introduce the 3D engine. For example, the developer could change the markup to:\r\n\r\n```js\r\n<div is=\"motor-scene\" ...>\r\n  <div is=\"motor-node\" ...>\r\n    <h1>Hello</h1>\r\n  </div>\r\n</div>\r\n```\r\n\r\nThe developer can then easily apply things to those elements like rotation, translate, animation, etc."}}