Show file select (#60)

playcanvas · Jan 22, 2024 · 9055c31 · 9055c31
1 parent c06d1fc
commit 9055c31
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/src/splat-debug.ts b/src/splat-debug.ts
@@ -47,6 +47,7 @@ void main(void)
 class SplatDebug {
     splatData: SplatData;
     meshInstance: MeshInstance;
+    size = 2;
 
     constructor(scene: Scene, splat: Splat, splatData: SplatData) {
         const device = scene.graphicsDevice;
@@ -59,7 +60,6 @@ class SplatDebug {
         material.name = 'splatDebugMaterial';
         material.blendType = BLEND_NORMAL;
         material.shader = shader;
-        material.setParameter('splatSize', 1.0);
         material.update();
 
         const x = splatData.getProp('x');
@@ -81,6 +81,8 @@ class SplatDebug {
 
         this.splatData = splatData;
         this.meshInstance = new MeshInstance(mesh, material, splat.root);
+
+        this.splatSize = this.size;
     }
 
     update() {
@@ -105,12 +107,12 @@ class SplatDebug {
     }
 
     set splatSize(splatSize: number) {
-        this.meshInstance.material.setParameter('splatSize', splatSize);
+        this.size = splatSize;
+        this.meshInstance.material.setParameter('splatSize', splatSize * window.devicePixelRatio);
     }
 
     get splatSize() {
-        // @ts-ignore
-        return this.meshInstance.material.getParameter('splatSize').data;
+        return this.size;
     }
 }
 

diff --git a/src/ui/control-panel.ts b/src/ui/control-panel.ts
@@ -313,7 +313,7 @@ class ControlPanel extends Panel {
             precision: 1,
             min: 0,
             max: 10,
-            value: 1
+            value: 2
         });
 
         splatSize.append(splatSizeLabel);

diff --git a/src/ui/editor.ts b/src/ui/editor.ts
@@ -163,18 +163,20 @@ class EditorUI {
             hidden: true
         });
 
+        // file select
+        const fileSelect = new Container({
+            id: 'file-selector-container'
+        });
+
+        controlPanel.append(fileSelect);
+
         editorContainer.append(toolbarContainer);
         editorContainer.append(controlPanel);
         editorContainer.append(canvasContainer);
         appContainer.append(editorContainer);
         appContainer.append(errorPopup);
         appContainer.append(infoPopup);
 
-        // file select
-        const fileSelect = new Container({
-            id: 'file-selector-container'
-        });
-
         this.appContainer = appContainer;
         this.controlPanel = controlPanel;
         this.canvasContainer = canvasContainer;