Changed subtitle action to have scrolling text, added interface script install action (broken), added prompt action, updated entity click trigger to work in VR with the laser as well, added hidden reload trigger in web app

Author: jjv360

common/Plugins/ActionHFUISubtitle.js

@@ -57,7 +57,7 @@ export default class ActionHFUISubtitle extends BasePlugin {
 
         // Get text, break up long lines
         var text = this.option("text")
-        text = wordWrap(text, 120)
+        text = wordWrap(text, 100)
 
         // Create text label
         this.overlay = new Label()
@@ -69,14 +69,34 @@ export default class ActionHFUISubtitle extends BasePlugin {
         this.overlay.backgroundColor = { red: 0, green: 4, blue: 8 }
         this.overlay.backgroundAlpha = 0.75
         this.overlay.font = { size: 17 }
-        this.overlay.text = text
+        this.overlay.text = ""
         this.overlay.leftMargin = 10
         this.overlay.topMargin = 10
         this.overlay.show()
 
         // Start timer to remove the element, if needed
         this.removeTimer = Script.setTimeout(this.removeOverlay.bind(this), 30 * 1000)
 
+        // Create a loop to display each character one at a time
+        var numChars = 0
+        var textTimer = 0
+        var overlay = this.overlay
+        textTimer = Script.setInterval(e => {
+
+            // Add another char
+            numChars += 1
+
+            // Check if done
+            if (numChars > text.length) {
+                Script.clearInterval(textTimer)
+                return
+            }
+
+            // Set text
+            overlay.text = text.substring(0, numChars)
+
+        }, 1000 / 30)
+
     }
 
     /** Removes any overlay */

common/Plugins/ActionInstallInterfaceScript.js

@@ -0,0 +1,33 @@
+//
+// Logs text to the console.
+
+import BasePlugin from './BasePlugin'
+
+export default class ActionInstallInterfaceScript extends BasePlugin {
+
+    /** Plugin ID */
+    static get pluginID() { return "com.jjv360.actions.InstallInterfaceScript" }
+
+    /** Plugin name */
+    static get pluginName() { return "Install an Interface script" }
+
+    /** Plugin type */
+    static get pluginType() { return "action" }
+
+    /** Plugin icon */
+    static get pluginIcon() { return "build" }
+
+    /** Configurable fields */
+    static get fields() { return [
+        { id: "url", name: "URL" }
+    ]}
+
+    /** Called in High Fidelity when this action is triggered. Return a Promise. */
+    onTrigger() {
+
+        // Install script
+        Script.load(this.option("url"))
+
+    }
+
+}

common/Plugins/ActionPrompt.js

@@ -0,0 +1,34 @@
+//
+// Shows an alert to the user.
+
+import BasePlugin from './BasePlugin'
+
+export default class ActionPrompt extends BasePlugin {
+
+    /** Plugin ID */
+    static get pluginID() { return "com.jjv360.actions.Prompt" }
+
+    /** Plugin name */
+    static get pluginName() { return "Show prompt popup" }
+
+    /** Plugin type */
+    static get pluginType() { return "action" }
+
+    /** Plugin icon */
+    static get pluginIcon() { return "flag" }
+
+    /** Configurable fields */
+    static get fields() { return [
+        { id: "text", name: "Text" },
+        { id: "defaultText", name: "Default Input" },
+    ]}
+
+    /** Called in High Fidelity when this action is triggered. Return a Promise. */
+    onTrigger() {
+
+        // Output to console
+        return Window.prompt(this.option("text"), this.option("defaultText"))
+
+    }
+
+}

common/Plugins/PluginManager.js

@@ -14,7 +14,9 @@ class PluginManager {
         this.add(require("./ActionDelay").default)
         this.add(require("./ActionHFUIAlert").default)
         this.add(require("./ActionHFUISubtitle").default)
+        this.add(require("./ActionInstallInterfaceScript").default)
         this.add(require("./ActionLog").default)
+        this.add(require("./ActionPrompt").default)
         this.add(require("./TriggerLeaveEntity").default)
         this.add(require("./TriggerEnterEntity").default)
         this.add(require("./TriggerOnLoad").default)

common/Plugins/TriggerEntityClick.js

@@ -18,9 +18,10 @@ export default class TriggerEntityClick extends BasePlugin {
     static get pluginIcon() { return "mouse" }
 
     /** HF event: Clicking on the entity */
-    clickDownOnEntity(id) {
+    mousePressOnEntity(id) {
 
         // Check if ours
+        print("Mouse press! " + id + " ours " + this.localEntity.id)
         if (id != this.localEntity.id)
             return
 

hf-scripter-client.js

@@ -9,7 +9,7 @@
 
     // Link to your app's HTML file
     // var APP_URL = "http://localhost:8080"
-    var APP_URL = "https://jjv360.s3.amazonaws.com/hifi/hf-scripter"
+    var APP_URL = "https://s3.amazonaws.com/jjv360/hifi/hf-scripter"
 
     // Get a reference to the tablet
     var tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");

hifi-script/start.js

@@ -111,6 +111,22 @@ export default class MyEntity extends LocalEntity {
 
     }
 
+    /** Called when the user clicks up on an entity */
+    clickReleaseOnEntity(id) {
+
+        // Pass on event to all plugins
+        this.passEvent("clickReleaseOnEntity", id)
+
+    }
+
+    /** Called when the user clicks up on an entity. This includes controllers as well. */
+    mousePressOnEntity(id, event) {
+
+        // Pass on event to all plugins
+        this.passEvent("mousePressOnEntity", id, event)
+
+    }
+
     /** Executes a script. This is called by a Trigger plugin. @returns Promise resolved to final action's output. */
     executeScript(script, triggerOutput) {
 

web-ui/Screens/Main.js

@@ -39,7 +39,7 @@ export default class Main extends React.Component {
             <div style={{ position: "fixed", top: 0, left: 0, width: "100%", height: 80, display: "flex", alignItems: "center", backgroundColor: "#222", background: "linear-gradient(#2b2b2b, #1e1e1e)" }}>
 
                 {/* Icon */}
-                <img src={require("./Main.icon.svg")} style={{ margin: 32, height: 32, }} />
+                <img src={require("./Main.icon.svg")} style={{ margin: 32, height: 32, }} onClick={e => location.reload()} />
 
                 {/* Text */}
                 <div>