Add Luma example

adeira-source-id: 05bb91e0683170c3a9886ef36afed854e9a18e3b

examples/luma-splats/.triplex/config.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://triplex.dev/config.schema.json",
+  "components": ["../src/geometry/**/*.tsx"],
+  "files": ["../src/**/*.tsx"]
+}

examples/luma-splats/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@example/luma-splats",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "echo \"Not implemented\"",
+    "typedef": "echo \"Not implemented\""
+  },
+  "dependencies": {
+    "@lumaai/luma-web": "^0.1.14",
+    "@react-three/drei": "^9.56.27",
+    "@react-three/fiber": "^8.14.5",
+    "@react-three/rapier": "^1.1.1",
+    "@types/react": "^18.0.0",
+    "@types/three": "^0.157.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "three": "^0.157.0"
+  }
+}

examples/luma-splats/src/scene.tsx

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Michael Dougall. All rights reserved.
+ *
+ * This source code is licensed under the GPL-3.0 license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+import { LumaSplatsSemantics, LumaSplatsThree } from "@lumaai/luma-web";
+import { extend, Object3DNode } from "@react-three/fiber";
+
+extend({ LumaSplats: LumaSplatsThree });
+
+declare module "@react-three/fiber" {
+  interface ThreeElements {
+    lumaSplats: Object3DNode<LumaSplatsThree, typeof LumaSplatsThree>;
+  }
+}
+
+export function Scene() {
+  return (
+    <>
+      <lumaSplats
+        position={[-1, 0, 0]}
+        scale={0.5}
+        semanticsMask={LumaSplatsSemantics.FOREGROUND}
+        source="https://lumalabs.ai/capture/822bac8d-70d6-404e-aaae-f89f46672c67"
+      />
+    </>
+  );
+}

examples/luma-splats/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "lib": ["dom", "dom.iterable", "es2022"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "types": ["@react-three/fiber"]
+  },
+  "include": ["."],
+  "exclude": ["node_modules"]
+}