started sims section & axes&grid settings for KFEditor

app/views/editors/KeyframeView.js

@@ -68,6 +68,15 @@ class KeyframeView extends WindozDomContent {
         this.kfArena = new app.LoadedModules.kfArena(this.outputs.kfArenaCanvas, this.agentSprites)
         this.kfArena.onclickAgent = this.onclickAgent.bind(this)
         this.kfArena.startRendering()
+
+        this.output('settingsMenu', app.Assets.Store.html.spaceViewSetting)
+        this.outputs.settingsMenu.querySelectorAll('input[type="toggler"]').forEach(el => {
+            const tog = new InputToggler(el)
+            if(this.kfArena[tog._el.name]?.layers){
+                tog.value = this.kfArena.camera.layers.test(this.kfArena[tog._el.name].layers) ? 'yes' : 'no'
+            }
+            tog.onToggle = this.settingsToggle.bind(this)
+        })
        
         this.outputs.btnAddAgent.disabled = true
         this.outputs.btnRemoveAgent.disabled = true
@@ -77,6 +86,17 @@ class KeyframeView extends WindozDomContent {
         this.currentlySelectedAid = null
     }
 
+    settingsToggle(value, object){
+        if(['grid','axes'].includes(object._el.name)){
+            const layerId = {'grid':1,'axes':2}[object._el.name]
+            if(value=='yes'){
+                this.kfArena.camera.layers.enable(layerId)
+            } else {
+                this.kfArena.camera.layers.disable(layerId)
+            }
+        }
+    }
+
     deselectSceneAgent(){
         if(!this.currentlySelectedAid) return
         const obj3D = this.kfArena.scene.getObjectByName(this.currentlySelectedAid)