I’ve been using SVG more as an offline drawing language and not much as a technology for the web. But I met a friend in a bloggers conference this weekend and he mentioned something obvious, but that I never looked for: an SVG Tetris game. Of course there are many other SVG games.
Check it out:
- Tetris (home)
- FreeCell (SVG enabled home)
- Solitaire (home)
- Find a US state (home)
- Find a Country (home)
- Life (home)
- Many SVG games (some are 404 not found)
- Ask Google
SVG is just the language to represent graphics and get input. Game logic is actually written in JavaScript.
Web developers are used to mix (X)HTML with JavaScript. Maybe it is time to start thinking about mixing SVG and JavaScript to see proprietary technologies as Flash or Silverlight to be less massively used. For that, better IDE tools for JS+SVG will be required and browsers and platforms must find a more standard way to render audio and video (a feature covered by Flash and SL, but not by SVG).
There’s of course the recent very nice SVG+video example.
I have it somewhere on http://svg.startpagina.nl
Stelt, could you be more specific please ?
I am very interested in this subject.
Achei muito interessante esse assunto, e criei um tópico em meu blog a respeito. Inclusive tomei a liberdade de (toscamente) traduzir o trecho final do seu artigo.
Tenho acompanhado pelo Planeta GNU/Linux Brasil e gosto muito dos artigos. Parabéns.
So I guess if I knew enough JavaScript I could turn my old Potato Guy SVG game mockup [1] in a full SVG game for web. Too bad for me… it has a lot of potential.
[1] – http://nicubunu.ro/pictures/potatos/potato_guy.svg
Hey Nicu !
What are you waiting for !?
You are our SVG guy !
What about SMIL for audio/video on web?
Roberto, I don’t know much about SMIL.
Avi wrote:
> Hey Nicu !
>
> What are you waiting for !?
But I am not that good with JavaScript… but I have lot of ideas: it could be awesome to have the JS routines abstracted so they can work with any SVG (anyway, only a simple drag and drop move and maybe a “clear all” options would be needed), so by changing only the SVG you can instantly get a brand new dress-up game, like the old South Park character generator or (an old idea of mine) “create your own pirate look” (good for the Talk Like a Pirate day on September 19).
Nicu, one thing I really miss is an article about the different ways on embedding SVG into a web page. Should be browser neutral.
I can’t do <img src=”drawing.svg”/> and I don’t want to include the entire <svg> block in an HTML page. So whats the way? <object>? <embed>?
If somebody here knows, it is you.
Yes, OBJECT and EMBED.
However, EMBED is NOT part of the HTML standard, but is supported by browsers so using OBJECT is the only standard way (but I believe it is not supported so well by browsers). For more insight, read at http://wiki.svg.org/SVG_and_HTML
I remember reading about a Firefox plan to accept SVG as IMG but I’m not aware of concrete plans or schedule (but I think this would be the best option).
Perfeito! Seria completo se os navegadores dessem um maior suporte ao SVG, mas iniciativas como essa são as catalisadoras das mudanças. 😀
Vamos esperar para ver o que a galera vai criar…
Avi, a simple find “video” at the links page found it for you: http://www.bluishcoder.co.nz/2007/08/svg-video-demo.html
It’s sweeeet.
Great list of games! You can find more at my site: http://www.trybeatme.com
u shood hav a serch bar,fo peepo fin stuf E-Zer