<?xml version="1.0" encoding="UTF-8" standalone="yes"?><oembed><version><![CDATA[1.0]]></version><provider_name><![CDATA[Hanami Devlog]]></provider_name><provider_url><![CDATA[https://electromagneticproject.wordpress.com]]></provider_url><author_name><![CDATA[push start to begin]]></author_name><author_url><![CDATA[https://electromagneticproject.wordpress.com/author/pushstarttobegin/]]></author_url><title><![CDATA[Thinking With Platforms]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>I&#8217;ve changed my tactics slightly while designing this level, so that I can essentially design and test simultaneously. I&#8217;m trying to keep level layouts varied and involve new challenges for the player with each level, but it&#8217;s been difficult to judge the success of drastic changes on paper. So my new process is: draw, test, redraw, test, create!</p>
<p>The kanji for &#8220;blue&#8221; which I&#8217;ve based the level 3 layout on is: 青, which gives the opportunity for a lot of long horizontal platforms. Unfortunately, I ended up with a lot of these after creating the level based on the kanji for &#8220;orange&#8221;: 橙 (it doesn&#8217;t look like it has many horizontal lines but I ended up putting a lot of emphasis on the small lower section on the right hand side!) The long, straight parts of the previous level are pretty much the most boring game sections I&#8217;ve made so far, so I really wanted to avoid them this time round.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg"><img loading="lazy" data-attachment-id="1342" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/level-3-mockup/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg" data-orig-size="2590,1341" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Level 3 Mockup" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=640&#038;h=331" alt="" title="Level 3 Mockup" width="640" height="331" class="aligncenter size-full wp-image-1342" srcset="https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=640&amp;h=331 640w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=1280&amp;h=662 1280w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=150&amp;h=78 150w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=300&amp;h=155 300w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=768&amp;h=398 768w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?w=1024&amp;h=530 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
I started off with this level mock-up, which like all of my other level designs has ended up looking nothing like the original kanji! The blue patches are <a href="http://en.wikipedia.org/wiki/Onsen" target="_blank">&#8220;onsen&#8221;</a> hot springs, which are the unique little features in this level. In Japan, accommodation and bathing facilities are often placed near <em>onsen</em>, so I&#8217;ve placed the buildings near the hot springs. I&#8217;ve also tried to avoid placing buildings in the level&#8217;s four corners, which seems to have inevitably happened in levels 1 and 2. This level is unique however beacause I&#8217;ve only placed one cave, which is larger than all previous cave levels and connects more parts of the level. It&#8217;s difficult to see in the mock-up, but I&#8217;ve placed grey squares where the entrances and exits are located. My main concern with the mock-up is that there are still a lot of long, straight platforms, but at this point I printed the design to work out the rest on paper.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg"><img loading="lazy" data-attachment-id="1345" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/level-3_1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg" data-orig-size="696,608" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Level 3_1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=696" src="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=640&#038;h=559" alt="" title="Level 3_1" width="640" height="559" class="aligncenter size-full wp-image-1345" srcset="https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=640&amp;h=559 640w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=150&amp;h=131 150w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg?w=300&amp;h=262 300w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_1.jpg 696w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
When I printed the layout this time I didn&#8217;t join the two pieces of A4 paper together, so I&#8217;ve ended up with two halves which were really easy to scan! You can see the detail in this design much better than in my previous photos. The level starts in the bottom left-hand corner, where the <em>warp door</em> object is. I&#8217;ve got a few more tiles to create for this level, mainly where the <em>onsen</em> are. The structures around the onsen are based on this image from <a href="http://www.japan-guide.com/e/e5209.html" target="_blank">Onsen No Tengoku</a> (Onsen of Heaven) in <a href="http://www.japan-guide.com/e/e5200.html" target="_blank">Hakone</a>. The travel guide describes the site as &#8220;slightly run-down but remains atmospheric&#8221;, which I though fit in perfectly with my rural setting.</p>
<p><a href="http://psycho-cyborg.blogspot.co.uk/2010/09/onsen-no-tengoku.html" target="_blank"><img src="https://i2.wp.com/1.bp.blogspot.com/_jFhODeR35MI/TIA0uhQ4nGI/AAAAAAAAADQ/tmcWeJPAEe4/s1600/hirayu-onsen.jpg" class="aligncenter"><br />
<img src="https://electromagneticproject.files.wordpress.com/2012/03/onsen.jpg?w=300" class="aligncenter"></a><br />
In this design, I&#8217;ve added a section to one of the long horizontal platforms to break up some of the length and add more rises and falls. The idea was to place obstacles where there are large gaps between the platforms, however I had to change this idea again when it came to testing because some of the scaling didn&#8217;t work well- this is main disadvantage to designing on paper with no grid! After drawing up the design, I roughed out the platforms in Game Maker to test the changes and jump distances between platforms etc. I&#8217;ve spaced out a lot of level more than usual to make the path less decipherable, and it seems to have worked pretty well. I&#8217;ve since added a lot more detail to this first half of the level, using my new blue-coloured tileset! You can see the platforms in the room editor in this screenshot:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg"><img loading="lazy" data-attachment-id="1350" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/level-3-rough/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg" data-orig-size="819,609" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Level 3 Rough" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=819" src="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=640&#038;h=475" alt="" title="Level 3 Rough" width="640" height="475" class="aligncenter size-full wp-image-1350" srcset="https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=640&amp;h=475 640w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=150&amp;h=112 150w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=300&amp;h=223 300w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg?w=768&amp;h=571 768w, https://electromagneticproject.files.wordpress.com/2012/03/level-3-rough.jpg 819w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
The solution to the problems with lots of straight horizontal sections seems to be the obvious answer. I&#8217;ve made the lengthy run seem less &#8220;lengthy&#8221; by adding jumps that create thinking points for tactical evasion, as you can see here in a section which original consisted of one long horizontal platform. When making a platformer, think with platforms.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg"><img loading="lazy" data-attachment-id="1354" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/thinkwithplatforms-2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg" data-orig-size="1326,708" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="ThinkWithPlatforms" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=640&#038;h=341" alt="" title="ThinkWithPlatforms" width="640" height="341" class="aligncenter size-full wp-image-1354" srcset="https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=640&amp;h=341 640w, https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=1277&amp;h=682 1277w, https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=150&amp;h=80 150w, https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=300&amp;h=160 300w, https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=768&amp;h=410 768w, https://electromagneticproject.files.wordpress.com/2012/03/thinkwithplatforms1.jpg?w=1024&amp;h=547 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
The second half of the level is still incomplete, I&#8217;ve simply added in the basics of the platforms for testing. I drew up the rest of the level today, so this should be filled in soon. There are still some platform changes to be made.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg"><img loading="lazy" data-attachment-id="1357" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/level-3_2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg" data-orig-size="743,611" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Level 3_2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=743" src="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=640&#038;h=526" alt="" title="Level 3_2" width="640" height="526" class="aligncenter size-full wp-image-1357" srcset="https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=640&amp;h=526 640w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=150&amp;h=123 150w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg?w=300&amp;h=247 300w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_2.jpg 743w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg"><img loading="lazy" data-attachment-id="1359" data-permalink="https://electromagneticproject.wordpress.com/2012/03/27/thinking-with-platforms/level-3_2-2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg" data-orig-size="735,609" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Level 3_2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=735" src="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=640&#038;h=530" alt="" title="Level 3_2" width="640" height="530" class="aligncenter size-full wp-image-1359" srcset="https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=640&amp;h=530 640w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=150&amp;h=124 150w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg?w=300&amp;h=249 300w, https://electromagneticproject.files.wordpress.com/2012/03/level-3_21.jpg 735w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/03/level-3-mockup.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>