Poszukuję jakiegoś prostego sposobu by wykryć czy wycinek koła nachodzi na koło.

najlepiej zobrazuje to skrypt:

[HTML] pobierz, plaintext 
<canvas id="canvas" width="300" height="300"></canvas>
<script>
var c = document.getElementById('canvas');
var ctx = c.getContext("2d");
function drawCircle(x, y){
    ctx.beginPath();
    ctx.arc(x, y, 20, 0, 2 * Math.PI);
    ctx.fill();
}
setInterval(function(){
  ctx.clearRect(0,0,300,300);
  ctx.fillStyle = "#f00";
  drawCircle(200, 150);
  drawCircle(130, 250);
 
  var direction = Math.random()*2;
  ctx.beginPath();
  ctx.arc(150, 150, 100, direction * Math.PI, (direction+0.3) * Math.PI);
  ctx.lineTo(150, 150);
  ctx.fillStyle = 'rgba(0,0,255,0.6)';
  ctx.fill();
}, 1000);
</script>
[HTML] pobierz, plaintext 

Tutaj przykład działania kodu powyżej:
https://jsfiddle.net/5Ld2evrb/1/

Czy jest jakiś prosty sposób, by sprawdzić czy niebieski wycinek koła nachodzi na który kol wiek z czerwonych kół?
Bo wiem, że jednym z podstawowych warunków to będzie sprawdzenie czy:
promień wycinka + promień koła > odległość środków tych elementów (to jest akurat proste)

W Pascalu, ale może się przyda: http://www.pascalgamedevelopment.com/showt...ision-detection
Są tam jakieś rozwiązania.

trochę trudno mi ogarnąć co dzieje się w tym pascal-u. Choć kiedyś się go uczyłem. Wpadłem jednak na dość prosty sposób zbadania kolizji.
A dokładniej:
1. Tworzę nowy canvas tylko do kolizji,
2. Na nim rysuję pierwszy obiekt (np. wycinek koła).
3. Następnie zmieniam globalCompositeOperation na 'destination-in' (może być też 'source-in')
4. ostatecznie sprawdzam czy jakieś piksele nie mają wyższej wartości niż 0. Jeżeli tak to wystąpiła kolizja.

Jest to chyba najmniej skomplikowane, a że kolizję będę sprawdzał raz na jakiś czas (co ok minutę) to aż tak nie zależy mi na szybkości sprawdzania kolizji.

Gdyby te obliczenia były by prostsze to może bym z nich skorzystał