wip: SimpleMeshLayer

lonboard/experimental/__init__.py

@@ -4,10 +4,11 @@
 unexpected behavior when using them.
 """
 
-from ._layer import ArcLayer, TextLayer, TripsLayer
+from ._layer import ArcLayer, SimpleMeshLayer, TextLayer, TripsLayer
 
 __all__ = [
     "ArcLayer",
+    "SimpleMeshLayer",
     "TextLayer",
     "TripsLayer",
 ]

lonboard/experimental/_layer.py

@@ -15,7 +15,7 @@
 from arro3.core import DataType, Scalar
 
 from lonboard._constants import EXTENSION_NAME, MIN_INTEGER_FLOAT32
-from lonboard._layer import BaseArrowLayer
+from lonboard._layer import BaseArrowLayer, BaseLayer
 from lonboard._utils import timestamp_max_physical_value, timestamp_start_offset
 from lonboard.experimental.traits import TimestampAccessor
 from lonboard.traits import (
@@ -176,6 +176,19 @@ def __init__(
         )
 
 
+class SimpleMeshLayer(BaseLayer):
+    """SimpleMeshLayer."""
+
+    def __init__(self, **kwargs) -> None:
+        super().__init__(**kwargs)  # type: ignore
+
+    _layer_type = t.Unicode("simple-mesh").tag(sync=True)
+
+    positions = PointAccessor(None, allow_none=True)
+    normals = PointAccessor(None, allow_none=True)
+    tex_coords = PointAccessor(None, allow_none=True)
+
+
 class TextLayer(BaseArrowLayer):
     """Render text labels at given coordinates."""
 

package.json

@@ -7,6 +7,7 @@
     "@deck.gl/core": "^9.1.14",
     "@deck.gl/extensions": "^9.1.14",
     "@deck.gl/layers": "^9.1.14",
+    "@deck.gl/mesh-layers": "^9.1.14",
     "@deck.gl/react": "^9.1.14",
     "@geoarrow/deck.gl-layers": "^0.3.1",
     "@babel/runtime": "^7.28.4",

src/model/layer.ts

@@ -1,3 +1,4 @@
+import { SimpleMeshLayer, SimpleMeshLayerProps } from "@deck.gl/mesh-layers";
 import {
   GeoArrowArcLayer,
   GeoArrowColumnLayer,
@@ -772,6 +773,81 @@ export class SolidPolygonModel extends BaseArrowLayerModel {
   }
 }
 
+type MeshPositions = {
+  value: Float32Array;
+  size: number;
+};
+
+type MeshNormals = {
+  value: Float32Array;
+  size: number;
+};
+
+type MeshTexCoords = {
+  value: Float32Array;
+  size: number;
+};
+
+const DUMMY_DATA: number[] = [1];
+
+export class SimpleMeshModel extends BaseLayerModel {
+  static layerType = "simple-mesh";
+
+  protected positions!: MeshPositions;
+  protected normals!: MeshNormals;
+  protected texCoords!: MeshTexCoords;
+
+  protected sizeScale: SimpleMeshLayerProps["sizeScale"];
+  protected wireframe: SimpleMeshLayerProps["wireframe"];
+  // protected material: SimpleMeshLayerProps["material"];
+  // protected getPosition: SimpleMeshLayerProps["getPosition"] | null;
+  // protected getColor: SimpleMeshLayerProps["getColor"] | null;
+  // protected getOrientation: SimpleMeshLayerProps["getOrientation"] | null;
+  // protected getScale: SimpleMeshLayerProps["getScale"] | null;
+  // protected getTranslation: SimpleMeshLayerProps["getTranslation"] | null;
+
+  constructor(model: WidgetModel, updateStateCallback: () => void) {
+    super(model, updateStateCallback);
+
+    this.initVectorizedAccessor("positions", "positions");
+    this.initVectorizedAccessor("normals", "normals");
+    this.initVectorizedAccessor("tex_coords", "texCoords");
+
+    this.initRegularAttribute("size_scale", "sizeScale");
+    this.initRegularAttribute("wireframe", "wireframe");
+  }
+
+  layerProps(): Omit<SimpleMeshLayerProps, "id"> {
+    return {
+      data: DUMMY_DATA,
+      mesh: {
+        positions: this.positions,
+        normals: this.normals,
+        texCoords: this.texCoords,
+      },
+      ...(isDefined(this.sizeScale) && { sizeScale: this.sizeScale }),
+      ...(isDefined(this.wireframe) && { wireframe: this.wireframe }),
+      // ...(isDefined(this.material) && { material: this.material }),
+      // ...(isDefined(this.getPosition) && { getPosition: this.getPosition }),
+      // ...(isDefined(this.getColor) && { getColor: this.getColor }),
+      // ...(isDefined(this.getOrientation) && {
+      //   getOrientation: this.getOrientation,
+      // }),
+      // ...(isDefined(this.getScale) && { getScale: this.getScale }),
+      // ...(isDefined(this.getTranslation) && {
+      //   getTranslation: this.getTranslation,
+      // }),
+    };
+  }
+
+  render(): SimpleMeshLayer {
+    return new SimpleMeshLayer({
+      ...this.baseLayerProps(),
+      ...this.layerProps(),
+    });
+  }
+}
+
 export class TextModel extends BaseArrowLayerModel {
   static layerType = "text";
 
@@ -1025,6 +1101,10 @@ export async function initializeLayer(
       layerModel = new SolidPolygonModel(model, updateStateCallback);
       break;
 
+    case SimpleMeshModel.layerType:
+      layerModel = new SimpleMeshModel(model, updateStateCallback);
+      break;
+
     case TextModel.layerType:
       layerModel = new TextModel(model, updateStateCallback);
       break;