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;