<?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[Estimated Time Remaining:]]></title><type><![CDATA[link]]></type><html><![CDATA[<p>One week.</p>
<p>It took a few practice runs to get a get a good play-through video of Hanami, but I&#8217;ve got a pretty decent run to show. It took me 26 minutes to play from beginning to end, and the original compressed file size was 45GB! Even at this size, the capture lacked a lot of pixelated sharpness, and the smoothness of the light gradients. However, recording an uncompressed file was completely out of the question. I&#8217;ve reduced the file size to just 376MB, and the quality is more or less unchanged.</p>
<p>To accompany the video, I&#8217;ve worked out a subtitle system to provide a running commentary of my thoughts whilst watching the video back. This commentary contains technical info, inspiration and a few pointless facts about the game that pretty much sum up its development. The subtitles take the form of a typical JRPG dialogue. I&#8217;ve drawn several self-portraits of myself pulling various facial expressions to sit next to the subtitle text box:</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg"><img loading="lazy" data-attachment-id="1822" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/creepy/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg" data-orig-size="1812,1592" 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="Creepy" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=640&#038;h=562" alt="" title="Creepy" width="640" height="562" class="aligncenter size-full wp-image-1822" srcset="https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=640&amp;h=562 640w, https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=1280&amp;h=1124 1280w, https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=150&amp;h=132 150w, https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=300&amp;h=264 300w, https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=768&amp;h=675 768w, https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?w=1024&amp;h=900 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
These portraits sit in the bottom left corner of the video, as this seems to be the place where there is least important content. Text is then written in the box to the right of the portrait.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg"><img loading="lazy" data-attachment-id="1826" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video1/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg" data-orig-size="835,424" 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="Video1" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=835" src="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=640&#038;h=324" alt="" title="Video1" width="640" height="324" class="aligncenter size-full wp-image-1826" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=638&amp;h=324 638w, https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=150&amp;h=76 150w, https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=300&amp;h=152 300w, https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg?w=768&amp;h=390 768w, https://electromagneticproject.files.wordpress.com/2012/05/video1.jpg 835w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg"><img loading="lazy" data-attachment-id="1828" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video2/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg" data-orig-size="835,424" 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="Video2" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=835" src="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=640&#038;h=324" alt="" title="Video2" width="640" height="324" class="aligncenter size-full wp-image-1828" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=638&amp;h=324 638w, https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=150&amp;h=76 150w, https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=300&amp;h=152 300w, https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg?w=768&amp;h=390 768w, https://electromagneticproject.files.wordpress.com/2012/05/video2.jpg 835w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
I&#8217;ve used the typewriter animation preset in After Effects to make the text scroll in letter by letter, as it tends to do in video game dialogue. This makes it easier and quicker to read than a huge block of text that appears all at once. I&#8217;ve added each portrait image to the video&#8217;s timeline individually, and used the opacity settings to define which image is shown at which point in the video.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg"><img loading="lazy" data-attachment-id="1830" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video3/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg" data-orig-size="1155,236" 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="Video3" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=640&#038;h=130" alt="" title="Video3" width="640" height="130" class="aligncenter size-full wp-image-1830" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=636&amp;h=130 636w, https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=150&amp;h=31 150w, https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=300&amp;h=61 300w, https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=768&amp;h=157 768w, https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg?w=1024&amp;h=209 1024w, https://electromagneticproject.files.wordpress.com/2012/05/video3.jpg 1155w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
The actual text is contained in just a few rows on the timeline. I downloaded a script which allows you to import large chunks of text into After Effects and break it up into single lines based on where the line has been dropped. This expression goes in the source text parameter of the text layer:</p>
<blockquote><p>type = text.sourceText;</p>
<p>m = thisLayer.marker.nearestKey(time);<br />
sentences = type.split(&#8220;\r&#8221;);<br />
n = m.index;<br />
if (time =sentences.length){n=sentences.length-1}</p>
<p>if (n&lt;1){n=1}<br />
line = sentences[n];</p>
<p>line</p></blockquote>
<p>You can find details on how it works <a href="http://www.visualart.be/?p=173" target="_blank">here</a>. Layer markers act as keyframes to switch between each line. I&#8217;ve then set and reset the typewriter start value to type in each line.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg"><img loading="lazy" data-attachment-id="1833" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg" data-orig-size="1155,236" 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="Video4" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=640&#038;h=130" alt="" title="Video4" width="640" height="130" class="aligncenter size-full wp-image-1833" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=636&amp;h=130 636w, https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=150&amp;h=31 150w, https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=300&amp;h=61 300w, https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=768&amp;h=157 768w, https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg?w=1024&amp;h=209 1024w, https://electromagneticproject.files.wordpress.com/2012/05/video4.jpg 1155w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg"><img loading="lazy" data-attachment-id="1834" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video5/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg" data-orig-size="1155,236" 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="Video5" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=640&#038;h=130" alt="" title="Video5" width="640" height="130" class="aligncenter size-full wp-image-1834" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=636&amp;h=130 636w, https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=150&amp;h=31 150w, https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=300&amp;h=61 300w, https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=768&amp;h=157 768w, https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg?w=1024&amp;h=209 1024w, https://electromagneticproject.files.wordpress.com/2012/05/video5.jpg 1155w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
I&#8217;ve currently added about 15 minutes of commentary, with an appropriate facial expression for each line.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg"><img loading="lazy" data-attachment-id="1836" data-permalink="https://electromagneticproject.wordpress.com/2012/05/09/estimated-time-remaining/video6/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg" data-orig-size="1366,708" 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="Video6" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=640&#038;h=331" alt="" title="Video6" width="640" height="331" class="aligncenter size-full wp-image-1836" srcset="https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=640&amp;h=331 640w, https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=1277&amp;h=662 1277w, https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=150&amp;h=78 150w, https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=300&amp;h=155 300w, https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=768&amp;h=398 768w, https://electromagneticproject.files.wordpress.com/2012/05/video6.jpg?w=1024&amp;h=531 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/05/creepy.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>