{"id":1864,"date":"2014-04-28T21:03:56","date_gmt":"2014-04-28T20:03:56","guid":{"rendered":"http:\/\/www.radicalfishgames.com\/?p=1864"},"modified":"2014-05-15T00:08:44","modified_gmt":"2014-05-14T23:08:44","slug":"crosscode-update-46-post-crossweek-much-to-tell","status":"publish","type":"post","link":"https:\/\/www.radicalfishgames.com\/?p=1864","title":{"rendered":"CrossCode Update #46 <br \/> Post CrossWeek &#8211; Much to tell!"},"content":{"rendered":"<p>Hi again!<\/p>\n<p>CrossWeek is over! And what a week it was. Needless to say: <strong>we made a lot of progress<\/strong>! We have a first version of the <b>circuit menu<\/b>, an almost completed <b>tutorial battle<\/b>, our first real <b>boss enemy<\/b> and more!<\/p>\n<p>There is much to tell, so take a seat and get ready!<\/p>\n<p><!--more--><\/p>\n<h2>Circuit Menu Progress<\/h2>\n<p><b>R.D.<\/b> was busy implementing the detailed view of the circuit menu and managed to finish a large portion of the work!<\/p>\n<p>And what better way to show this progress than with a time laps?<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/wip-small.gif\" alt=\"wip-small\" width=\"568\" height=\"320\" class=\"aligncenter size-full wp-image-1869\" \/><\/p>\n<p>When navigating the menu with the mouse, we can click and drag to change the point of view.<br \/>\nAt the same time, when hovering a node you get a tooltip with more detailed informations about the skill.<br \/>\nOf course, you can have tooltips and dragging at the same time. And we can&#8217;t have tooltips simply popping in and out, now can we?<br \/>\nSo this is what we got:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/circuit-detail1.gif\" alt=\"circuit-detail\" width=\"568\" height=\"320\" class=\"aligncenter size-full wp-image-1873\" \/><\/p>\n<p>It was challenging to implement, but navigation the skill menu this way feels really nice indeed.<\/p>\n<p>The final steps for the circuit menu are proper node descriptions, the actual node (de)activation and gamepad support.<\/p>\n<h2>The Tutorial Battle<\/h2>\n<p>In recent updates we have shown excerpts of the tutorial as well as the large turret enemy that will be part of that tutorial.<br \/>\nDuring CrossWeek and the week after that, I continued working on this end, completing the large turret enemy and implementing most of the tutorial itself!<br \/>\nSo here have some screenshots of the current state of the tutorial:<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1-600x338.png\" alt=\"tutorial-1\" width=\"584\" height=\"328\" class=\"aligncenter size-large wp-image-1878\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1-600x338.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1-300x169.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1-500x281.png 500w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-1.png 1136w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>We start the tutorial by testing the players throwing skill.<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3-600x338.png\" alt=\"tutorial-3\" width=\"584\" height=\"328\" class=\"aligncenter size-large wp-image-1879\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3-600x338.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3-300x169.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3-500x281.png 500w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-3.png 1136w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>After that, it&#8217;s time to dodge! Ever tried to dodge in CrossCode without losing your aim? That&#8217;s what we want you to do here.<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4-600x338.png\" alt=\"tutorial-4\" width=\"584\" height=\"328\" class=\"aligncenter size-large wp-image-1880\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4-600x338.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4-300x169.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4-500x281.png 500w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-4.png 1136w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>Captain Jet explaining the guarding skill that you just acquired.<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5-600x338.png\" alt=\"tutorial-5\" width=\"584\" height=\"328\" class=\"aligncenter size-large wp-image-1881\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5-600x338.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5-300x169.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5-500x281.png 500w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/tutorial-5.png 1136w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>And to round everything up: a battle to test your skills.<\/p>\n<p>As this tutorial is <b>interactive<\/b> it took a bit of time to get all the sequences right. However, we hope that it will help many players to better understand the battle system of our game. After all, it is kind of unique, in some ways at least.<\/p>\n<h2>The first Boss<\/h2>\n<p>And now, the big thing that everyone (or maybe just some?) have been waiting for!<\/p>\n<p>Introducing the <b>Cargo Crab<\/b>:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/introduction1.png\" alt=\"introduction\" width=\"378\" height=\"317\" class=\"aligncenter size-full wp-image-1885\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/introduction1.png 378w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/introduction1-300x251.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/introduction1-357x300.png 357w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>That monster was quite a piece of work.<br \/>\nIt helped a lot that all of us have been at the same place during CrossWeek as it was quite some collaboration!<br \/>\n<b>T-Free<\/b> created sprites and poses for all the individual parts, while I was assembling all the animations in our new editor, which I had to fix and extend quite a lot in the process.<\/p>\n<p>This is how the Cargo Crab looks like in the animation editor:<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor-600x437.png\" alt=\"cargoCrabInEditor\" width=\"584\" height=\"425\" class=\"aligncenter size-large wp-image-1888\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor-600x437.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor-300x218.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor-411x300.png 411w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargoCrabInEditor.png 1273w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>Overall, this enemy is made out of 17 separate entities, with 1-3 sprites each. All of these are moved in sync for each animation. That way, all graphics of this boss enemy fit into an image of 512&#215;512 pixel size (36kb), while the animations are described in a separate JSON file (238kb, 17kb when compressed). So in short: We save huge amounts of memory!<\/p>\n<p>Anyway, here is one of the many animations:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/crab-moving-transparent.gif\" alt=\"crab-moving-transparent\" width=\"434\" height=\"314\" class=\"aligncenter size-full wp-image-1889\" \/><\/p>\n<p>So what about the battle itself?<br \/>\nWell, we don&#8217;t want to reveal everything at this point.<br \/>\nOf course, the crab will be able to attack quite severally. For example like this:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargo-crab-attack-small.gif\" alt=\"cargo-crab-attack-small\" width=\"300\" height=\"200\" class=\"aligncenter size-full wp-image-1892\" \/><\/p>\n<p>And of course, as with any giant enemy crab, there will be a weak point:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/cargo-crab-weak-point-small.gif\" alt=\"cargo-crab-weak-point-small\" width=\"300\" height=\"200\" class=\"aligncenter size-full wp-image-1893\" \/><\/p>\n<p>What you don&#8217;t hear in these animations are the great sounds that <b>Teflo<\/b> created for this boss fight. Rising steam? Hydraulics? Metal impact? We got all that covered!<\/p>\n<p>And that&#8217;s all for the boss fight. Is it done? Well, almost. We still need a proper energy bar for this enemy and lots of fine tuning to balance the attack pattern. But apart from that, our first boss enemy is almost complete! That&#8217;s a huge milestone for us!<\/p>\n<h2>MORE STUFF<\/h2>\n<p>There is more! <b>Teflo<\/b> created new sounds for the menu (much more pleasant to listen to) as well as a large variety of hit sounds. At the end, we had file names such as <i>hit-6-3-1-4.ogg<\/i>&#8230; that&#8217;s the number of revisions we went through until we found something good.<\/p>\n<p><b>GFluegel<\/b> continued planning the circuit graphs and draw several new icons for the nodes. <\/p>\n<p><b>T-Free<\/b>, who already created all the boss sprites and effects, didn&#8217;t stop there and continued with more graphics for an <b>entirely new enemy<\/b> (more on that another time).<\/p>\n<p><b>Intero<\/b> finished a new BGM for the outside of the cargo ship.<\/p>\n<p>And most recently, I extended our effect system to support things like this:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/lea-sparkle.gif\" alt=\"lea-sparkle\" width=\"300\" height=\"300\" class=\"aligncenter size-full wp-image-1894\" \/><\/p>\n<p>And finally, if you got the impression that something seemed <i>different<\/i> in the screens of the tutorial battle, that&#8217;s because we increased the <b>contrast<\/b> of many graphics throughout the game.<br \/>\nHere a small comparison:<\/p>\n<p><a href=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges.png\"><img decoding=\"async\" src=\"http:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges-600x338.png\" alt=\"contrastChanges\" width=\"584\" height=\"328\" class=\"aligncenter size-large wp-image-1895\" srcset=\"https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges-600x338.png 600w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges-300x169.png 300w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges-500x281.png 500w, https:\/\/www.radicalfishgames.com\/wp-content\/uploads\/contrastChanges.png 1136w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>Looks better, right? &#8230; Right?<\/p>\n<h2>Wrapping up the milestone<\/h2>\n<p>With all this work done, we finally conclude our <b>current milestone<\/b>.<br \/>\nWhat was the goal? <b>Implement the boss fight and the circuit menu.<\/b><br \/>\nDid we make it? Well, almost. But since there was a lot of technical challenges on the way to achieve all this, I think we did pretty well this time.<\/p>\n<p>And one thing is certain: This was not our last CrossWeek! Because not only was this week extremely productive, it was also a lot of fun!<\/p>\n<p>That&#8217;s all for this update.<br \/>\nAs always, thanks for reading and following our blog.<\/p>\n<p>Until next time!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi again! CrossWeek is over! And what a week it was. Needless to say: we made a lot of progress! We have a first version of the circuit menu, an almost completed tutorial battle, our first real boss enemy and more! There is much to tell, so take a seat and get ready!<\/p>\n","protected":false},"author":3,"featured_media":1885,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-1864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-crosscode","category-weekly"],"_links":{"self":[{"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/posts\/1864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1864"}],"version-history":[{"count":34,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/posts\/1864\/revisions"}],"predecessor-version":[{"id":1954,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/posts\/1864\/revisions\/1954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=\/wp\/v2\/media\/1885"}],"wp:attachment":[{"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.radicalfishgames.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}