{"id":106,"date":"2005-06-15T09:22:42","date_gmt":"2005-06-15T15:22:42","guid":{"rendered":"\/?p=106"},"modified":"2005-06-15T09:22:42","modified_gmt":"2005-06-15T15:22:42","slug":"my-first-svg-game","status":"publish","type":"post","link":"https:\/\/www.codedread.com\/blog\/archives\/2005\/06\/15\/my-first-svg-game\/","title":{"rendered":"My First SVG Game"},"content":{"rendered":"<p>So I finally crystallized all my new hard-won <a href=\"http:\/\/www.amazon.com\/exec\/obidos\/redirect?path=ASIN\/0764557432&link_code=as2&camp=1789&tag=codedread-20&creative=9325\">JavaScript<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=codedread-20&l=as2&o=1&a=0764557432\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/>, <a href=\"http:\/\/www.amazon.com\/exec\/obidos\/redirect?path=ASIN\/1590595335&link_code=as2&camp=1789&tag=codedread-20&creative=9325\">DOM<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=codedread-20&l=as2&o=1&a=1590595335\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/> and <a href=\"http:\/\/www.w3.org\/TR\/SVG11\/index.html\" title=\"Scalable Vector Graphics Specification\">SVG<\/a> knowledge into <a href=\"http:\/\/www.codedread.com\/yastframe.php\" title=\"YAST SVG Game by CodeDread\">a simple proof-of-concept game<\/a>.  Any guesses on what game I implemented for my first go?  One hint:  It has to do with falling blocks...  <!--more--><\/p>\n<pre>\n<script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-7209359610668764\";\ngoogle_ad_width = 468;\ngoogle_ad_height = 60;\ngoogle_ad_format = \"468x60_as\";\ngoogle_ad_channel =\"\";\ngoogle_color_border = \"FFFFFF\";\ngoogle_color_bg = \"FFFFFF\";\ngoogle_color_link = \"0000FF\";\ngoogle_color_url = \"008000\";\ngoogle_color_text = \"000000\";\n\/\/--><\/script>\n<script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/pre>\n<p>Anyway, you will need a browser that supports viewing and scripting of SVG (either download the <a href=\"http:\/\/www.adobe.com\/svg\/viewer\/install\/beta.html\" title=\"Download the Adobe SVG Viewer plug-in\">Adobe SVG Viewer plug-in<\/a> or <a href=\"http:\/\/ftp.mozilla.org\/pub\/mozilla.org\/mozilla\/nightly\/latest-trunk\/\" title=\"Latest Firefox 1.1 Alpha Build\">Mozilla Deer Park<\/a>).  If you run the game in Mozilla, I definitely recommend to turn off some of the effects as Mozilla's SVG implementation is slow compared to Adobe's.<\/p>\n<p>I may do some minor enhancements (a star field effect, persistent high scores stored on the server) but I consider the game largely complete and polished.  Let me know if you find any bugs or you have any suggestions.  Try it here: <a href=\"http:\/\/www.codedread.com\/yastframe.php\" title=\"YAST SVG Game by CodeDread\">http:\/\/www.codedread.com\/yastframe.php<\/a>.  You can compare it to the <a href=\"http:\/\/www.croczilla.com\/svg\/samples\/svgtetris\/svgtetris.svg\">original SVG Tetris<\/a>, created by Alex Fritze which served as a source of some inspiration.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I finally crystallized all my new hard-won JavaScript, DOM and SVG knowledge into a simple proof-of-concept game. Any guesses on what game I implemented for my first go? One hint: It has to do with falling blocks&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,5,38,25,46,11,28],"tags":[179,198],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-entertainment","category-games","category-javascript","category-software","category-svg","category-technology","category-web","tag-games","tag-svg"],"_links":{"self":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":0,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}