feat: add poc

src/systems/MovementSystem.js

@@ -0,0 +1,62 @@
+import { System } from '../core/System.js';
+
+export class MovementSystem extends System {
+  constructor() {
+    super('MovementSystem');
+    this.requiredComponents = ['Position', 'Velocity'];
+    this.priority = 10;
+  }
+
+  process(deltaTime, entities) {
+    entities.forEach(entity => {
+      const position = entity.getComponent('Position');
+      const velocity = entity.getComponent('Velocity');
+      const health = entity.getComponent('Health');
+            
+      if (!position || !velocity) return;
+
+      // Check if this is a projectile
+      const isProjectile = health && health.isProjectile;
+
+      // Apply velocity with max speed limit (skip for projectiles)
+      if (!isProjectile) {
+        const speed = Math.sqrt(velocity.vx * velocity.vx + velocity.vy * velocity.vy);
+        if (speed > velocity.maxSpeed) {
+          const factor = velocity.maxSpeed / speed;
+          velocity.vx *= factor;
+          velocity.vy *= factor;
+        }
+      }
+
+      // Update position
+      position.x += velocity.vx * deltaTime;
+      position.y += velocity.vy * deltaTime;
+
+      // Apply friction (skip for projectiles - they should maintain speed)
+      if (!isProjectile) {
+        const friction = 0.9;
+        velocity.vx *= Math.pow(friction, deltaTime * 60);
+        velocity.vy *= Math.pow(friction, deltaTime * 60);
+      }
+
+      // Boundary checking
+      const canvas = this.engine.canvas;
+      if (position.x < 0) {
+        position.x = 0;
+        velocity.vx = 0;
+      } else if (position.x > canvas.width) {
+        position.x = canvas.width;
+        velocity.vx = 0;
+      }
+
+      if (position.y < 0) {
+        position.y = 0;
+        velocity.vy = 0;
+      } else if (position.y > canvas.height) {
+        position.y = canvas.height;
+        velocity.vy = 0;
+      }
+    });
+  }
+}
+