{"author_name":"Shot","cat":"LD #21","comments":[],"epoch":1314020760,"likes":0,"metadata":{"p_key":"63803","p_author":"Shot","p_authorkey":"5019","p_urlkey":"99588","p_title":"Lava Tsunami of Doom, recap!","p_cat":"LD #21","p_event":"LD21","p_time":"1314020760","p_likes":"0","p_comments":"0","p_status":"UPD5","us_key":"5019","us_name":"Shot","us_username":"shot","event_start":"1313712000","event_key":"7","event_name":"LD21"},"text":"<p style=\"text-align: left\">I&#8217;m currently attempting to submit my entry for LD21 and thought I&#8217;d share some of the steps along the way with screenshots (from timelapse archive, &lt;3 chronolapse).<\/p>\n <p style=\"text-align: left\">No better way to start than a title screen:<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/09WTX.jpg\"><img src=\"http:\/\/i.imgur.com\/09WTX.jpg\" alt=\"\" \/><\/a><\/p>\n <p style=\"text-align: left\">I then got stuck straight into the concept I had for &#8220;escape&#8221; &#8211; solving puzzles to move up levels of a tower\/dungeon to escape rising lava levels, with a snakes and ladders like &#8220;fall down 3 levels&#8221; mechanic if you got something wrong. First up, an indicator on the screen for your level and the level of the lava!<\/p>\n <p style=\"text-align: left\"><span id=\"more-67877\"><\/span><\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/eZKX2.jpg\" target=\"_blank\"><img src=\"http:\/\/i.imgur.com\/eZKX2l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">It wasn&#8217;t long before I scrapped that idea as I couldn&#8217;t think of how to implement a nice variety of puzzles that could increase in difficulty while being randomly generated (admittedly, I didn&#8217;t give the problem a lot of thought) and started work on my second idea, a side scrolling platformer where you outrun an advancing lava wave! I jumped into photoshop and threw together some concept art for the platforms you could run and jump along.<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/JbrBW.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/JbrBWl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/B3asY.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/B3asYl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">It became quickly apparent that there wouldn&#8217;t be much room for variety in level generation, and with tile designs like that it looked entirely possible to fall down a gap between tiles just by offsetting vertically. I could have worked on a more solid tile design, but instead I decided to forego graphics for the time being and get to work on random terrain generation, rendered as solid white for now, with a little red rectangle for the player! The &#8220;minimap&#8221; appeared and stuck with the game mostly unchanged all the way through.<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/jfVF3.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/jfVF3l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><img class=\"alignnone\" style=\"border-style: initial;border-color: initial;margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/IXlwal.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/p>\n <p style=\"text-align: left\">Some time spent looking at a friend&#8217;s progress:<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/WpYZ8.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/WpYZ8l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">And back to my own work. Making quick progress now, I added a lava wall behind you and blue obstacle blocks floating in the air. At this stage I was intending to have the blue blocks as indestructable objects which were a lot less common than they are now and intended to have a seperate type of creature you would have to shoot and kill as you progressed across the world.<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/CiXpl.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/CiXpll.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">Next on the agenda was meteors raining from the sky! Rendered as simple circles themselves they were very uninteresting to have falling across the screen, so I added smoke particles trailing behind them. These were supposed to grow in size and lose opacity so they&#8217;d become invisible and be destroyed when they were completely unseen. It didn&#8217;t work as intended at first and there was amusement when they added to my lava wall and started covering the screen with &#8220;smoke&#8221;. It made the game much harder to play, and because they never despawned the game went slower and slower! Glad I got screenshots to remember it.<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/rbWGy.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/rbWGyl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/W724D.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/W724Dl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">Smoke particles fixed and tested against different coloured backgrounds, the game was coming together nicely now &#8211; it needed an end condition though. I quickly made an image for failure and added it to the game. Also added a distance text at this point, so you could see how far you were getting!<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/5FvRi.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/5FvRil.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/ekhIK.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/ekhIKl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">Time for some more fancy graphics &#8211; cue the Lava Tsunami of Doom, for which the game will be applauded and named. Also added 2 background layers which scroll at different speeds.<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/tqcnL.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/tqcnLl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/w7sE7.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/w7sE7l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">The game was still lacking something while playing though, so I figured I should add some sounds. Audiotool.com for background &#8220;music&#8221; and bfxr.net for sound effects. Pow!<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/6geBR.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/6geBRl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/IZruC.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/IZruCl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">And then with everything else done, graphics for the rest of the game!<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/6YLcN.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/6YLcNl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/yFYpe.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/yFYpel.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/Ry9cF.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/Ry9cFl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/G4DuJ.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/G4DuJl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/VYP4H.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/VYP4Hl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/aZyp3.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/aZyp3l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/i.imgur.com\/QeUEW.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/QeUEWl.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><a href=\"http:\/\/i.imgur.com\/5uBg4.jpg\" target=\"_blank\"><img class=\"alignnone\" style=\"margin-left: 10px;margin-right: 10px\" src=\"http:\/\/i.imgur.com\/5uBg4l.jpg\" alt=\"\" width=\"400\" height=\"225\" \/><\/a><\/p>\n <p style=\"text-align: left\">And that&#8217;s that!<\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/www.ludumdare.com\/compo\/ludum-dare-21\/?action=rate&amp;uid=5019\"><img class=\"alignnone\" src=\"http:\/\/i.imgur.com\/NeOvZ.jpg\" alt=\"\" \/><\/a><\/p>\n <p style=\"text-align: left\"><a href=\"http:\/\/www.ludumdare.com\/compo\/ludum-dare-21\/?action=rate&amp;uid=5019\">http:\/\/www.ludumdare.com\/compo\/ludum-dare-21\/?action=rate&amp;uid=5019<\/a><\/p>","time":"August 22nd, 2011 8:46 am","title":"Lava Tsunami of Doom, recap!"}