# Three.js Animasyon - FikoYT

## 🎬 TWEEN.js

**Smooth animasyonlar:**
- Camera transitions
- Object movements
- UI interactions

## 🔄 Ekrana Sığdır

```typescript
// Continuous render başlat
surekliCiz();

// Paralel TWEEN'ler
const kameraTween = new TWEEN.Tween(camera.position);
const kontrolTween = new TWEEN.Tween(control.target);

// İkisi de bitince dur
Promise.all([
  kameraPromise,
  kontrolPromise
]).then(() => surekliCizIptal());
```

## 📐 Animation Pattern

```typescript
new TWEEN.Tween(object.position)
  .to({ x: 10, y: 5, z: 0 }, 1000)
  .easing(TWEEN.Easing.Quadratic.Out)
  .onUpdate(() => markNeedsRender())
  .start();
```

## ⚠️ Kritik

- **Continuous:** Animasyonlar için gerekli
- **Promise.all:** Paralel animasyonlar
- **TWEEN.removeAll:** Kullanma
- **Render loop:** TWEEN.update() her frame

---
2025-11-06