# Three.js Seçim Sistemi - FikoYT

## 🎯 FikoSecimler1

**Multi-selection:**
- **Raycast:** Optimized
- **Highlight:** Visual feedback
- **Multi-select:** Ctrl+click

## 🔍 Raycast Pipeline

```typescript
// 1. Raycast test
const intersects = raycaster.intersectObjects(children, true);

// 2. Face selection
const faceIndex = kesisim.face?.a ?? kesisim.faceIndex ?? 0;

// 3. Group-based highlight
const grup = buffers.attributes["grup"].getZ(faceIndex);
```

## 🎨 Highlight Özellikleri

**Yüzey:**
- Color: 0xFF5C5C (kırmızı)
- Opacity: 0.6
- Emissive: 0xFF7777

**Çizgi:**
- Color: 0xff6600 (turuncu)
- Width: 8px
- Depth test: false

**Nokta:**
- Color: 0xffff00 (sarı)
- Size: 15px
- Size attenuation: false

## 📊 Seçim Özellikleri

- **Priority:** Child > Parent
- **Groups:** Face-based
- **Render order:** 2 (üstte)
- **State:** Reactive signals

---
2025-11-06