<?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[Draw, Animate, Code &amp; Play&nbsp;etc&#8230;]]></title><type><![CDATA[link]]></type><html><![CDATA[<p><strong>Drawing</strong><br />
Over the past couple of days I&#8217;ve tried to prioritise sorting out my environmental tiles, but still haven&#8217;t really come to a conclusion. I tried to test out my new idea for <em>rocky</em> tiles with real parts of the level design, but so far can&#8217;t seem to make them work well as they do on paper! To stop myself from ending up in a rut, I&#8217;ve discarded ALL rocky texture tiles for now and replaced them with a plain purple colour, which can easily be swapped for a textured tile when I decide what it will look like!</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg"><img loading="lazy" data-attachment-id="791" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/cav1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg" data-orig-size="1366,730" 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="cav1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=640&#038;h=342" alt="" title="cav1" width="640" height="342" class="aligncenter size-full wp-image-791" srcset="https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=640&amp;h=342 640w, https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=1280&amp;h=684 1280w, https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=150&amp;h=80 150w, https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=300&amp;h=160 300w, https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=768&amp;h=410 768w, https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?w=1024&amp;h=547 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
I made a little progress with the rock pattern around cave entrances however. I considered using straight edges around rock outcrops so that straight edges around other level features wouldn&#8217;t stand out so much, but didn&#8217;t feel this worked as well as the more natural, uneven design which is closer to my previous trace design.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg"><img loading="lazy" data-attachment-id="792" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/cav2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg" data-orig-size="1366,730" 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="cav2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=640&#038;h=342" alt="" title="cav2" width="640" height="342" class="aligncenter size-full wp-image-792" srcset="https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=640&amp;h=342 640w, https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=1280&amp;h=684 1280w, https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=150&amp;h=80 150w, https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=300&amp;h=160 300w, https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=768&amp;h=410 768w, https://electromagneticproject.files.wordpress.com/2012/02/cav2.jpg?w=1024&amp;h=547 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
I tried this design here with my previous rock texture, but decided that the rocks looked better against a more plain background. Even if I bring a heavily textured tileset back for platforms, I may stick with a plainer tile for cave walls.</p>
<p>Whilst trying to ignore all the complications of seamless tiles etc, I&#8217;ve diverted my attention to creating more Japanese-looking objects for the level. I&#8217;ve started by taking objects I&#8217;ve already made and adapting them to suit various instances, which is great for level continuity.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg"><img loading="lazy" data-attachment-id="793" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/new-objects/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg" data-orig-size="420,252" 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="New Objects" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg?w=420" src="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg?w=420&#038;h=252" alt="" title="New Objects" width="420" height="252" class="aligncenter size-full wp-image-793" srcset="https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg 420w, https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg?w=150&amp;h=90 150w, https://electromagneticproject.files.wordpress.com/2012/02/new-objects.jpg?w=300&amp;h=180 300w" sizes="(max-width: 420px) 100vw, 420px" /></a><br />
Amongst these smaller features I&#8217;ve been working on some large objects inspired by specific Japanese things, like this shrine gate:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg"><img loading="lazy" data-attachment-id="794" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/attachment/14701278/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg" data-orig-size="600,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;6.3&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS D60&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1050748101&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;16&quot;,&quot;iso&quot;:&quot;200&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="14701278" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg?w=600" src="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg?w=600&#038;h=400" alt="" title="14701278" width="600" height="400" class="aligncenter size-full wp-image-794" srcset="https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg 600w, https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg?w=150&amp;h=100 150w, https://electromagneticproject.files.wordpress.com/2012/02/14701278.jpg?w=300&amp;h=200 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg"><img loading="lazy" data-attachment-id="795" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/shrine-gate/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg" data-orig-size="252,217" 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="Shrine Gate" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg?w=252" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg?w=252" src="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg?w=252&#038;h=217" alt="" title="Shrine Gate" width="252" height="217" class="aligncenter size-full wp-image-795" srcset="https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg 252w, https://electromagneticproject.files.wordpress.com/2012/02/shrine-gate.jpg?w=150&amp;h=129 150w" sizes="(max-width: 252px) 100vw, 252px" /></a><br />
and this bridge:</p>
<p><img src="https://i0.wp.com/gallery.nen.gov.uk/assets/0612/0000/0118/img_3421.jpg" class="aligncenter"></p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg"><img loading="lazy" data-attachment-id="796" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/bridge/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg" data-orig-size="1152,396" 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="Bridge" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=640&#038;h=220" alt="" title="Bridge" width="640" height="220" class="aligncenter size-full wp-image-796" srcset="https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=640&amp;h=220 640w, https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=150&amp;h=52 150w, https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=300&amp;h=103 300w, https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=768&amp;h=264 768w, https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg?w=1024&amp;h=352 1024w, https://electromagneticproject.files.wordpress.com/2012/02/bridge.jpg 1152w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
Although, the reason for the bridge&#8217;s funny shape is because it follows the shapes of my platform mask tiles. I may round this off later to make it look nicer and have the character follow the tiles rather than the shape of the bridge.</p>
<p>And I finally got round it pixelising the small food stand that I designed about a week ago. You probably can&#8217;t tell even if you&#8217;re Japanese, but I attempted to write <em>ramen</em> &#8220;らめん&#8221; in hiragana on the sign!</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg"><img loading="lazy" data-attachment-id="798" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/ramen/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg" data-orig-size="252,252" 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="Ramen" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg?w=252" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg?w=252" src="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg?w=252&#038;h=252" alt="" title="Ramen" width="252" height="252" class="aligncenter size-full wp-image-798" srcset="https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg 252w, https://electromagneticproject.files.wordpress.com/2012/02/ramen.jpg?w=150&amp;h=150 150w" sizes="(max-width: 252px) 100vw, 252px" /></a></p>
<p>Without the ground texture tiles, the game definitely doesn&#8217;t look as &#8220;nice&#8221; as it did before, but the more empty spaces of the level are starting to fill up. (I haven&#8217;t built the lights in this screenshot either, which is why it looks so dark!)</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg"><img loading="lazy" data-attachment-id="802" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/hana-ramen/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg" data-orig-size="1366,747" 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="Hana Ramen" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=640&#038;h=349" alt="" title="Hana Ramen" width="640" height="349" class="aligncenter size-full wp-image-802" srcset="https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=638&amp;h=349 638w, https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=1276&amp;h=698 1276w, https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=150&amp;h=82 150w, https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=300&amp;h=164 300w, https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=768&amp;h=420 768w, https://electromagneticproject.files.wordpress.com/2012/02/hana-ramen.jpg?w=1024&amp;h=560 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><strong>Animating</strong><br />
In time for a proper working level prototype, I wanted to get many more character animations in. Before now, I&#8217;ve simply had one continuous running animation! I&#8217;ve only created the basics so far: running, <em>stopping</em>, jumping and climbing ladders.</p>
<p>To make the character stop you could use a single frame of the character just stood still, but I like to keep the character moving to ensure the player that the game is still running! Before now, I&#8217;ve used a breathing motion by making the character move slightly up and down, but where Hana is made of so few pixels, any rearrangement of pixels results in something far from &#8220;subtle&#8221;. I think a <em>breathing</em> animation is out of the question, unless I find a clever way to do this. For now, I&#8217;ve created a couple of frames that make her look fidgety when stood still, and a blink frame that flashes up irregularly.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/1.png"><img loading="lazy" data-attachment-id="803" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/1-6/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/1.png" data-orig-size="60,67" 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="1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/1.png?w=60" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/1.png?w=60" src="https://electromagneticproject.files.wordpress.com/2012/02/1.png?w=60&#038;h=67" alt="" title="1" width="60" height="67" class="aligncenter size-full wp-image-803" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/2.png"><img loading="lazy" data-attachment-id="804" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/2-7/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/2.png" data-orig-size="60,67" 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="2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/2.png?w=60" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/2.png?w=60" src="https://electromagneticproject.files.wordpress.com/2012/02/2.png?w=60&#038;h=67" alt="" title="2" width="60" height="67" class="aligncenter size-full wp-image-804" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/blink.png"><img loading="lazy" data-attachment-id="805" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/blink/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/blink.png" data-orig-size="60,67" 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="Blink" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/blink.png?w=60" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/blink.png?w=60" src="https://electromagneticproject.files.wordpress.com/2012/02/blink.png?w=60&#038;h=67" alt="" title="Blink" width="60" height="67" class="aligncenter size-full wp-image-805" /></a><br />
For the jumping animation I&#8217;m currently only using one frame, although I would later like to add another to differentiate the character jumping up and coming back down.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/jump.png"><img loading="lazy" data-attachment-id="806" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/jump/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/jump.png" data-orig-size="60,67" 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="jump" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/jump.png?w=60" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/jump.png?w=60" src="https://electromagneticproject.files.wordpress.com/2012/02/jump.png?w=60&#038;h=67" alt="" title="jump" width="60" height="67" class="aligncenter size-full wp-image-806" /></a></p>
<p>My climbing animation is currently universal, used for climbing up and down ladders. This particular animation works best for climbing down ladders, so I may later add another one which looks more like climbing up a ladder.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/climbing-hana.gif"><img loading="lazy" data-attachment-id="808" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/climbing-hana/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/climbing-hana.gif" data-orig-size="60,67" 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="Climbing-Hana" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/climbing-hana.gif?w=60" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/climbing-hana.gif?w=60" src="https://electromagneticproject.files.wordpress.com/2012/02/climbing-hana.gif?w=60&#038;h=67" alt="" title="Climbing-Hana" width="60" height="67" class="aligncenter size-full wp-image-808" /></a></p>
<p><strong>Coding</strong><br />
The main bulk of the coding I&#8217;ve done over the past couple of days has been in the character <em>step</em> function, which controls the way the character moves. With all the new sprite sequences, I&#8217;ve had to customise things like image-scrolling speeds for each individual animation and can no longer rely on one over-ruling command.</p>
<p>I&#8217;ve split character movement into two separate &#8220;modes&#8221;-one fore running, jumping etc. and one for climbing. If the player is not on a ladder or in mid-air, the player is <em>on_ground</em> (this is a ready-made variable that comes with the Grandma Engine.) If the player is <em>on_ground</em>, the rules of horizontal movement apply, including sprite sequences and player input. If the player crosses a ladder but does not climb, ie. does not press up or down, then the rules of <em>on_ground</em> still apply.</p>
<p><em>if on_ground &amp;&amp; place_meeting(x,y,obj_ladder) &amp;&amp; !keyboard_check( key_up ) &amp;&amp; !keyboard_check( key_down ) {<br />
    can_c = false; }</em></p>
<p>But, if the player crosses a ladder and does press up or down, <em>can_c</em> (short for can climb) becomes true, and the rules of ladder climbing apply. This code is pretty similar to the code I wrote before for vertical movement, but I&#8217;ve added sprite sequences and image-scrolling speeds. As you can see, I&#8217;ve applied the climbing animation twice, once for each vertical direction, so if I wanted to I could use two animations that would represent each direction.</p>
<p><em> else if (place_meeting(x,y,obj_ladder)) {</p>
<p>    vspd = 0;<br />
    can_c = true; {</p>
<p>    if (keyboard_check( key_up ))<br />
        vspd = -S_MAX_V /4;<br />
        sprite_index=spr_hana_climb;<br />
        image_speed=.1;</p>
<p>    if (keyboard_check( key_down ))<br />
        vspd = S_MAX_V /4;<br />
        sprite_index=spr_hana_climb;<br />
        image_speed=.1;<br />
    }</em></p>
<p>I haven&#8217;t written much other than this, but I&#8217;ve added a few lines of code for more warp objects throughout the level. This has helped me create some clarity where caves are involved, as I have created two new rooms for caves that are joined to the main level by these warp points. Now you can see a definite distinction between the outside and inside of the cave parts!</p>
<p>Outside:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg"><img loading="lazy" data-attachment-id="811" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/outside-cave/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg" data-orig-size="1366,768" 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="Outside Cave" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=640&#038;h=359" alt="" title="Outside Cave" width="640" height="359" class="aligncenter size-full wp-image-811" srcset="https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=640&amp;h=359 640w, https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=1277&amp;h=718 1277w, https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=300&amp;h=169 300w, https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=768&amp;h=432 768w, https://electromagneticproject.files.wordpress.com/2012/02/outside-cave.jpg?w=1024&amp;h=576 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
Inside:<br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg"><img loading="lazy" data-attachment-id="812" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/inside-cave/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg" data-orig-size="1366,768" 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="Inside Cave" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=640&#038;h=359" alt="" title="Inside Cave" width="640" height="359" class="aligncenter size-full wp-image-812" srcset="https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=640&amp;h=359 640w, https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=1277&amp;h=718 1277w, https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=300&amp;h=169 300w, https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=768&amp;h=432 768w, https://electromagneticproject.files.wordpress.com/2012/02/inside-cave.jpg?w=1024&amp;h=576 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><strong>Playing</strong><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg"><img loading="lazy" data-attachment-id="814" data-permalink="https://electromagneticproject.wordpress.com/2012/02/17/draw-animate-code-play-etc/level/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg" data-orig-size="1366,730" 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" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=640&#038;h=342" alt="" title="Level" width="640" height="342" class="aligncenter size-full wp-image-814" srcset="https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=640&amp;h=342 640w, https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=1280&amp;h=684 1280w, https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=150&amp;h=80 150w, https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=300&amp;h=160 300w, https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=768&amp;h=410 768w, https://electromagneticproject.files.wordpress.com/2012/02/level.jpg?w=1024&amp;h=547 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
Adding a lot of visual features doesn&#8217;t occur easily whilst play-testing, due to the fact that in Game Maker the platforms are made of these red-block objects that cover the background imagery. They need to do this so that I can see where I&#8217;ve put platforms! But at the same time, I can&#8217;t see if I&#8217;ve made a mistake with the imagery below. So when I&#8217;m editing tiles and want to see how they look in-game, I have to add these red blocks temporarily and delete them again afterwards. One major criticism of Game Maker is that it doesn&#8217;t allow bulk actions to be applied to all instances, so each block must be added and deleted individually, which is a looooong and tedious process. My main focus is still on visuals, but I&#8217;ll build the complete level for a play-test from volunteers next week.</p>
<p>This concludes my lengthy summary or the past two days!</p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/02/cav1.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>