From 12ae38e9dd9190c3de82b29ac737969c90ead48e Mon Sep 17 00:00:00 2001
From: anshk <ansh.kumar7096@gmail.com>
Date: Tue, 17 Mar 2026 17:38:04 +0530
Subject: [PATCH] feat: add render logic and orbital control for shirt model in
 r3f

---
 reactt/shirt/src/App.jsx   | 17 ++++++++++++++---
 reactt/shirt/src/Model.jsx |  8 ++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 reactt/shirt/src/Model.jsx

diff --git a/reactt/shirt/src/App.jsx b/reactt/shirt/src/App.jsx
index aa9fe89..e393343 100644
--- a/reactt/shirt/src/App.jsx
+++ b/reactt/shirt/src/App.jsx
@@ -1,6 +1,17 @@
+import { Suspense } from 'react';
+import { Canvas } from "@react-three/fiber";
+import { OrbitControls } from '@react-three/drei'
+import { Model } from "./Model";
 
 export default function App() {
-return (
-    <></>
-);
+    return (
+        <Canvas camera={{ position: [0, 0, 5], fov: 45 }}>
+            <Suspense fallback={null}>
+                <Model />
+            </Suspense>
+            <ambientLight intensity={0.8} />
+            <directionalLight position={[3, 4, 5]} intensity={1.2} />
+            <OrbitControls />
+        </Canvas>
+    );
 }
\ No newline at end of file
diff --git a/reactt/shirt/src/Model.jsx b/reactt/shirt/src/Model.jsx
new file mode 100644
index 0000000..daf9704
--- /dev/null
+++ b/reactt/shirt/src/Model.jsx
@@ -0,0 +1,8 @@
+import { useGLTF } from '@react-three/drei'
+
+export function Model() {
+    const { scene } = useGLTF('/models/ShirtBaked2.glb')
+    return <primitive object={scene} scale={5} position={[0, -1, 0]} />
+}
+
+useGLTF.preload('/models/ShirtBaked2.glb')