<?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[Auspicious Everything]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>Today I started to crack down on Hanami&#8217;s background imagery, not just the background tiles which in a way make up the foreground&#8230;But the actual far-distant background that doesn&#8217;t affect gameplay in any way. So far, my background has consisted of a grey colour which has been made a murky pink colour by the ambient overlay from the lighting system.</p>
<p>Obviously, one hugely important feature of the background is trees. I would consider myself a failure if I made a game about cherry blossoms and didn&#8217;t include the trees that they came from. This has always been a part of my level design thoughts, and although I&#8217;ve never mentioned it, the trees were among the first elements I started to think about when developing the art style.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg"><img loading="lazy" data-attachment-id="874" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/tree-ideas/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg" data-orig-size="2425,3261" 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="Tree Ideas" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=223" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=761" src="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=223&#038;h=300" alt="" title="Tree Ideas" width="223" height="300" class="aligncenter size-medium wp-image-874" srcset="https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=223&amp;h=300 223w, https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=446&amp;h=600 446w, https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=112&amp;h=150 112w" sizes="(max-width: 223px) 100vw, 223px" /></a><br />
As a I knew I was going to be using tiles but wasn&#8217;t sure what they would look like at the time, I wanted to make sure the trees didn&#8217;t conflict with the rest of the style too much. I tried to think of ways to make trees from tiles just in case making stand-alone tree objects didn&#8217;t work. From playing around with rock features etc. I&#8217;m pretty confident in saying that wavy tree objects aren&#8217;t going to be an issue against the square shapes of the buildings and other elements.</p>
<p>I discovered this photo a while ago and knew I had to make trees that looked like this! They fit in very well with the style and look naturally Japanese, which helps with the consistency of the game&#8217;s themes.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg"><img loading="lazy" data-attachment-id="876" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/japanese-house/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg" data-orig-size="350,263" 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="japanese-house" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg?w=350" src="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg?w=350&#038;h=263" alt="" title="japanese-house" width="350" height="263" class="aligncenter size-full wp-image-876" srcset="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg 350w, https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg?w=150&amp;h=113 150w, https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.jpg?w=300&amp;h=225 300w" sizes="(max-width: 350px) 100vw, 350px" /></a><br />
I reduced the size of the image and essentially traced the shapes in Photoshop to create these tree objects.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.png"><img loading="lazy" data-attachment-id="877" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/japanese-house-2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.png" data-orig-size="100,75" 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="japanese-house" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.png?w=100" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.png?w=100" src="https://electromagneticproject.files.wordpress.com/2012/02/japanese-house.png?w=100&#038;h=75" alt="" title="japanese-house" width="100" height="75" class="aligncenter size-full wp-image-877" /></a><br />
I imported these into the Game Maker project to see what they looked like with the rest of the tiles I&#8217;d already created, and here is the result:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg"><img loading="lazy" data-attachment-id="879" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/background1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg" data-orig-size="455,256" 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="Background1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg?w=455" src="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg?w=455&#038;h=256" alt="" title="Background1" width="455" height="256" class="aligncenter size-full wp-image-879" srcset="https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg 455w, https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/background1.jpg?w=300&amp;h=169 300w" sizes="(max-width: 455px) 100vw, 455px" /></a><br />
They fit into the landscape better than I expected, however I felt that they needed rescaling to act as background elements. The background is better off made up of fewer large objects than lots of small objects cluttering everything up. I had a similar idea for a Sakura tree this time traced from a branch as opposed to an entire tree, which never really got finished.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/sakura.png"><img loading="lazy" data-attachment-id="881" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/sakura/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/sakura.png" data-orig-size="100,130" 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="sakura" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/sakura.png?w=100" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/sakura.png?w=100" src="https://electromagneticproject.files.wordpress.com/2012/02/sakura.png?w=100&#038;h=130" alt="" title="sakura" width="100" height="130" class="aligncenter size-full wp-image-881" /></a></p>
<p><strong>Auspicious Clouds</strong></p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg"><img loading="lazy" data-attachment-id="884" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/auspicious-clouds/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg" data-orig-size="910,437" 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="auspicious clouds" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=910" src="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=640&#038;h=307" alt="" title="auspicious clouds" width="640" height="307" class="aligncenter size-full wp-image-884" srcset="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=640&amp;h=307 640w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=150&amp;h=72 150w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=300&amp;h=144 300w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg?w=768&amp;h=369 768w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-clouds.jpg 910w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
Another element that&#8217;s been a part of my designs for a while now has been this swirly cloud pattern, which I&#8217;m hoping to use for cloud platforms towards the end of the level. It&#8217;s a very Eastern cloud drawing technique, started as the <em>auspicious cloud</em> pattern in China and adapted by the Japanese. Anime enthusiasts may recognise a similar pattern used as the Atatsuki symbol in <a href="http://naruto.wikia.com/wiki/Akatsuki" target="_blank">Naruto</a>.<br />
It&#8217;s the spirals that really set this design apart from the standard cloud-like patterns you tend to see in Western productions, so I started arranging drawn spirals to get these cloud shapes:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg"><img loading="lazy" data-attachment-id="888" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/auspicious-things/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg" data-orig-size="1688,2392" 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="Auspicious Things" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=212" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=723" src="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=211&#038;h=300" alt="" title="Auspicious Things" width="211" height="300" class="aligncenter size-medium wp-image-888" srcset="https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=211&amp;h=300 211w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=422&amp;h=598 422w, https://electromagneticproject.files.wordpress.com/2012/02/auspicious-things.jpg?w=106&amp;h=150 106w" sizes="(max-width: 211px) 100vw, 211px" /></a><br />
This is actually an early page from my sketchbook which I cleaned up and recycled, which is why Hana has appeared in the bottom left corner!</p>
<p>Because I want everything to look Japanese, including things like clouds which tend to look the same all over the world, I started working on implementing this sort of design into the background. I used the previous screenshot to draw straight onto to try out a rough version.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg"><img loading="lazy" data-attachment-id="886" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/background2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg" data-orig-size="455,256" 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="Background2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg?w=455" src="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg?w=455&#038;h=256" alt="" title="Background2" width="455" height="256" class="aligncenter size-full wp-image-886" srcset="https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg 455w, https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/background2.jpg?w=300&amp;h=169 300w" sizes="(max-width: 455px) 100vw, 455px" /></a><br />
From this I made a cleaner version, which I attempted to shade and make consistent with the rest of the game assets. I kept the scale roughly the same, as I thought the cover from one cloud was adequate. However, in the game I felt they may be slightly too big compared with other elements such as buildings, although I won&#8217;t change anything now until I&#8217;ve added in more background. These will definitely go in though, they don&#8217;t look as though the conflict or compete with the foreground and represent a part of Japanese culture.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg"><img loading="lazy" data-attachment-id="890" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/clouds/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg" data-orig-size="351,192" 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="Clouds" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg?w=351" src="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg?w=351&#038;h=192" alt="" title="Clouds" width="351" height="192" class="aligncenter size-full wp-image-890" srcset="https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg 351w, https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg?w=150&amp;h=82 150w, https://electromagneticproject.files.wordpress.com/2012/02/clouds.jpg?w=300&amp;h=164 300w" sizes="(max-width: 351px) 100vw, 351px" /></a><br />
This kind of gives you a rough impression of how they look in the game, although for now I&#8217;ve simply repeated the designs infinitely along the X and Y axis and seem to have created a cloud overload. In this example, I&#8217;ve added a slight blur and changed the opacity of both clouds to make them seem more <em>cloud-like</em>.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg"><img loading="lazy" data-attachment-id="892" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/clouds-screenshot/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.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="Clouds Screenshot" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=640&#038;h=359" alt="" title="Clouds Screenshot" width="640" height="359" class="aligncenter size-full wp-image-892" srcset="https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=640&amp;h=359 640w, https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=1277&amp;h=718 1277w, https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=300&amp;h=169 300w, https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=768&amp;h=432 768w, https://electromagneticproject.files.wordpress.com/2012/02/clouds-screenshot.jpg?w=1024&amp;h=576 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><strong>Auspicious Trees?</strong><br />
You can see from the sketches I did above that while I was drawing the clouds I thought to myself &#8220;I could use this pattern for trees also&#8230;&#8221; Although this decision has been a battle in my mind all day. Yes, it works well as a tree design in theory but how well does it work in practise? I tried both designs for the bonsai tree and the sakura tree out with this <em>auspicious</em> leaf pattern on the mock-up screenshot:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg"><img loading="lazy" data-attachment-id="894" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/background3/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg" data-orig-size="455,256" 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="Background3" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg?w=455" src="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg?w=455&#038;h=256" alt="" title="Background3" width="455" height="256" class="aligncenter size-full wp-image-894" srcset="https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg 455w, https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/background3.jpg?w=300&amp;h=169 300w" sizes="(max-width: 455px) 100vw, 455px" /></a><br />
While both designs are nice on their own, I just don&#8217;t think its appropriate for implementation into the game, as this really does create clutter and mess. As competition for the design, I created a more realistic looking Sakura tree, inspired by <a href="http://msmysteriousstranger.deviantart.com/art/Sakura-Tree-62065298" target="_blank">this</a> lovely painting. I wasn&#8217;t sure on the scale of the tree, so I made this second design slightly smaller and compared it with the &#8220;auspicious&#8221; design in the Game Maker project. This is the comparision (minus clouds!)</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg"><img loading="lazy" data-attachment-id="895" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/tree-comparison/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.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="Tree Comparison" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=640&#038;h=359" alt="" title="Tree Comparison" width="640" height="359" class="aligncenter size-full wp-image-895" srcset="https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=640&amp;h=359 640w, https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=1277&amp;h=718 1277w, https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=300&amp;h=169 300w, https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=768&amp;h=432 768w, https://electromagneticproject.files.wordpress.com/2012/02/tree-comparison.jpg?w=1024&amp;h=576 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
Unfortunately, I felt that neither of these designs were suitable. While the more realistic design works better in union with the game&#8217;s tiles, the &#8220;auspicious&#8221; design is much better in terms of scale. So, to put any tree designs into the game I have to increase the scale. I think the height that seems to be working is about 150 pixels.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png"><img loading="lazy" data-attachment-id="898" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/background-tree/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png" data-orig-size="392,436" 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="Background Tree" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png?w=270" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png?w=392" src="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png?w=392&#038;h=436" alt="" title="Background Tree" width="392" height="436" class="aligncenter size-full wp-image-898" srcset="https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png 392w, https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png?w=135&amp;h=150 135w, https://electromagneticproject.files.wordpress.com/2012/02/background-tree.png?w=270&amp;h=300 270w" sizes="(max-width: 392px) 100vw, 392px" /></a></p>
<p><strong>Auspicious Bushes?</strong><br />
I had a real lightbulb moment this morning when I drew a spiral pattern at the base of the tree and realised that I could add bushes to my level design. These won&#8217;t be spirally, but expect bushes. There is a definite lack of plant-life in my game world so far.</p>
<p><strong>Auspicious Everything Else</strong><br />
So I now know that I will have at least two types of tree in my background, as well as possibly some bushes if these don&#8217;t get into the foreground. I&#8217;ve mentioned before that the background will probably mainly consist of mountain shapes, to look like far distant mountains. Japan is full of mountains. It&#8217;s very much a Japanese thing.</p>
<p>I went back to the Photoshop screenshot mock-up again and drew in some really rough mountain shapes. These fill a great amount of negative space, and work so well in creating depth.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg"><img loading="lazy" data-attachment-id="900" data-permalink="https://electromagneticproject.wordpress.com/2012/02/22/auspicious-everything/background4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg" data-orig-size="455,256" 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="Background4" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg?w=455" src="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg?w=455&#038;h=256" alt="" title="Background4" width="455" height="256" class="aligncenter size-full wp-image-900" srcset="https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg 455w, https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg?w=150&amp;h=84 150w, https://electromagneticproject.files.wordpress.com/2012/02/background4.jpg?w=300&amp;h=169 300w" sizes="(max-width: 455px) 100vw, 455px" /></a><br />
I&#8217;ve yet to develop these any further, but getting the background down is one of my top priorities now as I&#8217;ve realised how much difference it makes to the feel of the level. I will probably create a seamless string of mountains that will be repeated across the X axis at the top of the level like this.</p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/02/tree-ideas.jpg?w=223&fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>