<?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/"
	>

<channel>
	<title>Ivan Tanner</title>
	<atom:link href="https://ivantanner.co.uk/feed/" rel="self" type="application/rss+xml" />
	<link>https://ivantanner.co.uk</link>
	<description>Professional Game Design Portfolio</description>
	<lastBuildDate>Mon, 05 Jan 2026 12:46:50 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://ivantanner.co.uk/wp-content/uploads/2025/02/cropped-Asset-3@2x-32x32.png</url>
	<title>Ivan Tanner</title>
	<link>https://ivantanner.co.uk</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Finishing Up</title>
		<link>https://ivantanner.co.uk/gam370/finishing-up/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Tue, 16 Dec 2025 12:42:16 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=617</guid>

					<description><![CDATA[Tutorialisation Given that this project is just meant to be a demo, I&#8217;ve mainly made the level design tutorialisation. I don&#8217;t want to spoil too much in case you want to check the game out for yourself, so I&#8217;ll just include a little snippet of some of the in-engine scene here: Where to Find It? [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Tutorialisation</h3>



<p>Given that this project is just meant to be a demo, I&#8217;ve mainly made the level design tutorialisation. </p>



<p>I don&#8217;t want to spoil too much in case you want to check the game out for yourself, so I&#8217;ll just include a little snippet of some of the in-engine scene here:</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="803" height="462" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/Untitled-1.png" alt="" class="wp-image-618" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/Untitled-1.png 803w, https://ivantanner.co.uk/wp-content/uploads/2026/01/Untitled-1-300x173.png 300w, https://ivantanner.co.uk/wp-content/uploads/2026/01/Untitled-1-768x442.png 768w" sizes="(max-width: 803px) 100vw, 803px" /></figure>



<h3 class="wp-block-heading">Where to Find It?</h3>



<p>Here&#8217;s <a href="https://ivantanner.itch.io/hyspear">a link</a> to the projects Itch page, which you can also find on this projects main page.</p>



<p>It&#8217;s stored as a zip, so just download the game, extract it and run the executable. Have fun!</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Let&#8217;s Restart</title>
		<link>https://ivantanner.co.uk/gam370/lets-restart/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Thu, 11 Dec 2025 12:30:04 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=609</guid>

					<description><![CDATA[Not the Project The level! This week I created an animation for the restart animation, which the player can trigger by pressing &#8216;R&#8217;. This is vital for my game because you only have a limited number of spears per screen / level, so if you make a wrong move, the player may get softlocked. Here&#8217;s [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Not the Project</h3>



<p>The level!</p>



<p>This week I created an animation for the restart animation, which the player can trigger by pressing &#8216;R&#8217;.</p>



<p>This is vital for my game because you only have a limited number of spears per screen / level, so if you make a wrong move, the player may get <a href="https://en.wiktionary.org/wiki/softlock">softlocked</a>.</p>



<p>Here&#8217;s a little demo of the player restarting:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/9-1024x576.gif" alt="" class="wp-image-610" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/9-1024x576.gif 1024w, https://ivantanner.co.uk/wp-content/uploads/2026/01/9-300x169.gif 300w, https://ivantanner.co.uk/wp-content/uploads/2026/01/9-768x432.gif 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>If you&#8217;ve been paying attention, you might have noticed I&#8217;m taking a lot of inspiration from <em><a href="http://celestegame.com/">Celeste</a></em> (or maybe by the fact I&#8217;ve mentioned it multiple times&#8230;). Restarting is something Celeste does really well, as they have smooth and quick animations that make dying almost satisfying. This was something I tried to emulate with my animation (which I put together in After Effects).</p>



<h3 class="wp-block-heading">Screen Transitions</h3>



<p>Another feature I put in this week is being able to move between screens. Not much to say about this one really, here&#8217;s an example of it working:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://ivantanner.co.uk/wp-content/uploads/2025/12/10-1024x576.gif" alt="" class="wp-image-613" srcset="https://ivantanner.co.uk/wp-content/uploads/2025/12/10-1024x576.gif 1024w, https://ivantanner.co.uk/wp-content/uploads/2025/12/10-300x169.gif 300w, https://ivantanner.co.uk/wp-content/uploads/2025/12/10-768x432.gif 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>I&#8217;ve also added checkpoints, so when you enter a screen, you can always press &#8216;R&#8217; to restart from that screen.</p>



<p>This post marks the project mostly feature complete! There are a couple quality of life things I may have added given the time, but I believe that I&#8217;ve managed a whole lot more than I thought I might have been able to.</p>



<p>Next Up: Level Design!</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bouncing</title>
		<link>https://ivantanner.co.uk/gam370/bouncing/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Tue, 02 Dec 2025 12:22:59 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=604</guid>

					<description><![CDATA[Better Sticking In this most recent update, I&#8217;ve implemented proper sticking to the spear. It now sticks into walls, the ground and ceilings! This is definitely the biggest step I&#8217;ve taken so far towards being feature complete. Only a couple more things to go now until I can start working on level design. Here&#8217;s an [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Better Sticking</h3>



<p>In this most recent update, I&#8217;ve implemented proper sticking to the spear. It now sticks into walls, the ground and ceilings! This is definitely the biggest step I&#8217;ve taken so far towards being feature complete. Only a couple more things to go now until I can start working on level design.</p>



<p>Here&#8217;s an example of it in action:</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="560" height="374" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/8.gif" alt="" class="wp-image-605" style="width:630px;height:auto"/></figure>



<h3 class="wp-block-heading">Bouncing!?</h3>



<p>You may also notice that the player is able to bounce on the spear as well. This is another big chunk of work I managed to get out the way this week. As I mentioned before, I really don&#8217;t have much more to do in order to finish the mechanics side of this project.</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Spears</title>
		<link>https://ivantanner.co.uk/gam370/spears/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Thu, 27 Nov 2025 12:00:58 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=599</guid>

					<description><![CDATA[Make it Stick This week I&#8217;ve added the ability for the spears to stick in a surface. Right now it&#8217;s just a simple implementation, however next week I plan to pretty much finish the system entirely (lets hope I don&#8217;t jinx it!) Here&#8217;s what it looks like for now: You might also notice that the [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Make it Stick</h3>



<p>This week I&#8217;ve added the ability for the spears to stick in a surface. Right now it&#8217;s just a simple implementation, however next week I plan to pretty much finish the system entirely (lets hope I don&#8217;t jinx it!)</p>



<p>Here&#8217;s what it looks like for now:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="674" height="308" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/7.gif" alt="" class="wp-image-600"/></figure>



<p>You might also notice that the spears are now also pixel perfect. I&#8217;ve implemented this by creating distinct sprites externally, and changing the spears sprite based on its current rotation. Currently, I don&#8217;t have enough rotation sprites to make this look fluid, but I&#8217;ve got plans to double the amount.</p>



<h3 class="wp-block-heading">Animation Frenzy!</h3>



<p>This week I&#8217;ve also been working non-stop on animations. I&#8217;ve realised that I now need a few more animations, such as a bouncing on spear animation, spear item animation and death / restart animation (as you will need to restart the level if you mess up the spear placement).</p>



<p>Here they all are!</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>The reset animation:<br><br>I&#8217;m especially proud of this one! It took a lot of effort to make the hat look 3D and move perfectly. I think this is a really good indicator of how my pixel art skills have improved since the start of this project.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="310" height="310" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/playerRestart.gif" alt="" class="wp-image-601" style="width:310px;height:auto"/></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="150" height="370" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/spear-rotate.gif" alt="" class="wp-image-602"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>The spear item animation:<br><br>I think this is another good example of a new and improved understanding of pixel art. Even just making this simple spear rotate is quite the task!<br></p>
</div>
</div>



<p>The spear jump animation:<br>I&#8217;m really pleased with how the spear &#8216;wiggle&#8217; (for lack of a better word) ended up looking. I think it adds dynamics and character to the animation as a whole.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="710" height="710" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/spearJump.gif" alt="Gif of player character jumping on spear" class="wp-image-545"/></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Aim and Shoot</title>
		<link>https://ivantanner.co.uk/gam370/aim-and-shoot/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 11:32:46 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=593</guid>

					<description><![CDATA[New &#38; Improved Aim To be honest, the last aiming system I made was bad. It didn&#8217;t work very well and felt choppy to use. I wanted to create one that actually felt smooth and responsive. I&#8217;ve instead moved to a pull approach, closer to the Angry Birds one I talked about last week works. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">New &amp; Improved Aim</h3>



<p>To be honest, the last aiming system I made was bad. It didn&#8217;t work very well and felt choppy to use. I wanted to create one that actually felt smooth and responsive.</p>



<p>I&#8217;ve instead moved to a pull approach, closer to the <em><a href="https://youtu.be/aiiQ8btusrs?si=AvnMJaZKVhyr-0ef&amp;t=100">Angry Birds</a></em> one I talked about last week works. This is done by hiding the players mouse and clamping it to a circular area around the player. This means that if the player walks back and forth, the mouse will follow them. I think this is the best way to emulate how it would work on a joystick (which I unfortunately won&#8217;t have time to actually implement).</p>



<p>Using a little help from <a href="https://youtu.be/9n4nEP8yD0U?si=FVHs-7VQTVcIre1i">this tutorial by <em>sashbros</em></a> I also created a trajectory made of little dots to help aim the throw. It&#8217;s all my own code, I just needed a little help on how to calculate the trajectory of where the physics would take the spear. </p>



<p>Enough talking, here&#8217;s a little demo of what it looks like to aim:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="824" height="448" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/5.gif" alt="" class="wp-image-596"/></figure>



<h3 class="wp-block-heading">Where&#8217;s the Shooting?</h3>



<p>Well, in order to implement the spear actually being thrown, I first had to create a system where the spear would rotate to the trajectory of the throw. Unfortunately, without complex physics and air resistence, spears don&#8217;t just align themselves to a throw as they do in real life. Essentially all I&#8217;m doing is setting the spears rotation perpendicular to its previous motion vector.</p>



<p>Here&#8217;s an example of it working:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="824" height="448" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/6.gif" alt="" class="wp-image-597"/></figure>



<p>I am aware that currently the spear is not pixel perfect, I plan to address that next week!</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Aim of the Game</title>
		<link>https://ivantanner.co.uk/gam370/trajectories/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Fri, 14 Nov 2025 11:20:22 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=590</guid>

					<description><![CDATA[Let&#8217;s Aim This week I&#8217;m starting on the spear throwing system. Here&#8217;s what I have in mind: I&#8217;m taking a little inspiration here from how Nubby&#8217;s Number Factory handles the throwing of Nubby. I really liked how you have to use right click to aim and left to confirm, as I found it limits how [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Let&#8217;s Aim</h3>



<p>This week I&#8217;m starting on the spear throwing system. Here&#8217;s what I have in mind:</p>



<ul class="wp-block-list">
<li>Right click to show a dotted trajectory line (to make it easier to aim)</li>



<li>Pull the mouse in the opposite direction of where you want to throw, similar to how <em><a href="https://youtu.be/aiiQ8btusrs?si=AvnMJaZKVhyr-0ef&amp;t=100">Angry Birds </a></em>works.</li>



<li>Left click whilst right click is held in order to confirm the throw</li>
</ul>



<p>I&#8217;m taking a little inspiration here from how<em> <a href="https://mogdogblog-productions.itch.io/nubbys-number-factory">Nubby&#8217;s Number Factory</a></em> handles the throwing of Nubby. I really liked how you have to use right click to aim and left to confirm, as I found it limits how many misinputs happen when you are playing.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>In order to find out what direction the player wants to aim, I am currently using the mouse&#8217;s delta movement (which direction it has moved since the last frame).<br>Unfortunately, even with buffering between the frames to smooth the movement, it simply isn&#8217;t very stable.<br></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="228" height="212" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/4.gif" alt="" class="wp-image-591"/></figure>
</div>
</div>



<h3 class="wp-block-heading">What&#8217;s the Fix?</h3>



<p>I think instead of using the delta position of the mouse, I&#8217;ll instead try to actually use the position relative to the player, to create more of a slingshot system. Sadly I don&#8217;t have time to do that this week (this system already took me too long!) but that&#8217;s my next goal for this coming week.</p>



<p>I wish I had more to show for  this week but I&#8217;ve been caught up working on other projects. Expect a big update for next weeks post!</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>More Tiles</title>
		<link>https://ivantanner.co.uk/gam370/more-tiles/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Wed, 05 Nov 2025 11:02:16 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=582</guid>

					<description><![CDATA[Landscaping I&#8217;ve taken some time this week to create some more tiles for my tilemap. I now have all the tiles I need to create a full terrain with no ugly gaps or strange connections. You can see a little example of what terrain may look like below: Here&#8217;s what the full tilemap looks like [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Landscaping</h3>



<p>I&#8217;ve taken some time this week to create some more tiles for my tilemap. I now have all the tiles I need to create a full terrain with no ugly gaps or strange connections. You can see a little example of what terrain may look like below:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="960" height="720" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/test4-edited.png" alt="" class="wp-image-584" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/test4-edited.png 960w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test4-edited-300x225.png 300w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test4-edited-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Here&#8217;s what the full tilemap looks like if you are interested. </p>



<p>I doubt I&#8217;ll be adding many more (if any!) tiles. I think what I have here is easily enough to work with for the whole project.</p>



<p>I would have liked to experiment with more colours or theming for my game, but unfortunately my time has had to go into other areas, maybe next time!</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="878" height="1024" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/Tilemap-export-878x1024.png" alt="" class="wp-image-585" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/Tilemap-export-878x1024.png 878w, https://ivantanner.co.uk/wp-content/uploads/2026/01/Tilemap-export-257x300.png 257w, https://ivantanner.co.uk/wp-content/uploads/2026/01/Tilemap-export-768x896.png 768w, https://ivantanner.co.uk/wp-content/uploads/2026/01/Tilemap-export.png 960w" sizes="auto, (max-width: 878px) 100vw, 878px" /></figure>
</div>
</div>



<h3 class="wp-block-heading">Walljumps</h3>



<p>I&#8217;ve taken a little time this week to implement the walljump mechanic. Walljumps take a surprising amount of time to tweak in order to make feel right; I think it&#8217;s something to do with the input needing to be responsive enough to pull off consistently without accidentally triggering them when the player didn&#8217;t intend to. Here&#8217;s a little demo of it in game:</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="592" height="448" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/3.gif" alt="" class="wp-image-586" style="width:630px;height:auto"/></figure>



<h3 class="wp-block-heading">Plans for Next Week</h3>



<p>I&#8217;m going to set the ambitious goal of creating the spear throwing system next week. I&#8217;m not 100% sure that&#8217;s achievable but I think I&#8217;m a little too far through the project now to not have the main mechanic implemented (although these features were all needed as baselines for it!).</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jumping!</title>
		<link>https://ivantanner.co.uk/gam370/jumping/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Mon, 27 Oct 2025 11:47:00 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=578</guid>

					<description><![CDATA[More Animation work! This week I&#8217;ve gone all in on adding the character&#8217;s jump. I&#8217;ve created this cute little jump animation, with an emphasis on secondary movement. The main goal with the animations in this project are to make the game feel as fluid as possible. This was something that Celeste got such critical acclaim [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">More Animation work!</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="190" height="450" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/jump.gif" alt="" class="wp-image-579"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>This week I&#8217;ve gone all in on adding the character&#8217;s jump. I&#8217;ve created this cute little jump animation, with an emphasis on secondary movement.</p>



<p>The main goal with the animations in this project are to make the game feel as fluid as possible. This was something that <em><a href="https://www.celestegame.com/">Celeste</a> </em>got such critical acclaim for (I know I&#8217;ve mentioned it a thousand times already!), and I&#8217;m really trying to emulate its style.</p>



<p>Next is to actually add the jump into the game, and then add this as its animation.</p>
</div>
</div>



<h3 class="wp-block-heading">We Have Lift Off</h3>



<p>As promised, here&#8217;s the jump fully implemented with a lovely animation as the cherry on top.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="530" height="289" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/2.gif" alt="" class="wp-image-580" style="width:630px;height:auto"/></figure>



<p>I forgot to cover it last week, but I have set up a tilemap system in Unity. I only have my limited tileset so far but I plan to update that next week!</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tilemap &#038; Movement</title>
		<link>https://ivantanner.co.uk/gam370/tilemap-movement/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Fri, 17 Oct 2025 10:25:50 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=567</guid>

					<description><![CDATA[Touching Drawing Grass This was actually my first time attempting to create a tilemap. My approach was to draw what I thought a good floor would look like and then cut it up into pieces. I then made sure they could connect on either side seamlessly regardless of which piece was next to eachother. Pillars [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading"><s>Touching</s> Drawing Grass</h3>



<p>This was actually my first time attempting to create a tilemap. My approach was to draw what I thought a good floor would look like and then cut it up into pieces. I then made sure they could connect on either side seamlessly regardless of which piece was next to eachother.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="845" height="261" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/test2.png" alt="" class="wp-image-572" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/test2.png 845w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test2-300x93.png 300w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test2-768x237.png 768w" sizes="auto, (max-width: 845px) 100vw, 845px" /></figure>



<h3 class="wp-block-heading">Pillars</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>In order to have something for the player to jump off of whilst I test movement, I made a pillar design. It&#8217;s based on Roman style pillars, which turned out to be a lot harder to cram into 16&#215;16 pixels than I thought. Given that this was my first time working on environment pixel art I think that these are a really solid foundation to work off of.</p>



<p>Next I&#8217;ll need to create some vertical ground tiles, in order to create some height variety on the floor. I also plan for the spear the player throws to only be able to stick into soft surfaces (the side of ground) and not these pillars, so they&#8217;ll definitely be a necessity.</p>



<h3 class="wp-block-heading">Movement</h3>



<p>I&#8217;ve added movement! I&#8217;m using <a href="https://github.com/DawnosaurDev/platformer-movement">Dawnosaur&#8217;s Movement</a>* script and tweaked it to be more similar to <em><a href="https://www.celestegame.com/">Celeste</a></em>&#8216;s movement style. It definitely feels good right now but I&#8217;ll get the jump added over the next week! </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="161" height="522" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/test3.png" alt="" class="wp-image-573" style="aspect-ratio:0.30842833109732437;width:202px;height:auto"/></figure>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="678" height="336" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/Animation.gif" alt="" class="wp-image-574"/></figure>



<p>*Dawnosaur&#8217;s script is completely free to use under the MIT License.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Walking &#038; Cycling</title>
		<link>https://ivantanner.co.uk/gam370/walking-cycling/</link>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Wed, 08 Oct 2025 12:32:00 +0000</pubDate>
				<category><![CDATA[GAM370]]></category>
		<guid isPermaLink="false">https://ivantanner.co.uk/?p=561</guid>

					<description><![CDATA[I Have a Mechanic! Not a car-fixing mechanic, but a 2D Platforming one. I have decided that my main focal point for this movement platformer will be the ability to throw spears at walls and subsequently use them as springboards to gain height and momentum. I&#8217;m hoping to combine this idea with dynamic and responsive [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">I Have a Mechanic!</h3>



<p>Not a car-fixing mechanic, but a 2D Platforming one. I have decided that my main focal point for this movement platformer will be the ability to throw spears at walls and subsequently use them as springboards to gain height and momentum.</p>



<p>I&#8217;m hoping to combine this idea with dynamic and responsive movement to create a satistfying demo.</p>



<h3 class="wp-block-heading">Animation Progress</h3>



<p>Remember the player character design I showed last week?<br>I have a walk cycle for them created now!</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Take a look:</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="210" height="300" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/fullwalk.gif" alt="" class="wp-image-562" style="width:241px;height:auto"/></figure>
</div>
</div>



<h3 class="wp-block-heading">Unity Project</h3>



<p>I haven&#8217;t actually mentioned it up to this point, but I am making this game in the Unity Engine. This is mainly because I have the most experience in this engine and given how long I have on this project I thought it best to stick with what I know.</p>



<p>I&#8217;ve set up a scene and put the player in:</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="596" src="https://ivantanner.co.uk/wp-content/uploads/2026/01/test1-1024x596.png" alt="" class="wp-image-563" srcset="https://ivantanner.co.uk/wp-content/uploads/2026/01/test1-1024x596.png 1024w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test1-300x175.png 300w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test1-768x447.png 768w, https://ivantanner.co.uk/wp-content/uploads/2026/01/test1.png 1276w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
