Tutorials

DesignSpace/Workspace/FunctionLibraries/TutorialFunctions.js

@@ -0,0 +1,24 @@
+function newTutorialFunctions() {
+    thisObject = {
+        play: play
+    }
+    const HEIGHT = 800
+    const WIDTH = 600
+    const MARGIN = 300
+    return thisObject
+
+    function play(node) {
+        let docAppDiv = document.getElementById('tutorialStepDiv')
+        tutorialPosition = {
+            x: MARGIN,
+            y: (browserCanvas.height - HEIGHT) / 2
+        }
+     
+        docAppDiv.style = '   ' + 
+        'position:fixed; top:' + tutorialPosition.y + 'px; ' + 
+        'left:' + tutorialPosition.x + 'px; ' + 
+        'width: ' + WIDTH + 'px;' +
+        'height: ' + HEIGHT + 'px;' + 
+        'z-index:1;'
+    }
+}

DesignSpace/Workspace/Workspace.js

@@ -69,6 +69,7 @@ function newWorkspace() {
     let functionLibraryDataMineFunctions = newDataMineFunctions()
     let functionLibraryDataStorageFunctions = newDataStorageFunctions()
     let functionLibraryChartingSpaceFunctions = newChartingSpaceFunctions()
+    let functionLibraryTutorialFunctions = newTutorialFunctions()
 
     thisObject.nodeChildren = newNodeChildren()
 
@@ -635,6 +636,11 @@ function newWorkspace() {
                     functionLibraryChartingSpaceFunctions.addAllDataMineLayers(payload.node, functionLibraryUiObjectsFromNodes)
                 }
                 break
+            case 'Play Tutorial':
+                {
+                    functionLibraryTutorialFunctions.play(payload.node)
+                }
+                break
             case 'Send Webhook Test Message':
                 {
                     functionLibraryWebhookFunctions.sendTestMessage(payload.node, callBackFunction)