fix

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}