feat(game): 实现精灵图渲染优化游戏性能

- 新增 AnimalSpriteImage 组件用于精灵图渲染
- 集成精灵图渲染到桌面版动物组件
- 集成精灵图渲染到移动版动物组件
- 重构历史记录组件使用精灵图渲染
- 更新动物覆盖层组件使用精灵图渲染
- 移除旧的单个图片资源引用
- 添加精灵图生成脚本和相关配置
- 优化启动资源加载排除精灵图源文件
- 添加精灵图位置计算工具函数

src/features/game/components/desktop/desktop-animal.tsx

@@ -6,6 +6,7 @@ import animalBorderImage from '@/assets/game/animal-border.webp'
 import diamondIcon from '@/assets/system/diamond.webp'
 import { SmartImage } from '@/components/smart-image'
 import { DesktopAnimalOverlay } from '@/features/game/components/desktop/desktop-animal-overlay.tsx'
+import { AnimalSpriteImage } from '@/features/game/components/shared/animal-sprite-image'
 import { RoundBettingStartAlert } from '@/features/game/components/shared/round-betting-start-alert.tsx'
 import { FLOWER_IMAGE_LIST } from '@/features/game/shared'
 import { useAnimalVm } from '@/hooks/use-animal-vm'
@@ -367,8 +368,8 @@ export function DesktopAnimal({
                 className="pointer-events-none absolute inset-[calc(var(--design-unit)*2)] z-20 rounded-[calc(var(--design-unit)*15)] bg-[rgba(4,16,24,0.52)] shadow-[inset_0_0_calc(var(--design-unit)*20)_rgba(3,9,14,0.56)]"
               />
             ) : null}
-            <SmartImage
-              src={item.animalUrl}
+            <AnimalSpriteImage
+              animalId={item.id}
               alt={`animal-${item.id}`}
               className={cn(
                 'absolute left-[1.5%] right-[1.5%] top-[2.9%] bottom-[2.9%] z-10 overflow-hidden rounded-[calc(var(--design-unit)*14)]',
@@ -378,7 +379,6 @@ export function DesktopAnimal({
                   'brightness-110 saturate-120 drop-shadow-[0_0_calc(var(--design-unit)*9)_rgba(106,250,255,0.44)]',
                 imageClassName,
               )}
-              imgClassName="object-fill"
             />
             {showCellWarning ? (
               <motion.span