2b:null 2c:["$","title",null,{"children":"Discovering A-Frame on Observable | Fabien Benetou | Observable"}] 31:[] 2f:{"id":"a97b769e6c800925","slug":"discovering-a-frame-on-observable","title":"Discovering A-Frame on Observable","thumbnail":"5f4ef93881af42c30af0a8410e126662636733e03dd5c2496937ac1c0705200b","access_level":"public","create_time":"$D2018-04-20T14:02:31.900Z","update_time":"$D2018-04-21T07:21:50.322Z","view_time":null,"first_public_time":"$D2018-04-21T07:18:22.844Z","fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"571c54f23a22112c","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":"starter_2024"},"version":62,"publish_version":62,"role":null,"authored":false,"authors":[{"type":"individual","id":"fa8cd470e660c7d6","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":null}],"members":[{"type":"individual","id":"fa8cd470e660c7d6","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"title":"Discovering A-Frame on Observable","cells":[{"id":24,"value":"md`# Discovering A-Frame on Observable\n\nIn this most simple Observable we will discover how to modify content of a 3D scene usable in VR with simple interactions based on HTML input tags.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"md`Change the position of the blue box thanks to this slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"viewof box_x = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":57,"value":"md`Add your name to the scene thanks to this text box.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"viewof name = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"\nhtml`\n \n \n \n \n \n \n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":59,"value":"md`In order to include A-Frame just require its URL.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"aframe = require(\"https://aframe.io/releases/0.8.2/aframe.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"