justin/pokesql
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pokeball throw animation: use offset-path curve to reliably hit the Pokemon

Browse Source
This commit is contained in:
Sterling Archer committed 2026-05-27 14:28:26 -07:00
1 parent 329afd5b0f
commit b8ccd12279
2 files changed
+7 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

game.js
+2 -10
View File
@@ -1337,19 +1337,11 @@ class Game {
ball.className = 'pokeball-throw';
catchScreen.appendChild(ball);
const pokemonRect = pokemonEl.getBoundingClientRect();
const screenRect = catchScreen.getBoundingClientRect();
const targetX = pokemonRect.left - screenRect.left + pokemonRect.width / 2 - 16;
const targetY = pokemonRect.top - screenRect.top + pokemonRect.height / 2 - 16;
ball.style.setProperty('--target-x', targetX + 'px');
ball.style.setProperty('--target-y', targetY + 'px');
setTimeout(() => {
const burst = document.createElement('div');
burst.className = 'pokeball-burst';
burst.style.left = targetX + 'px';
burst.style.top = targetY + 'px';
burst.style.left = '50%';
burst.style.top = '25%';
catchScreen.appendChild(burst);
ball.remove();