<?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[Weekend Update #3]]></title><type><![CDATA[link]]></type><html><![CDATA[<p><strong>Some More Character Designs</strong> <em>subject to change and/or disposal</em></p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg"><img loading="lazy" data-attachment-id="622" data-permalink="https://electromagneticproject.wordpress.com/2012/02/06/weekend-update-3/three-characters/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg" data-orig-size="2458,1738" 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="Three Characters" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=640&#038;h=452" alt="" title="Three Characters" width="640" height="452" class="aligncenter size-full wp-image-622" srcset="https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=640&amp;h=452 640w, https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=1278&amp;h=904 1278w, https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=150&amp;h=106 150w, https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=300&amp;h=212 300w, https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=768&amp;h=543 768w, https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?w=1024&amp;h=724 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
These characters are complete rip-offs of a few of the characters from <a>51 Japanese Characters</a>, so are subject to name and feature changes in the future to avoid being a total copy-cat. While most of the inhabitants of the places in Hanami are effected by the so-called <em>Hanami Crisis</em>, I&#8217;ve picked out a few personality types who could have avoided the crisis in various ways. These characters will play very minor roles in the game, they will appear <em>at most</em> once per level, and simply hand over a blossom they have found, or something similar. Everyone&#8217;s doing their bit to help!<br />
<strong>Left Character:</strong> avoided the crisis because he is a monk. Protected by spiritual powers etc.<br />
<strong>Middle Character:</strong> avoided the crisis because he was stuck inside a Panda costume.<br />
<strong>Right Character:</strong> avoided the crisis because he fell asleep under a table in a cafe. Details on the &#8220;crisis&#8221; are still a little vague, so I don&#8217;t know how this would have helped him, but it did. <a href="http://www.kirainet.com/english/japanese-sleeping-%E2%80%93-11/" target="_blank">Kirainet</a>, the predecessor to <em>A Geek In Japan</em>, has dedicated plenty of its Blog-space to photos of people sleeping everywhere and everywhere in Japan, it seems perfectly acceptable to just fall asleep where ever you&#8217;re standing.</p>
<p><img src="https://i1.wp.com/farm7.static.flickr.com/6135/6001334284_86d9d039e8.jpg" class="aligncenter"><br />
I&#8217;ll be converting these characters to pixel form soon!</p>
<p><strong>Character Animations</strong><br />
I&#8217;ve been plodding along with walking animations for the last week, but found I was taking leaps and bounds this weekend! I scanned through as many <a href="http://forums.tigsource.com/index.php?board=24.0" target="_blank">TIGsource Forum</a> threads as I could a couple of evenings ago to find good examples of walking cycles that were a similar size and shape to my character sprites. Ultimately, I could only find things vaguely similar enough to help, but while this didn&#8217;t provide a pure reference, I was glad to see that I was on to something original. My current cycle too has a few frames which are similar to others I found, but I had to tween using my own initiative for most of the process. Here is my current Hana sprite:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/walking-hana-v4.gif"><img loading="lazy" data-attachment-id="623" data-permalink="https://electromagneticproject.wordpress.com/2012/02/06/weekend-update-3/walking-hana-v4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-hana-v4.gif" data-orig-size="102,114" 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="Walking-Hana-v4" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-hana-v4.gif?w=102" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-hana-v4.gif?w=102" src="https://electromagneticproject.files.wordpress.com/2012/02/walking-hana-v4.gif?w=102&#038;h=114" alt="" title="Walking-Hana-v4" width="102" height="114" class="aligncenter size-full wp-image-623" /></a><br />
I gave it a go applying this same animation to Za-chan, although it wasn&#8217;t always clear how to go because she wears a long dress and you can&#8217;t see most of her legs! I will probably tweak this if I have to use it in the game. At the moment, it&#8217;s more of a practice in applying one animation to varying sprites:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/walking-zachan-v4.gif"><img loading="lazy" data-attachment-id="624" data-permalink="https://electromagneticproject.wordpress.com/2012/02/06/weekend-update-3/walking-zachan-v4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-zachan-v4.gif" data-orig-size="102,114" 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="Walking-Zachan-v4" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-zachan-v4.gif?w=102" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/walking-zachan-v4.gif?w=102" src="https://electromagneticproject.files.wordpress.com/2012/02/walking-zachan-v4.gif?w=102&#038;h=114" alt="" title="Walking-Zachan-v4" width="102" height="114" class="aligncenter size-full wp-image-624" /></a><br />
For the rest of my character animations, I will hopefully be roping in some volunteers to perform for me so that I have photo-references of people doing various actions. Finding examples of various walk-cycles wasn&#8217;t necessarily a difficult task, but unfortunately I&#8217;m going to need more than that&#8230;</p>
<p><strong>Level Design</strong><br />
I&#8217;m currently still set on using the Kanji basis for my level design. Over the weekend I just had to grab a pen and piece of paper and get down all my thoughts on the level, what it should consist of and how it should look. It&#8217;s slightly more decipherable than previous attempts, although some of the designs cross-over quite confusingly! I tried to draw out the entire level in the bottom half of the page:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg"><img loading="lazy" data-attachment-id="625" data-permalink="https://electromagneticproject.wordpress.com/2012/02/06/weekend-update-3/level-design/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg" data-orig-size="2483,3394" 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 Design" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=219" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=749" src="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=640&#038;h=874" alt="" title="Level Design" width="640" height="874" class="aligncenter size-full wp-image-625" srcset="https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=640&amp;h=874 640w, https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=1280&amp;h=1748 1280w, https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=110&amp;h=150 110w, https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=219&amp;h=300 219w, https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=768&amp;h=1050 768w, https://electromagneticproject.files.wordpress.com/2012/02/level-design.jpg?w=749&amp;h=1024 749w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>According to Peter McClory&#8217;s <a href="http://petermcclory.com/2012/01/hand-drawn-2d-platform-game-level-design-process-tutorial/#more-259" target="_blank">level design technique</a>, the next step would be to draw this out to scale on squared paper. However, I decided to use Photoshop instead, so that the level was easier to edit! Once it&#8217;s done I&#8217;ll print and trace it as if it were drawn on squared paper. The design currently lacks detail and is not finished, but it&#8217;s given my a huge insight into the scaling of the level, which in places in completely different to how I imagined it. Here is a rough idea of the level so far:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg"><img loading="lazy" data-attachment-id="626" data-permalink="https://electromagneticproject.wordpress.com/2012/02/06/weekend-update-3/level-1-mockup/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg" data-orig-size="2999,1389" 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 1 Mockup" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=640&#038;h=296" alt="" title="Level 1 Mockup" width="640" height="296" class="aligncenter size-full wp-image-626" srcset="https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=640&amp;h=296 640w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=1278&amp;h=592 1278w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=150&amp;h=69 150w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=300&amp;h=139 300w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=768&amp;h=356 768w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-mockup.jpg?w=1024&amp;h=474 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>My Plan for the rest of the week now is definitely to get this mocked up and playable in Game Maker, possibly before tracing in the details. I still haven&#8217;t settled for any particular character physics within the Grandma Engine, so I will have to make sure that the character feels natural to handle whilst working their way around this specific level. Once the layout is finalised, I&#8217;ll fill in some detail, but this is a secondary objective to getting a playable level right now.</p>
<p><strong>Some thoughts on sound&#8230;</strong><br />
I started to play around with a piece of music creation software called <a>PXTone</a>. It&#8217;s a development from Daisuke Amaya, creator of Cave Story, and it sounds as though he uses this himself to make the music for his games. It&#8217;s default instruments are all very synthy, but you can combine classic chip-tune instruments with midi-sounding instruments to create something generally retro sounding, yet something original. There are a vast amount of starting instruments, which makes this program easier to get started with than other chiptune software I&#8217;ve previously used where you must create your own instruments :S So far I&#8217;ve just had a play around to see if it would be appropriate for this project, although I&#8217;m still not sure what my music source will be yet. Original music would be a huge bonus, so this is definitely on the list.<br />
<a href="http://pakaku.deviantart.com/art/pxtone-Poster-One-141530205" target="_blank"><img src="https://i2.wp.com/www.deviantart.com/download/141530205/pxtone_Poster_One_by_Pakaku.png" class="aligncenter"></a></p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/02/three-characters.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>