<?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[Level Testing]]></title><type><![CDATA[link]]></type><html><![CDATA[<p><strong>Building Buildings</strong><br />
Today&#8217;s level testing began with constructing the Ryokan in Game Maker using the tiles I already have. For the first time, I connected a room with the inside and a room with the outside of the building through a &#8220;warp point&#8221; at the door. Using the &#8220;warp&#8221; function in the Grandma Engine transports the character to a another room at the same XY coordinates, so the door is at the same point in both rooms.</p>
<p><strong>Lighting</strong><br />
Today I tried out the EasyLighting extension with my level for the first time. The system requires two colours- one ambient colour which masks the entire screen, and one light colour which is the colour generated by the light source.</p>
<p>The colours I used in my original text were the colours used in <a href="http://blog.gabrielverdon.com/2011/08/tutorial-using-easylighting-extension.html" target="_blank">this</a> tutorial, which resulted in a murky/swampy ambience!</p>
<p><div data-shortcode="caption" id="attachment_662" style="width: 310px" class="wp-caption aligncenter"><a href="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg"><img loading="lazy" aria-describedby="caption-attachment-662" data-attachment-id="662" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/lightingtest1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg" data-orig-size="944,607" 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="LightingTest1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=944" src="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=300&#038;h=192" alt="" title="LightingTest1" width="300" height="192" class="size-medium wp-image-662" srcset="https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=300&amp;h=192 300w, https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=597&amp;h=384 597w, https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=150&amp;h=96 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-662" class="wp-caption-text">Too murky</p></div><br />
According to advice given in the tutorial, the ambient colour should be a darker colour and the light colour a contrasting bright colour, unless of course you want to create a light which is darker than your background for whatever reason&#8230; For this opening level of <em>Hanami</em>, I felt that a pink scheme would be appropriate. I started off by using hex code reference websites to look for bright shades of pink for the light colour, however weirdly when applied it came up with some weird results. My first attempt turned out these <em>very</em> blue lights:</p>
<p><div data-shortcode="caption" id="attachment_663" style="width: 310px" class="wp-caption aligncenter"><a href="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg"><img loading="lazy" aria-describedby="caption-attachment-663" data-attachment-id="663" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/lighttest2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg" data-orig-size="944,607" 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="LightTest2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=944" src="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=300&#038;h=192" alt="" title="LightTest2" width="300" height="192" class="size-medium wp-image-663" srcset="https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=300&amp;h=192 300w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=597&amp;h=384 597w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest2.jpg?w=150&amp;h=96 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-663" class="wp-caption-text">Too blue</p></div><br />
To get the right colours, all I could do was test hex codes until I found a good match.</p>
<p><div data-shortcode="caption" id="attachment_664" style="width: 310px" class="wp-caption aligncenter"><a href="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg"><img loading="lazy" aria-describedby="caption-attachment-664" data-attachment-id="664" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/lighttest3/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg" data-orig-size="944,607" 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="LightTest3" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=944" src="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=300&#038;h=192" alt="" title="LightTest3" width="300" height="192" class="size-medium wp-image-664" srcset="https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=300&amp;h=192 300w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=597&amp;h=384 597w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest3.jpg?w=150&amp;h=96 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-664" class="wp-caption-text">Good light colour match</p></div><br />
<div data-shortcode="caption" id="attachment_665" style="width: 310px" class="wp-caption aligncenter"><a href="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg"><img loading="lazy" aria-describedby="caption-attachment-665" data-attachment-id="665" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/lighttest4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg" data-orig-size="944,607" 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="LightTest4" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=944" src="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=300&#038;h=192" alt="" title="LightTest4" width="300" height="192" class="size-medium wp-image-665" srcset="https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=300&amp;h=192 300w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=597&amp;h=384 597w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest4.jpg?w=150&amp;h=96 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-665" class="wp-caption-text">Ambient light colour too dark (and purple)</p></div><br />
<div data-shortcode="caption" id="attachment_666" style="width: 310px" class="wp-caption aligncenter"><a href="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg"><img loading="lazy" aria-describedby="caption-attachment-666" data-attachment-id="666" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/lighttest5/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg" data-orig-size="944,607" 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="LightTest5" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=944" src="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=300&#038;h=192" alt="" title="LightTest5" width="300" height="192" class="size-medium wp-image-666" srcset="https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=300&amp;h=192 300w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=597&amp;h=384 597w, https://electromagneticproject.files.wordpress.com/2012/02/lighttest5.jpg?w=150&amp;h=96 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-666" class="wp-caption-text">Subtle indoor lighting!</p></div></p>
<p><strong>Placeholder Tiles</strong><br />
I made these quick tiles to act as placeholder for the rest of the level. They probably won&#8217;t make the final design, but they add a little variety to the design while it&#8217;s in its early stages! Unlike my &#8220;black-block&#8221; test level, this tileset contains sloping tiles and add gradients to the level.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg"><img loading="lazy" data-attachment-id="669" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/momoiro-tileset/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg" data-orig-size="720,504" 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="Momoiro Tileset" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=720" src="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=300&#038;h=210" alt="" title="Momoiro Tileset" width="300" height="210" class="aligncenter size-medium wp-image-669" srcset="https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=300&amp;h=210 300w, https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=600&amp;h=420 600w, https://electromagneticproject.files.wordpress.com/2012/02/momoiro-tileset.jpg?w=150&amp;h=105 150w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
Combining this with the building set makes the level design seem much clearer, especially where buildings and caves are concerned. The pink line down the middle is made of my flag tile and represents the waterfall!</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg"><img loading="lazy" data-attachment-id="670" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/level-test/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg" data-orig-size="1193,582" 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 Test" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=640&#038;h=312" alt="" title="Level Test" width="640" height="312" class="aligncenter size-full wp-image-670" srcset="https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=640&amp;h=312 640w, https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=150&amp;h=73 150w, https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=300&amp;h=146 300w, https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=768&amp;h=375 768w, https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg?w=1024&amp;h=500 1024w, https://electromagneticproject.files.wordpress.com/2012/02/level-test.jpg 1193w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
This level is now completely playable as it is. For now I&#8217;m carrying on the visual design on paper by tracing the mock-up, while I&#8217;m working on creating some of the gameplay functions digitally! My first objective is to create a points system when flowers are collected. Here&#8217;s where my tracing is up to so far:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg"><img loading="lazy" data-attachment-id="672" data-permalink="https://electromagneticproject.wordpress.com/2012/02/08/level-testing/level-1-sketch/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg" data-orig-size="600,333" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;2.8&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;iPhone 3G&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1328738377&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 sketch" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg?w=600" src="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg?w=600&#038;h=333" alt="" title="Level 1 sketch" width="600" height="333" class="aligncenter size-full wp-image-672" srcset="https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg 600w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg?w=150&amp;h=83 150w, https://electromagneticproject.files.wordpress.com/2012/02/level-1-sketch.jpg?w=300&amp;h=167 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/02/lightingtest1.jpg?w=300&fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>