{"assets":[],"author_link":"author\/udo\/","author_name":"udo","cat":"LD #27","categories":["LD #27"],"comments":[],"epoch":1377689280,"event":"LD27","likes":4,"metadata":{"p_key":"80236","p_author":"udo","p_authorkey":"0","p_urlkey":"289246","p_title":"Web Development Confessions","p_cat":"LD #27","p_event":"LD27","p_time":"1377689280","p_likes":"4","p_comments":"0","p_status":"WAYBACK","us_key":null,"us_name":null,"us_username":null,"event_start":"1377216000","event_key":"18","event_name":"LD27"},"source_url":"2013\/08\/28\/web-development-confessions\/","text":"<p>I like my two protagonists way too much, so I made this real quick:<\/p>\n<p><a href=\"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2013\/08\/bridge-shot-2.jpg\"><img alt=\"bridge shot 2\" class=\"alignnone size-large wp-image-292005\" height=\"366\" src=\"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2013\/08\/bridge-shot-2-550x366.jpg\" width=\"550\"\/><\/a><\/p>\n<p>I had a real blast making <a href=\"http:\/\/www.ludumdare.com\/compo\/ludum-dare-27\/?action=preview&amp;uid=6821\">Robots Save the Day<\/a>! One of the hardest things after LD is probably coming back down again <img alt=\":)\" class=\"wp-smiley\" src=\"http:\/\/ludumdare.com\/compo\/wp-includes\/images\/smilies\/simple-smile.png\" style=\"height: 1em; max-height: 1em;\"\/> thankfully there is the review period. I have to say I\u2019m absolutely humbled by the quality and creativity of the games out there. Everybody did a phenomenal job and this sets the bar very high \u2013 which is a good thing.<\/p>\n<p>I\u2019d like to talk a bit about the tools \/ the environment I used for my game.<\/p>\n<h2>Technology Choices \/ Lessons Learned<\/h2>\n<p>The game is completely browser-based, native HTML and JavaScript. Originally I had planned on making a 3D game for this LD, but alas I had to give that up halfway through because otherwise I couldn\u2019t have finished on time (again, this happened at LD 26). Anyway, I want to sing some praise for HTML games now:<\/p>\n<p>Even without a game framework HTML\/JS is a combination that lets you get things done very quickly. My one headache though was I didn\u2019t know how big the browser support for both CSS transitions and CSS element rotation is, as the game relies very heavily on it. So far, no complaints, the robot gods be thanked. Here\u2019s the stack I ended up using:<\/p>\n<p>\u2013 JQuery for DOM manipulation<br\/>\n\u2013 Handlebars.js for JS-enabled templates<br\/>\n\u2013 CSS effects for pretty much everything<br\/>\n\u2013 oh, and: PHP as a backend resource compiler<\/p>\n<p>The graphics were made entirely in Cinema 4D, no post processing. Aligning the level layout with the grid had been somewhat of a challenge, but in the end I ended up liking how objects were often just a leeeeettle bit misaligned. That made the levels look more organic. For a bigger game, I\u2019d have used tile-based levels, but for this one it was enough to render most of the scene in one go and use sprites for the rest.<\/p>\n<p>I made the soundtrack with Garageband, it\u2019s basically just some mellow synth throbbing, but it kinda works for the atmosphere I wanted. Again, this was absolutely the right tool for the job to get things done quickly.<\/p>\n<p>As for the sound effects and the robot speech, that\u2019s just me with a microphone and some Audacity effects\/editing. The most complex one was Captain Hannigan\u2019s \u201cAbandon-Ship\u201d message that plays over and over on the abandoned bridge. But even that was created just with my mouth \ud83d\ude09<\/p>\n<p>So all in all I\u2019m actually glad how everything turned out, even though I didn\u2019t follow through with the original plan for WebGL. It\u2019s actually kind of shameful how easy this project was to do with just HTML and I\u2019d like to encourage more people to try it. I know the game dev frameworks out there enable great things, but it seems equally as often they\u2019re stumbling blocks for the dev to fight against.<\/p>\n<p>Which brings me to my final point on web games. I have to confess a certain bias towards trying and rating browser-playable entries way more often. A downloadable game on the other hand has to look very good in order to motivate me to download it. And even then, there\u2019s about a 30% chance the executable just won\u2019t run on my system. I feel very bad for these projects, because \u2013 more often than not \u2013 interesting games run into trouble at this point.<\/p>\n<p>So that\u2019s kinda my lesson from LD27: HTML for the win!<\/p>\n<p>Plug: <a href=\"http:\/\/www.ludumdare.com\/compo\/ludum-dare-27\/?action=preview&amp;uid=6821\" style=\"font-size: 150%\"><b>Try out Robots Save the Day<\/b><\/a> and let me know what you think!<\/p>","time":"August 28th, 2013 11:28 am","title":"Web Development Confessions","title_was_empty":false}