diff --git a/com/isoterminal.js b/com/isoterminal.js index 6868bdb..bbe437d 100644 --- a/com/isoterminal.js +++ b/com/isoterminal.js @@ -39,6 +39,7 @@ AFRAME.registerComponent('isoterminal', { font-size: 14px; font-family: Liberation Mono,DejaVu Sans Mono,Courier New,monospace; display: block; + font-weight:700; } .terminal{ padding:15px; @@ -110,6 +111,11 @@ AFRAME.registerComponent('isoterminal', { instance.setAttribute("position", AFRAME.utils.XD.getPositionInFrontOfCamera(0.5) ) instance.setAttribute("grabbable","") + this.el.sceneEl.addEventListener('enter-vr', function(){ + instance.dom.focus() + console.log("focusing terminal") + }) + instance.object3D.quaternion.copy( AFRAME.scenes[0].camera.quaternion ) // face towards camera }, diff --git a/com/look-controls-toggle.js b/com/look-controls-toggle.js new file mode 100644 index 0000000..9111bd4 --- /dev/null +++ b/com/look-controls-toggle.js @@ -0,0 +1,76 @@ +AFRAME.registerComponent('look-controls-toggle', { + schema: {}, + dependencies: [], + + init: async function() { + this.el.object3D.visible = false + //await AFRAME.utils.require(this.dependencies) + }, + + events:{ + + launcher: function(e){ + const $player = document.querySelector("#player") + let enabled = $player.getAttribute("look-controls") + if( enabled ){ + $player.setAttribute("look-controls","") + }else{ + $player.removeAttribute("look-controls") + } + } + + }, + + manifest: { // HTML5 manifest to identify app to xrsh + "short_name": "wasd-controls", + "name": "WASD controls", + "icons": [ + { + "src": "https://css.gg/keyboard.svg", + "type": "image/svg+xml", + "sizes": "512x512" + } + ], + "id": "/?source=pwa", + "start_url": "/?source=pwa", + "background_color": "#3367D6", + "display": "standalone", + "scope": "/", + "theme_color": "#3367D6", + "shortcuts": [ + { + "name": "What is the latest news?", + "cli":{ + "usage": "wasd-controls [options]", + "example": "wasd-controls news", + "args":{ + "--latest": {type:"string"} + } + }, + "short_name": "Today", + "description": "allows moving camera via W,A,S,D keyboard keys", + "url": "/today?source=pwa", + "icons": [{ "src": "/images/today.png", "sizes": "192x192" }] + } + ], + "description": "Hello world information", + "screenshots": [ + { + "src": "/images/screenshot1.png", + "type": "image/png", + "sizes": "540x720", + "form_factor": "narrow" + } + ], + "help":` +Helloworld application + +This is a help file which describes the application. +It will be rendered thru troika text, and will contain +headers based on non-punctualized lines separated by linebreaks, +in above's case "\nHelloworld application\n" will qualify as header. + ` + } + +}); + diff --git a/com/wasd-controls-toggle.js b/com/wasd-controls-toggle.js new file mode 100644 index 0000000..d814fc5 --- /dev/null +++ b/com/wasd-controls-toggle.js @@ -0,0 +1,76 @@ +AFRAME.registerComponent('wasd-controls-toggle', { + schema: {}, + dependencies: [], + + init: async function() { + this.el.object3D.visible = false + //await AFRAME.utils.require(this.dependencies) + }, + + events:{ + + launcher: function(e){ + const $player = document.querySelector("#player") + let enabled = $player.getAttribute("wasd-controls") + if( enabled ){ + $player.setAttribute("wasd-controls","acceleration:30") + }else{ + $player.removeAttribute("wasd-controls") + } + } + + }, + + manifest: { // HTML5 manifest to identify app to xrsh + "short_name": "wasd-controls", + "name": "WASD controls", + "icons": [ + { + "src": "https://css.gg/keyboard.svg", + "type": "image/svg+xml", + "sizes": "512x512" + } + ], + "id": "/?source=pwa", + "start_url": "/?source=pwa", + "background_color": "#3367D6", + "display": "standalone", + "scope": "/", + "theme_color": "#3367D6", + "shortcuts": [ + { + "name": "What is the latest news?", + "cli":{ + "usage": "wasd-controls [options]", + "example": "wasd-controls news", + "args":{ + "--latest": {type:"string"} + } + }, + "short_name": "Today", + "description": "allows moving camera via W,A,S,D keyboard keys", + "url": "/today?source=pwa", + "icons": [{ "src": "/images/today.png", "sizes": "192x192" }] + } + ], + "description": "Hello world information", + "screenshots": [ + { + "src": "/images/screenshot1.png", + "type": "image/png", + "sizes": "540x720", + "form_factor": "narrow" + } + ], + "help":` +Helloworld application + +This is a help file which describes the application. +It will be rendered thru troika text, and will contain +headers based on non-punctualized lines separated by linebreaks, +in above's case "\nHelloworld application\n" will qualify as header. + ` + } + +}); +