{"id":158,"date":"2010-01-20T22:46:38","date_gmt":"2010-01-20T21:46:38","guid":{"rendered":"http:\/\/www.frozax.com\/blog\/?p=158"},"modified":"2010-01-20T22:46:38","modified_gmt":"2010-01-20T21:46:38","slug":"spring-up-xna-first-try-background-effects","status":"publish","type":"post","link":"https:\/\/www.frozax.com\/blog\/2010\/01\/spring-up-xna-first-try-background-effects\/","title":{"rendered":"Spring Up! XNA : first try at background effects"},"content":{"rendered":"<p>I spend some time trying to create an interesting visual effect in the background of Spring Up! XNA. The backgrounds of the PC\/Mac versions are not really nice. I tried to do something more abstract and animated depending on the flow of the game. <a href=\"http:\/\/www.bizarrecreations.com\/games\/geometry_wars_retro_evolved\/\">Geometry<\/a> <a href=\"http:\/\/www.bizarrecreations.com\/games\/geometry_wars_retro_evolved_2\/\">Wars<\/a> 1 and 2 did a very good job at that. While trying to develop an effect, I came up with many different results. I uploaded a video of one of this effect (you can see it in full res <a href=\"http:\/\/www.youtube.com\/watch?v=OkeXUVU6hao\">here<\/a>).<\/p>\n<p><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"480\" height=\"295\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/OkeXUVU6hao&amp;hl=fr_FR&amp;fs=1&amp;\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"480\" height=\"295\" src=\"http:\/\/www.youtube.com\/v\/OkeXUVU6hao&amp;hl=fr_FR&amp;fs=1&amp;\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<p>Of course, feedback is very much welcomed (negative, positive, ideas&#8230;).<br \/>\nI personally have some concerns about a few things:<\/p>\n<ul>\n<li>Black background, is it too simple?<\/li>\n<li>When background is colorful, I think the player might not see the &#8220;real game&#8221; because it attracts the eye.<\/li>\n<li>Colors are a bit too much &#8220;programmer art&#8221;. I made also some black and white tries that were nice too.<\/li>\n<\/ul>\n<p>I have many variables available to tune this effect and each one of them really changes the final result. Basically, the algorithm here is a grid of particles that are animated and lit depending on the velocity and position of the moving elements around them.<\/p>\n<p>I will also probably add thin trails behind objects. For boxes, I will try to attach multiple trails to\u00a0 every corner.<\/p>\n<p>I also have a bloom effect I did for fun before starting this project, I might try to add it in Spring Up!, probably on the trails, maybe on the background too.<\/p>\n<div class=\"addtoany_share_save_container addtoany_content_bottom\"><div class=\"a2a_kit a2a_kit_size_32 addtoany_list a2a_target\" id=\"wpa2a_1\"><a class=\"a2a_button_twitter\" href=\"http:\/\/www.addtoany.com\/add_to\/twitter?linkurl=https%3A%2F%2Fwww.frozax.com%2Fblog%2F2010%2F01%2Fspring-up-xna-first-try-background-effects%2F&amp;linkname=Spring%20Up%21%20XNA%20%3A%20first%20try%20at%20background%20effects\" title=\"Twitter\" rel=\"nofollow\" target=\"_blank\"><\/a><a class=\"a2a_button_facebook\" href=\"http:\/\/www.addtoany.com\/add_to\/facebook?linkurl=https%3A%2F%2Fwww.frozax.com%2Fblog%2F2010%2F01%2Fspring-up-xna-first-try-background-effects%2F&amp;linkname=Spring%20Up%21%20XNA%20%3A%20first%20try%20at%20background%20effects\" title=\"Facebook\" rel=\"nofollow\" target=\"_blank\"><\/a><a class=\"a2a_button_google_plus\" href=\"http:\/\/www.addtoany.com\/add_to\/google_plus?linkurl=https%3A%2F%2Fwww.frozax.com%2Fblog%2F2010%2F01%2Fspring-up-xna-first-try-background-effects%2F&amp;linkname=Spring%20Up%21%20XNA%20%3A%20first%20try%20at%20background%20effects\" title=\"Google+\" rel=\"nofollow\" target=\"_blank\"><\/a><a class=\"a2a_button_reddit\" href=\"http:\/\/www.addtoany.com\/add_to\/reddit?linkurl=https%3A%2F%2Fwww.frozax.com%2Fblog%2F2010%2F01%2Fspring-up-xna-first-try-background-effects%2F&amp;linkname=Spring%20Up%21%20XNA%20%3A%20first%20try%20at%20background%20effects\" title=\"Reddit\" rel=\"nofollow\" target=\"_blank\"><\/a>\n<script type=\"text\/javascript\"><!--\nwpa2a.script_load();\n\/\/--><\/script>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>I spend some time trying to create an interesting visual effect in the background of Spring Up! XNA. The backgrounds of the PC\/Mac versions are not really nice. I tried to do something more abstract and animated depending on the flow of the game. Geometry Wars 1 and 2 did a very good job at&hellip; <a class=\"more-link\" href=\"https:\/\/www.frozax.com\/blog\/2010\/01\/spring-up-xna-first-try-background-effects\/\">Continue reading <span class=\"screen-reader-text\">Spring Up! XNA : first try at background effects<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,15],"tags":[57,70,81,126,137,141],"_links":{"self":[{"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/posts\/158"}],"collection":[{"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":0,"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.frozax.com\/blog\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}