<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>RPG5 &#8211; AnonyViet &#8211; English Version</title>
	<atom:link href="https://en.anonyviet.com/tag/rpg5/feed/" rel="self" type="application/rss+xml" />
	<link>https://en.anonyviet.com</link>
	<description>The most popular website for sharing information technology, computer networks, and security knowledge. Stay up to date with the hottest news and tips</description>
	<lastBuildDate>Sun, 29 Jan 2023 19:47:14 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://en.anonyviet.com/wp-content/uploads/2023/01/cropped-ico-logo-75x75-1.png</url>
	<title>RPG5 &#8211; AnonyViet &#8211; English Version</title>
	<link>https://en.anonyviet.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>[Godot RPG]#5: Autotile</title>
		<link>https://en.anonyviet.com/godot-rpg5-autotile/</link>
					<comments>https://en.anonyviet.com/godot-rpg5-autotile/#respond</comments>
		
		<dc:creator><![CDATA[AnonyViet]]></dc:creator>
		<pubDate>Sun, 29 Jan 2023 19:47:14 +0000</pubDate>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Autotile]]></category>
		<category><![CDATA[Godot]]></category>
		<category><![CDATA[RPG5]]></category>
		<guid isPermaLink="false">https://en.anonyviet.com/?p=6362</guid>

					<description><![CDATA[Hello everyone, you have come to part 5 in the game programming series with Godot. And in this tutorial I will guide you to create tilemap using a more advanced function that is Auto tile. Before that, I also had a tutorial on using Autotile, but at that time, my knowledge was very weak, so [&#8230;]]]></description>
										<content:encoded><![CDATA[<p></p>
<div id="ftwp-postcontent">
<p style="text-align: left;">Hello everyone, you have come to part 5 in the game programming series with <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Ftag%2FGodot%2F" rel="noopener" class="local-link">Godot</a>.  And in this tutorial I will guide you to create tilemap using a more advanced function that is Auto tile.  Before that, I also had a tutorial on using Autotile, but at that time, my knowledge was very weak, so it was wrong and now I will guide you in a more specific and detailed way.</p>
<div class="code-block code-block-16" style="margin: 8px 0; clear: both;">
<div align="center">
<table class=" aligncenter" style="background-color: #c0c0c0; border-collapse: collapse; width: 59.9985%;">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><span style="font-size: 12pt;"><strong>Join the channel <span style="color: #0000ff;">Telegram</span> of the <span style="color: #008080;">AnonyViet </span> 👉 <span style="text-decoration: underline;"><a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Ft.me%2Fanonyvietchat" class="local-link" rel="noopener">Link</a></span>  👈</strong></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<p style="text-align: left;">In this article, I will help you create this Autotile and Autotile for those of you who don&#8217;t know, it can help you Design your Level automatically instead of doing it manually in lesson 4.  It is also very easy and not difficult at all.</p>
<h2 id="ftoc-tao-autotile" class="ftwp-heading" style="text-align: left;">Create Autotile</h2>
<h3 id="ftoc-1-tao-autotile" class="ftwp-heading" style="text-align: left;">first .  Create Autotile</h3>
<p style="text-align: left;">First, go to Tileset in the Inspector Tab of Node Tilemap</p>
<p><img decoding="async" class="size-full wp-image-26079 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-09-36.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 25" width="261" height="146" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 27"/></p>
<p style="text-align: left;">Then choose your existing Tileset as Forest</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26080 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-10-28.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 26" width="381" height="266" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-10-28.png 381w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-10-28-300x209.png 300w" sizes="auto, (max-width: 381px) 100vw, 381px" title="[Godot RPG]#5: Autotile - Game Programming Godot Engine 28"/></p>
<p style="text-align: left;">And then you proceed to choose New Autotile for yourself.</p>
<p> <img decoding="async" loading="lazy" class="size-full wp-image-26082 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-11-20.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 27" width="552" height="324" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-11-20.png 552w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-11-20-300x176.png 300w" sizes="auto, (max-width: 552px) 100vw, 552px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 29"/></p>
<p style="text-align: left;">Remember to turn on the Grid to get the grid shape</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26083 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-11-55.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 28" width="103" height="72" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 30"/></p>
<p style="text-align: left;">Then highlight the area to be selected.  And note who is using my tileset, please choose like me.</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26085 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-13-02.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 29" width="548" height="211" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-13-02.png 548w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-13-02-300x116.png 300w" sizes="auto, (max-width: 548px) 100vw, 548px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 31"/></p>
<p>For other tilesets you will have to base on its size there will be tileset of 16×16.8×8.32×32.64×64</p>
<p>You have to adjust accordingly <strong>Snap Options</strong> – Step and <strong>Selected Tile – Subtile Size</strong></p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26087 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-14-50.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 30" width="163" height="195" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 32"/> <img decoding="async" loading="lazy" class="size-full wp-image-26088 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-08.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 31" width="169" height="324" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-08.png 169w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-08-156x300.png 156w" sizes="auto, (max-width: 169px) 100vw, 169px" title="[Godot RPG]#5: Autotile - Game Programming Godot Engine 33"/></p>
<h3 id="ftoc-2-tao-bitmask" class="ftwp-heading">2 .  Create Bitmask</h3>
<p>Next, click on Bitmask on the toolbox selection.</p>
<p>Here will be the most important part of creating Autotile wrong one mile is going a mile.<img decoding="async" loading="lazy" class="size-full wp-image-26089 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-52.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 32" width="663" height="80" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-52.png 663w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-15-52-300x36.png 300w" sizes="auto, (max-width: 663px) 100vw, 663px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 34"/></p>
<p>Well, remember to change the Autotile Bitmask mode to 3×3 and 2×2 if it suits your tileset.<img decoding="async" loading="lazy" class="size-full wp-image-26091 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-17-04.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 33" width="185" height="152" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 35"/></p>
<p>And here I will proceed to enter Bitmask.</p>
<p>This is before:</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26090 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-16-51.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 34" width="621" height="129" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-16-51.png 621w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-16-51-300x62.png 300w" sizes="auto, (max-width: 621px) 100vw, 621px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 36"/></p>
<p>And after that:</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26092 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-18-05.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 35" width="615" height="124" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-18-05.png 615w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-18-05-300x60.png 300w" sizes="auto, (max-width: 615px) 100vw, 615px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 37"/></p>
<p>Here, that color bitmask means: Is a navigation tool or in other words for you to understand, it is easy to link this tile with another tile.</p>
<p>For an example to illustrate Godot: here I have a tile and this tile when you put it down will show it first because it is not linked to anyone</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26093 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-21-51.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 36" width="121" height="67" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 38"/></p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26095 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-23-25.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 37" width="141" height="195" title="[Godot RPG]#5: Autotile - Game Programming Godot Engine 39"/></p>
<p>And here I will put another tile next to it and they are linked together through bitmask.</p>
<p>So now what if I try to remove the bitmask associated with the right tile?</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26094 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-23-01.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 38" width="239" height="187" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 40"/><img decoding="async" loading="lazy" class="size-full wp-image-26096 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-24-23.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 39" width="338" height="164" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-24-23.png 338w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-24-23-300x146.png 300w" sizes="auto, (max-width: 338px) 100vw, 338px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 41"/></p>
<p>And below will be the result when you remove the bitmask associated with the right tile.</p>
<p>Since it loses its associated bitmask it cannot find the tile to connect to and it will display the default icon.</p>
<p><strong>Note:</strong> Many of you, despite drawing a full bitmask, but still get the same problem as below, it&#8217;s because you drew it wrong or because the bitmask was wrong or you drew too little or too much.</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26097 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-25-03.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 40" width="208" height="166" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 42"/></p>
<p>And this is the result after I have done it.</p>
<p><img alt="[Godot RPG]#5: Autotile" title="[Godot RPG]#5: Autotile" post-id="6362" fifu-featured="1" decoding="async" loading="lazy" class="size-full wp-image-26099 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-41.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 41" width="548" height="470" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-41.png 548w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-41-300x257.png 300w" sizes="auto, (max-width: 548px) 100vw, 548px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 43"/></p>
<h3 id="ftoc-3-tao-single-tile" class="ftwp-heading">3.Create Single Tile</h3>
<p>Well, to have a grass tile, please create a Single Tile that is a grass Tile, but don&#8217;t add the Autotile to it and it&#8217;s done.</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26098 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-19.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 42" width="393" height="256" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-19.png 393w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-19-300x195.png 300w" sizes="auto, (max-width: 393px) 100vw, 393px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 44"/></p>
<p>Well, if you have the same problem as the picture, it&#8217;s because I added the auto tile missing at first.-.  Sorry guys<img decoding="async" loading="lazy" class="size-full wp-image-26100 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-36-52.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 43" width="286" height="206" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-36-52.png 286w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-36-52-120x86.png 120w" sizes="auto, (max-width: 286px) 100vw, 286px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 45"/></p>
<p>Please add it</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26101 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-38-15.png" alt="[Godot RPG]#5: Autotile - Game Programming Godot Engine 44" width="497" height="149" srcset="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-38-15.png 497w, https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-38-15-300x90.png 300w" sizes="auto, (max-width: 497px) 100vw, 497px" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 46"/></p>
<p>Then it will be back to normal</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-26102 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-38-44.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 45" width="101" height="154" title="[Godot RPG]#5: Autotile - Game Programming Godot Engine 47"/></p>
<p>To add a certainty with Autotile, in the toolbar you can select Icon and click on the Sandbox to be sure.</p>
<p>.<img decoding="async" loading="lazy" class="size-full wp-image-26103 aligncenter" src="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-42-00.png" alt="[Godot RPG]#5: Autotile - Game programming Godot Engine 46" width="156" height="123" title="[Godot RPG]#5: Autotile - Game programming Godot Engine 48"/></p>
<h2 id="ftoc-tong-ket" class="ftwp-heading">Summary.</h2>
<p>Ok, so I&#8217;ve finished the 5th tutorial.  Hopefully through this article you will draw a new knowledge in Level design with Autotile for your game with Godot.  Autotile is a function that is used a lot, so please remember it before you forget it.</p>
</p>
<div class="kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom" data-payload="{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;26077&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;100&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;\u0110\u00e1nh gi\u00e1 b\u00e0i vi\u1ebft post&quot;,&quot;legend&quot;:&quot;B\u00e0i vi\u1ebft \u0111\u1ea1t: 5\/5 - (100 b\u00ecnh ch\u1ecdn)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;width&quot;:&quot;142.5&quot;,&quot;_legend&quot;:&quot;B\u00e0i vi\u1ebft \u0111\u1ea1t: {score}\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}">
<p>            The article achieved: 5/5 &#8211; (100 votes)    </p>
</p></div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://en.anonyviet.com/godot-rpg5-autotile/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://anonyviet.com/wp-content/uploads/2021/04/05-04-2021-12-32-41.png" medium="image"></media:content>
            	</item>
	</channel>
</rss>
