@needle-tools/gltf-progressive 2.1.6-next.c9b2e8b → 2.1.6-next.fa4044e

package/examples/react-three-fiber/src/App.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+/* eslint-disable */
+import * as React from 'react'
+import { Canvas, useThree } from '@react-three/fiber'
+
+import { useNeedleProgressive } from '@needle-tools/gltf-progressive'
+import { Environment, OrbitControls, useGLTF } from '@react-three/drei'
+
+function MyModel() {
+  const { gl } = useThree()
+  const url = 'https://engine.needle.tools/demos/gltf-progressive/assets/church/model.glb'
+  const { scene } = useGLTF(url, false, false, (loader) => {
+    useNeedleProgressive(url, gl, loader as any)
+  })
+  return <primitive object={scene} />
+}
+
+
+export default function App() {
+  return (
+    <Canvas
+      frameloop="demand"
+      camera={{ position: [25, 15, 25] }}>
+      <OrbitControls target={[0 , 10, 0]} />
+      <ambientLight intensity={1} />
+      <spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} />
+      <pointLight position={[-10, -10, -10]} />
+      <Environment
+        files="https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/2k/evening_road_01_2k.hdr"
+      // ground={{ height: 5, radius: 40, scale: 10 }}
+      />
+      <MyModel />
+    </Canvas>
+  )
+}
+
+

package/examples/react-three-fiber/src/index.tsx

@@ -0,0 +1,12 @@
+//@ts-ignore
+import { createRoot } from 'react-dom/client'
+import * as React from 'react'
+import './styles.css'
+import App from './App'
+
+
+createRoot(document.getElementById('root')).render(
+    <>
+        <App />
+    </>
+)

package/examples/react-three-fiber/src/styles.css

@@ -0,0 +1,16 @@
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: #f0f0f0;
+}

package/examples/react-three-fiber/tsconfig.json

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+      "jsx": "react",
+      "target": "ESNext",
+      "useDefineForClassFields": true,
+      "module": "ESNext",
+      "lib": ["ESNext", "DOM"],
+      "moduleResolution": "Node",
+      "strict": true,
+      "sourceMap": true,
+      "resolveJsonModule": true,
+      "esModuleInterop": true,
+      "noEmit": true,
+      "noUnusedLocals": false,
+      "noUnusedParameters": true,
+      "noImplicitReturns": true,
+      "noImplicitAny": false,
+      "experimentalDecorators": true,
+      "skipLibCheck": true
+    },
+    "include": ["./src"]
+  }