Ho iniziato a leggere informazioni sulla tecnologia web disponibile per fare giochi basati su web con solo Javascript, ma non ho ricevuto feedback su SVG con HTML5. È una scelta praticabile? Funziona bene rispetto ad altre tecniche come Canvas, DOM & CSS Transformation, ecc.
Risposte:
SVG è supportato in HTML5; se il browser utilizzato dal tuo lettore supporta è una storia diversa.
A seconda delle tue esigenze, dai un'occhiata a RaphaelJS . Raphael fornisce supporto simile a SVG per IE passando a VML durante il rendering per IE. Raphael offre molte funzionalità tra cui animazioni e supporto dei caratteri Cufon. Vale sicuramente la pena dare un'occhiata.
Poiché SVG fa parte del DOM, è abbastanza semplice collegare eventi DOM come "clic" e "passa il mouse" sugli elementi SVG creati. Ciò potrebbe rendere SVG più adatto a display di tipo HUD piuttosto che ad animare sprite, ecc.
Tuttavia, probabilmente avrai molti test davanti a te per determinare le caratteristiche relative alle prestazioni di SVG rispetto a canvas.
La manipolazione diretta del DOM sarà probabilmente la peggiore del gruppo. Man mano che cambi le cose nel DOM, il motore di layout del browser ricalcolerà il layout della pagina per adattarsi alle modifiche che probabilmente uccideranno le prestazioni del tuo gioco. Se devi seguire questa strada, preferisci i CSS (in particolare le funzionalità specifiche dei CSS3 come trasformazioni e keyframe).
Dai un'occhiata a questo sito Web per vedere la compatibilità SVG. In questo momento è evasivo nella migliore delle ipotesi e non lo consiglierei a nient'altro che test di dimostrazioni per le vetrine.
Non aspettarti che le persone utilizzino il browser più recente e migliore.
Penso che usare SVG sarebbe un grosso errore e allontanerà i tuoi utenti quando vedranno le cose rotte.
Sarebbe molto meglio usare Canvas. Nessuno dei due è supportato in IE e canvas è noto per essere una tecnologia di gioco basata sul web; inoltre ha una discreta velocità di rendering, specialmente in Chrome (e apparentemente anche in IE9, secondo le prime demo; non l'ho provato di recente). Se è necessario scegliere come target versioni precedenti di IE e / o piattaforme mobili, attenersi al semplice vecchio DOM, che non ha prestazioni molto buone ma è comunque accettabile per i giochi semplici (ad esempio Pacman ).
Risposta breve sì.
Risposta lunga,
Lavoro ancora in un ambiente totalmente dipendente da IE6 e ho usato questa meravigliosa libreria per i grafici. (che usa VML per IE6-IE8) Adoro la tela e la preferisco per scrivere giochi con js. Quindi, se vuoi creare un gioco in svg, dico di farlo, altri giochi sono stati creati usando (vedi esempi di Raffaello). Indipendentemente dal fatto che continuerai a utilizzare JS per farlo, quindi se vuoi passare alla tela, non sarà così doloroso.