Eviterà di disegnare mezzo pixel nella tela HTML5 per migliorare la velocità?

Question

Sto disegnando uno sprite (di una palla) su un elemento di tela. Mentre la palla si muove, tuttavia, la posizione xey della palla può diventare una frazione, ad es. (20.153; 63.638). Quando si usa il canvas per disegnare questa immagine, tenta di usare i pixel trasparenti per far apparire la palla nella sua posizione più accuratamente.

Mi chiedevo se dovrei usare Math.round() prima di disegnare la palla per evitare la roba trasparente dei pixel, e forse accelerando molto il gioco. Questo aiuterà molto? Il gioco è un gioco pong di tipo complesso.

L'immagine sotto dovrebbe aiutare con la mia spiegazione:

Answer 1

Almeno this guy seems to believe so. Come ha detto Gabe, dipende dall'implementazione.

Si noti che un certo tipo di anti-aliasing sembra dare il via se si usano coord normali (1, 14, ecc.). Per questo motivo alcune guide (Dive Into HTML5 principalmente) sembrano suggerire che stai meglio stancando usando mezzo pixel (cioè 1.5, 14.5, ecc.). Non so se questo faccia differenza per le prestazioni, comunque. È evidente sul risultato del rendering almeno.

Si potrebbe anche voler sperimentare vari schemi di stratificazione. Vedere this question per ulteriori informazioni. A seconda della situazione, potresti voler trattare i tuoi oggetti come tele separate e spostarli semplicemente sullo sfondo.

In alternativa si può provare a renderizzare tutto su una tela. In questo caso hai alcune cose extra da tenere traccia di. This library sembra gestire tutta la contabilità per voi.