<?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[Intelligent Thoughts]]></title><type><![CDATA[link]]></type><html><![CDATA[<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg"><img loading="lazy" data-attachment-id="985" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/talkin/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg" data-orig-size="2334,1738" 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="Talkin" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=1024" src="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=640&#038;h=476" alt="" title="Talkin" width="640" height="476" class="aligncenter size-full wp-image-985" srcset="https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=640&amp;h=476 640w, https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=1278&amp;h=952 1278w, https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=150&amp;h=112 150w, https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=300&amp;h=223 300w, https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=768&amp;h=572 768w, https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?w=1024&amp;h=763 1024w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
To begin designs for user interface, I&#8217;ve started up the style I want for graphical elements with these speech bubble text boxes. These simple square boxes are designed to float above the character speaking or thinking, and display mainly images depending on what it is that they need to communicate. The idea is to keep dialogue to a minimum- due to the communication problems associated with foreign languages. I was mainly inspired to use speech bubbles in this way by the anime short <a href="http://www.imdb.com/title/tt0385586/" target="_blank">Cat Soup</a>, which uses a lot of visual techniques to represent dialogue.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg"><img loading="lazy" data-attachment-id="986" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/8-4/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg" data-orig-size="1012,767" 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="8" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=1012" src="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=640&#038;h=485" alt="" title="8" width="640" height="485" class="aligncenter size-full wp-image-986" srcset="https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=640&amp;h=485 640w, https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=150&amp;h=114 150w, https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=300&amp;h=227 300w, https://electromagneticproject.files.wordpress.com/2012/03/8.jpg?w=768&amp;h=582 768w, https://electromagneticproject.files.wordpress.com/2012/03/8.jpg 1012w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
This isn&#8217;t the first time a similar technique has been used in a game. The hand-drawn Indie game <a href="http://machinarium.net/demo/" target="_blank">Machinarium</a> doesn&#8217;t have a single line of dialogue, and uses images and animations in speech and though bubbles to provide the player with gameplay hints and set the story.</p>
<p><img src="https://i0.wp.com/www.ilovecolors.com.ar/wp-content/uploads/2011/04/machinarium.jpg" class="aligncenter"><br />
<img src="https://i1.wp.com/www.ilovecolors.com.ar/wp-content/uploads/2011/04/machinarium-2.jpg" class="aligncenter"><br />
I was initially thinking of using a very simple square design, but at the last minute came up with the <em>swirly square</em> design based on the &#8220;auspicious cloud&#8221; design. The design sort of evolved as I worked out what worked best in a small space with the swirl in the corner.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg"><img loading="lazy" data-attachment-id="989" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/speech-bubbles/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg" data-orig-size="360,120" 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="Speech bubbles" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg?w=360" src="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg?w=360&#038;h=120" alt="" title="Speech bubbles" width="360" height="120" class="aligncenter size-full wp-image-989" srcset="https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg 360w, https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg?w=150&amp;h=50 150w, https://electromagneticproject.files.wordpress.com/2012/03/speech-bubbles.jpg?w=300&amp;h=100 300w" sizes="(max-width: 360px) 100vw, 360px" /></a><br />
In Game Maker, I can use one image as a parent object for all &#8220;dialogue&#8221;, and simply change the content of the box using a sequence of sprites which appear to be inside the box. I tested this on the pacing cat I created yesterday, making sure the box followed the cat. This was simply done with one piece of code with makes the x value of the box the same as the x value of the cat:</p>
<p><em>x=obj_maneki_neko.x;</em></p>
<p>I then incorporated a timing system to time the image in and out based on a set time, so that the cat periodically thinks about fish- as long as he pacing and not following the player.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg"><img loading="lazy" data-attachment-id="990" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/cat-thoughts/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg" data-orig-size="459,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="Cat Thoughts" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg?w=459" src="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg?w=459&#038;h=192" alt="" title="Cat Thoughts" width="459" height="192" class="aligncenter size-full wp-image-990" srcset="https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg 459w, https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg?w=150&amp;h=63 150w, https://electromagneticproject.files.wordpress.com/2012/03/cat-thoughts.jpg?w=300&amp;h=125 300w" sizes="(max-width: 459px) 100vw, 459px" /></a></p>
<p>I&#8217;ve also created another example of a very small dialogue sequence for the newly placed character-the Shinto Priest. This polite character stands outside the Ryokan and bows as the player passes by. When the player gets within a certain distance, the speech bubble appears displaying the objective and the amount of blossoms needed for progression, although I&#8217;m not sure how effective this is as a method of instructing the player in the initial level.</p>
<p><a href="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg"><img loading="lazy" data-attachment-id="992" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/talk-code/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg" data-orig-size="903,375" 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="Talk Code" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=903" src="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=640&#038;h=265" alt="" title="Talk Code" width="640" height="265" class="aligncenter size-full wp-image-992" srcset="https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=638&amp;h=265 638w, https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=150&amp;h=62 150w, https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=300&amp;h=125 300w, https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg?w=768&amp;h=319 768w, https://electromagneticproject.files.wordpress.com/2012/03/talk-code.jpg 903w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<a href="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png"><img loading="lazy" data-attachment-id="993" data-permalink="https://electromagneticproject.wordpress.com/2012/03/06/intelligent-thoughts/priest-bow/" data-orig-file="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png" data-orig-size="525,322" 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="Priest Bow" data-image-description="" data-medium-file="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png?w=300" data-large-file="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png?w=525" src="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png?w=525&#038;h=322" alt="" title="Priest Bow" width="525" height="322" class="aligncenter size-full wp-image-993" srcset="https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png 525w, https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png?w=150&amp;h=92 150w, https://electromagneticproject.files.wordpress.com/2012/03/priest-bow.png?w=300&amp;h=184 300w" sizes="(max-width: 525px) 100vw, 525px" /></a></p>
]]></html><thumbnail_url><![CDATA[https://electromagneticproject.files.wordpress.com/2012/03/talkin.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_width><![CDATA[]]></thumbnail_width><thumbnail_height><![CDATA[]]></thumbnail_height></oembed>