From d46df3c0038d31faf4eb8dc400771335f51e688e Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Tue, 6 Aug 2024 17:55:08 +0900
Subject: [PATCH] fix

---
 planet/src/pages/vrm_model.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/planet/src/pages/vrm_model.tsx b/planet/src/pages/vrm_model.tsx
index bfe1ab833..6e2a37506 100644
--- a/planet/src/pages/vrm_model.tsx
+++ b/planet/src/pages/vrm_model.tsx
@@ -55,6 +55,19 @@ const VRMModel: React.FC<ModelProps> = ({ url = "./models/ai.vrm", url_anim="./m
 	return vrm ? <primitive object={vrm.scene} /> : null;
 };
 
+interface ModelGlbProps {
+	url: string
+	position?: [number, number, number]
+	rotation?: [number, number, number]
+	scale?: number 
+}
+
+const GlbModel: React.FC<ModelGlbProps> = ({ url = "./models/solar_system_animation.glb", position = [0, 0, 0], scale  = 1, rotation = [0, 0, 0] }) => {
+  const { scene } = useGLTF(url)
+	scene.scale.setScalar(scale);
+	return <primitive object={scene} />
+}
+
 type GLTFResult = GLTF & {
 	nodes: {
 		Object_2: THREE.Mesh
@@ -142,6 +155,7 @@ export function Galaxy(props: JSX.IntrinsicElements['group']) {
 	return (
 		<group {...props} dispose={null} ref={ref}>
 		<VRMModel url={model_custom} url_anim={anim_custom} position={position_custom} scale={1}/>
+		{g === 'sun' && <GlbModel url="./models/solar-system.glb" scale={10} />}
 		<pointLight
 		position={[0, 0, 0]}
 		ref={galaxyCenterLightRef}