цикл день-ночь, кролики, кровавая луна

2026-09-04 20:31:53 +03:00
parent 982bbce813
commit 396a604671
17 changed files with 1061 additions and 171 deletions
@@ -0,0 +1,36 @@
+import { observer } from 'mobx-react-lite';
+import type { GameStore } from '../game/GameStore';
+import type { RabbitState } from '../game/types';
+import { RABBIT_MAX_HP } from '../game/rabbits';
+import { RABBIT_NIGHT_SPRITE, RABBIT_SPRITE } from '../game/sprites';
+import HealthBar from './HealthBar';
+import PixelSprite from './PixelSprite';
+
+const RABBIT_SIZE = 30;
+
+const RabbitEntity = observer(function RabbitEntity({ rabbit, store }: { rabbit: RabbitState; store: GameStore }) {
+  const isBeingHit = rabbit.id === store.heldRabbitId && store.isAttackingRabbit;
+  const isStriking = rabbit.action === 'striking';
+  const size = store.isBloodMoon ? RABBIT_SIZE * 2 : RABBIT_SIZE;
+
+  return (
+    <div>
+      <div
+        className="entity rabbit-shadow"
+        style={{ left: rabbit.x, top: rabbit.y, width: size, height: size / 2, marginTop: size * 0.6 }}
+      />
+      <div
+        className={`entity rabbit ${isBeingHit || isStriking ? 'chopping' : ''}`}
+        style={{ left: rabbit.x, top: rabbit.y - rabbit.z, zIndex: Math.floor(rabbit.y - rabbit.z) }}
+        data-rabbit-id={rabbit.id}
+      >
+        <PixelSprite pixels={store.isNight ? RABBIT_NIGHT_SPRITE : RABBIT_SPRITE} size={size} />
+      </div>
+      {rabbit.hp < RABBIT_MAX_HP && (
+        <HealthBar x={rabbit.x} y={rabbit.y - rabbit.z - size * 0.5 - 6} ratio={rabbit.hp / RABBIT_MAX_HP} />
+      )}
+    </div>
+  );
+});
+
+export default RabbitEntity;