<?xml version="1.0" encoding="UTF-8" standalone="yes"?><oembed><version><![CDATA[1.0]]></version><provider_name><![CDATA[Ascender: The Blog]]></provider_name><provider_url><![CDATA[https://ascendergame.wordpress.com]]></provider_url><author_name><![CDATA[Ascender The Game]]></author_name><author_url><![CDATA[https://ascendergame.wordpress.com/author/ascenderthegame/]]></author_url><title><![CDATA[DEVLOG#16 &#8211; Irritating Implementation of Platforming Predicament, Part III: Parallax, Day Night System, and&nbsp;Quests]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>Hi Ascenderians, nice day to you!</p>
<p style="text-align:justify;">Welcome to this entry of the devlog. I am Chalcedony, a programmer of Ascender and also an apprentice in devlogging. Today I shall be your host in journeying through the backstage of Ascender, giving glimpses of what happened off-stage.</p>
<p style="text-align:justify;">Let’s get acquainted first with what’s going on in the screen. As you should have known from <a href="https://ascendergame.wordpress.com/2015/12/05/164/" target="_blank">this post</a>, we have the so-called parallax background (and foreground)…</p>
<div data-shortcode="caption" id="attachment_346" style="width: 650px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-346" data-attachment-id="346" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/parallax/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/parallax.gif" data-orig-size="640,360" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="parallax" data-image-description="" data-image-caption="&lt;p&gt;parallax in action&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/parallax.gif?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/parallax.gif?w=640" class=" size-full wp-image-346 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/parallax.gif?w=640&#038;h=360" alt="parallax" width="640" height="360" /><p id="caption-attachment-346" class="wp-caption-text">parallax in action</p></div>
<p>The day night cycle system…</p>
<div data-shortcode="caption" id="attachment_349" style="width: 650px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-349" data-attachment-id="349" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/daynight/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/daynight.gif" data-orig-size="640,360" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="daynight" data-image-description="" data-image-caption="&lt;p&gt;day and night cycle&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/daynight.gif?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/daynight.gif?w=640" class=" size-full wp-image-349 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/daynight.gif?w=640&#038;h=360" alt="daynight" width="640" height="360" /><p id="caption-attachment-349" class="wp-caption-text">day and night cycle</p></div>
<p>And the quest system…</p>
<div data-shortcode="caption" id="attachment_347" style="width: 650px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-347" data-attachment-id="347" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/quest/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/quest.gif" data-orig-size="640,360" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="quest" data-image-description="" data-image-caption="&lt;p&gt;quest system instance&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/quest.gif?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/quest.gif?w=640" class=" size-full wp-image-347 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/quest.gif?w=640&#038;h=360" alt="quest" width="640" height="360" /><p id="caption-attachment-347" class="wp-caption-text">quest system instance</p></div>
<p style="text-align:justify;">Do you ever wonder what’s really happening outside the camera’s bounds? Well, it’s pretty ugly, I tell you, but here goes anyway…</p>
<div data-shortcode="caption" id="attachment_345" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-345" data-attachment-id="345" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/sebelah/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/sebelah.gif" data-orig-size="800,240" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="sebelah" data-image-description="" data-image-caption="&lt;p&gt;look at what happens offscreen!&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/sebelah.gif?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/sebelah.gif?w=800" class=" size-full wp-image-345 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/sebelah.gif?w=800&#038;h=240" alt="sebelah" width="800" height="240" /><p id="caption-attachment-345" class="wp-caption-text">look at what happens offscreen!</p></div>
<p style="text-align:justify;">This log wouldn’t be complete without explaining what’s going on! Let’s investigate them one by one, starting with the parallax thingy.</p>
<p style="text-align:justify;">On a 3D world, these are a no-brainer, you just move the camera and parallax effect will naturally happen. On a 2D world, these are conceptually simple, too. You just need to move the background slower, and the foreground faster. Basically, things closer to the camera move faster. It can become a hassle to setup though. For an instance, this messy setup below shows just perfect on the camera.</p>
<div data-shortcode="caption" id="attachment_342" style="width: 1003px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-342" data-attachment-id="342" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/messy1/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/messy1.png" data-orig-size="993,227" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="messy1" data-image-description="" data-image-caption="&lt;p&gt;what a messy structure!&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=993" class=" size-full wp-image-342 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=993&#038;h=227" alt="messy1" width="993" height="227" srcset="https://ascendergame.files.wordpress.com/2015/12/messy1.png 993w, https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=150&amp;h=34 150w, https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=300&amp;h=69 300w, https://ascendergame.files.wordpress.com/2015/12/messy1.png?w=768&amp;h=176 768w" sizes="(max-width: 993px) 100vw, 993px" /><p id="caption-attachment-342" class="wp-caption-text">what a messy structure!</p></div>
<p style="text-align:justify;">And then we have the day night cycle. Again, in a 3d world, sunlight can be simulated rather easily using Unity. Too bad they don’t provide 2D light! To make darker scene for night time, I just tint things at different rates. Light from lampposts are faked by shooting spotlights into the scene.</p>
<div data-shortcode="caption" id="attachment_348" style="width: 489px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-348" data-attachment-id="348" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/light/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/light.png" data-orig-size="479,366" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="light" data-image-description="" data-image-caption="&lt;p&gt;spotlight shot from the camera&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/light.png?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/light.png?w=479" class=" size-full wp-image-348 aligncenter" src="https://ascendergame.files.wordpress.com/2015/12/light.png?w=479&#038;h=366" alt="light" width="479" height="366" srcset="https://ascendergame.files.wordpress.com/2015/12/light.png 479w, https://ascendergame.files.wordpress.com/2015/12/light.png?w=150&amp;h=115 150w, https://ascendergame.files.wordpress.com/2015/12/light.png?w=300&amp;h=229 300w" sizes="(max-width: 479px) 100vw, 479px" /><p id="caption-attachment-348" class="wp-caption-text">spotlight shot from the camera</p></div>
<p style="text-align:justify;">Quests are supposed to be interesting. I thought of making generic quest template, but then it will only be capable of serving generic tasks (delivering things, getting x items, etc.). It would be dull and boring, right? Hence, I have to make a different script for every quest available in the game. Don’t forget to check the information provided in the pause menu when doing quests later!</p>
<div data-shortcode="caption" id="attachment_344" style="width: 732px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-344" data-attachment-id="344" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/map/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/map.png" data-orig-size="722,406" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="map" data-image-description="" data-image-caption="&lt;p&gt;map, showing quest hotspots&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/map.png?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/map.png?w=722" class="alignnone size-full wp-image-344" src="https://ascendergame.files.wordpress.com/2015/12/map.png?w=722&#038;h=406" alt="map" width="722" height="406" srcset="https://ascendergame.files.wordpress.com/2015/12/map.png 722w, https://ascendergame.files.wordpress.com/2015/12/map.png?w=150&amp;h=84 150w, https://ascendergame.files.wordpress.com/2015/12/map.png?w=300&amp;h=169 300w" sizes="(max-width: 722px) 100vw, 722px" /><p id="caption-attachment-344" class="wp-caption-text">map, showing quest hot spots</p></div>
<div data-shortcode="caption" id="attachment_343" style="width: 733px" class="wp-caption aligncenter"><img loading="lazy" aria-describedby="caption-attachment-343" data-attachment-id="343" data-permalink="https://ascendergame.wordpress.com/2015/12/12/irritating-implementation-of-platforming-predicament-part-iii-parallax-day-night-system-and-quests/task/" data-orig-file="https://ascendergame.files.wordpress.com/2015/12/task.png" data-orig-size="723,405" 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;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="task" data-image-description="" data-image-caption="&lt;p&gt;quest description&lt;/p&gt;
" data-medium-file="https://ascendergame.files.wordpress.com/2015/12/task.png?w=300" data-large-file="https://ascendergame.files.wordpress.com/2015/12/task.png?w=723" class="alignnone size-full wp-image-343" src="https://ascendergame.files.wordpress.com/2015/12/task.png?w=723&#038;h=405" alt="task" width="723" height="405" srcset="https://ascendergame.files.wordpress.com/2015/12/task.png 723w, https://ascendergame.files.wordpress.com/2015/12/task.png?w=150&amp;h=84 150w, https://ascendergame.files.wordpress.com/2015/12/task.png?w=300&amp;h=168 300w" sizes="(max-width: 723px) 100vw, 723px" /><p id="caption-attachment-343" class="wp-caption-text">quest description</p></div>
<p style="text-align:justify;">Ladies and gentlemen, that concludes the tour. But your quest isn’t over! Why don’t you stick yourself in the action? Grab a copy of <a href="http://www.indiedb.com/games/ascender/downloads">the alpha version</a> now, and let us know what you think!</p>
<p style="text-align:justify;">Ta-ta for now!</p>
<p style="text-align:justify;">Chalcedony</p>
]]></html><thumbnail_url><![CDATA[https://ascendergame.files.wordpress.com/2015/12/daynight.gif?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[440]]></thumbnail_width><thumbnail_height><![CDATA[248]]></thumbnail_height></oembed>