<?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>2d &#8211; INCD021</title>
	<atom:link href="https://incd021.com/tag/2d/feed/" rel="self" type="application/rss+xml" />
	<link>https://incd021.com</link>
	<description>Programming, thoughts, life  and art.</description>
	<lastBuildDate>Sun, 27 Oct 2024 18:04:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.1</generator>
	<item>
		<title>Seagull Hunt</title>
		<link>https://incd021.com/2014/04/09/seagull-hunt/</link>
					<comments>https://incd021.com/2014/04/09/seagull-hunt/#comments</comments>
		
		<dc:creator><![CDATA[INC $D021]]></dc:creator>
		<pubDate>Wed, 09 Apr 2014 18:58:34 +0000</pubDate>
				<category><![CDATA[Game]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[2d]]></category>
		<category><![CDATA[DevLog]]></category>
		<category><![CDATA[Game development]]></category>
		<category><![CDATA[Indie Game]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Untiy]]></category>
		<guid isPermaLink="false">http://incd021.com/?p=524</guid>

					<description><![CDATA[A lot is and has happened over the last months, and not much time have been spend on game development. But I have been working on a small android game....]]></description>
										<content:encoded><![CDATA[<p>A lot is and has happened over the last months, and not much time have been spend on game development. But I have been working on a small android game from time to time.<br />
It&#8217;s a small frustrating game, where you are to keep the beach ball in the air and make it hit the seagulls by hitting the beach ball with wather from a super soaker.</p>
<p>Here is what I started out with, and what I ended up with so far.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00001-20140212191923.png"><img fetchpriority="high" decoding="async" class="size-medium wp-image-525 aligncenter" alt="BFSH - 00001" src="https://incd021.com/wp-content/uploads/2014/04/00001-20140212191923-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;"><span style="line-height: 1.5;">Started out with a ball on a screen. Had no idea what the game should be about.. Didn&#8217;t even know it would become a game.</span></p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00032-20140212201231.png"><img decoding="async" class="alignnone size-medium wp-image-526" alt="BFSH - 00032" src="https://incd021.com/wp-content/uploads/2014/04/00032-20140212201231-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Then made the ball fall under the influence of gravity, and added a small static cannon capable of shooting small red balls.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00040-20140212203434.png"><img decoding="async" class="alignnone size-medium wp-image-527" alt="BFSH - 00040" src="https://incd021.com/wp-content/uploads/2014/04/00040-20140212203434-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Added colliders to the balls, so the red balls could hit the red ball and then, to make a bit of a game out of it, I added some spikes, that killed the yellow ball on impact.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00082-20140215151140.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-528" alt="BFSH - 00082" src="https://incd021.com/wp-content/uploads/2014/04/00082-20140215151140-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Added some graphics, and changed the mail ball to a beach ball.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00110-20140220194920.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-529" alt="BFSH - 00110" src="https://incd021.com/wp-content/uploads/2014/04/00110-20140220194920-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">At this time I did my small <a href="https://incd021.com/spriter-by-brashmonkey/">crap animation project</a>, so of cause that was added to the project. I also did the super soaker graphics while trying out different vector based drawing programs and that was added as well.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00119-20140220200848.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-530" alt="BFSH - 00119" src="https://incd021.com/wp-content/uploads/2014/04/00119-20140220200848-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">The red balls was replaced by a water ball/splash texture.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00173-20140221213929.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-531" alt="BFSH - 00173" src="https://incd021.com/wp-content/uploads/2014/04/00173-20140221213929-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Added a basic score, so each time you hit the beach ball with a ball of water you got a point, and game when the beach ball hit the sand.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00175-20140222102450.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-532" alt="BFSH - 00175" src="https://incd021.com/wp-content/uploads/2014/04/00175-20140222102450-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">I got the idea to add something to hit instead of just having to hit the beach ball, which was to easy.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00204-20140222143702.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-533" alt="BFSH - 00204" src="https://incd021.com/wp-content/uploads/2014/04/00204-20140222143702-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">I wanted to have a really fast game over to new game cycle, so all I wanted was a single start button in the middle of the screen. At first I would have liked to be able to share scores on Facebook, but as I haven&#8217;t gotten it to work 100% I discarded it for now. Maybe in a later version.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00254-20140223085640.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-534" alt="BFSH - 00254" src="https://incd021.com/wp-content/uploads/2014/04/00254-20140223085640-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Just changed some of the background graphics, and added best score to the score display.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00402-20140301090756.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-535" alt="BFSH - 00402" src="https://incd021.com/wp-content/uploads/2014/04/00402-20140301090756-169x300.png" width="169" height="300" /></a></p>
<p style="text-align: left;">Added sand to the beach.</p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00421-20140309180437.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-536" alt="BFSH - 00421" src="https://incd021.com/wp-content/uploads/2014/04/00421-20140309180437-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">Completely new graphics, made by a nice fellow that I&#8217;m teaching to program, and in exchange his making me some pleasant graphics <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p style="text-align: center;"><a href="https://incd021.com/wp-content/uploads/2014/04/00428-20140312164745.png"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-537" alt="BFSH - 00428" src="https://incd021.com/wp-content/uploads/2014/04/00428-20140312164745-168x300.png" width="168" height="300" /></a></p>
<p style="text-align: left;">New button and font added, that matches the rest of the theme better. The basic font is called Floraless and is made by <a href="http://moorstation.org/typoasis/designers/gaut/">Daniel Gauthier</a>.</p>
<p style="text-align: left;"><a href="https://incd021.com/wp-content/uploads/2014/04/00454-20140316200543.png"><img loading="lazy" decoding="async" class="size-medium wp-image-538 aligncenter" alt="BFSH - 00454" src="https://incd021.com/wp-content/uploads/2014/04/00454-20140316200543-168x300.png" width="168" height="300" /><br />
</a>Small but very visual change, I made the score use the new font, by having a bitmap for each number and one for the slash, and then added code to convert the string into an array of the correct sprites.</p>
<p><a href="https://incd021.com/wp-content/uploads/2014/04/00481-20140409184300.png"><img loading="lazy" decoding="async" class="size-medium wp-image-539 aligncenter" alt="BFSH - 00481" src="https://incd021.com/wp-content/uploads/2014/04/00481-20140409184300-168x300.png" width="168" height="300" /></a></p>
<p>The last change was the graphics for the crab that now looks a lot more organic and less flat. <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>The two thing keeping me from uploading it to the android store is the seagull- and the crap-animation. I will work on the crap animation as soon as everything thats happening in my life right now, settles down a bit.</p>
<p>If you want to try the current (Android only) version of &#8220;Beach Fun Seagull Hunt&#8221; just click the link below.<br />
<del>Old version April 9th : md5 : aad8aee9879d29ad0e8bf32cc451b097 *Beach-Fun-Seagull-Hunt.apk<br />
</del>New version April 12th : md5 : 5f145660cae4dab6d5c4fea869403f36 *<a href="https://incd021.com/Games/Beach-Fun-Seagull-Hunt/Beach-Fun-Seagull-Hunt.apk">Beach-Fun-Seagull-Hunt.apk</a></p>
<p><span style="line-height: 1.5;">Now go make games! <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></p>
<p>&#8211; Henning</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://incd021.com/2014/04/09/seagull-hunt/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Vector animation, or the solution: Spriter by BrashMonkey</title>
		<link>https://incd021.com/2014/02/18/spriter-by-brashmonkey/</link>
					<comments>https://incd021.com/2014/02/18/spriter-by-brashmonkey/#comments</comments>
		
		<dc:creator><![CDATA[INC $D021]]></dc:creator>
		<pubDate>Tue, 18 Feb 2014 15:55:31 +0000</pubDate>
				<category><![CDATA[Game]]></category>
		<category><![CDATA[Pyxel Edit]]></category>
		<category><![CDATA[2d]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[Spriter]]></category>
		<category><![CDATA[Synfig]]></category>
		<guid isPermaLink="false">http://incd021.com/?p=502</guid>

					<description><![CDATA[Task: Make a small crab sprite with a walk animation. hmm, pixel art animation and me, not so good. So what was the alternative. I searched the great big internet,....]]></description>
										<content:encoded><![CDATA[<p><strong>Task</strong>: Make a small crab sprite with a walk animation.</p>
<p>hmm, pixel art animation and me, not so good. So what was the alternative. I searched the great big internet, and found an article telling me that <a href="http://www.inkscape.org/">Inkscape </a>was the tool to use. I had tried it before and liked the idea of being able to tweak the image without having to repaint it, just move the vector elements. So I found an image on Google that I could use as a reference image, and started painting.</p>
<figure id="attachment_503" aria-describedby="caption-attachment-503" style="width: 300px" class="wp-caption aligncenter"><a href="https://incd021.com/wp-content/uploads/2014/02/CrabInInkscape.png"><img loading="lazy" decoding="async" class="size-medium wp-image-503 " alt="Crab in inkscape" src="https://incd021.com/wp-content/uploads/2014/02/CrabInInkscape-300x205.png" width="300" height="205" /></a><figcaption id="caption-attachment-503" class="wp-caption-text">Crab in inkscape</figcaption></figure>
<p>Ok, maybe, just maybe I should have read some more about how, <a href="http://www.inkscape.org/">Inkscape </a>was used to animate.. Ok so you make all the frames in <a href="http://www.inkscape.org/">Inkscape</a>, export them one by one and then use Gimp (wonderful tool) to make the spritesheet.. Eeerrr, that was kind of what I didn&#8217;t want to do. So back to searching the net.</p>
<p>Success, <a href="http://www.synfig.org/">Synfig</a>! Ok, here was a tool that was vector based and could animate like hell <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Yay! So tried to import my <a href="http://www.inkscape.org/">Inkscape </a>crab, as it was in svg format, but no success <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f641.png" alt="🙁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Not a great start, but ok, I could start over. So a new crab was born.. But hell to do, compared to <a href="http://www.inkscape.org/">Inkscape</a>. Everything was drawn with the origin at the center of the screen, not the object, and worse, you can&#8217;t move the origin! What the &#8230;.? Ok, painting the first eye and made a group, everything is to be in groups in <a href="http://www.synfig.org/">Synfig</a>, and wanted to copy and mirror the group. Copy, ok. Mirror&#8230;. mirror&#8230; hmmm.. No? You can only mirror individual objects, and as the origin was fubar the first place I had to do this via scaling (x=-1.0) and the try to move the new mirrored legs to the right location, and by using the scale function something was off, and the moment was weird. I&#8217;t might have been me, but I didn&#8217;t have ANY problems in <a href="http://www.inkscape.org/">Inkscape</a>. So the thought of having to do animation and rotating (around the center of the selected points only) and moving objects around, just told me to, not go there.</p>
<figure id="attachment_504" aria-describedby="caption-attachment-504" style="width: 300px" class="wp-caption aligncenter"><a href="https://incd021.com/wp-content/uploads/2014/02/CrabInSynfig.png"><img loading="lazy" decoding="async" class="size-medium wp-image-504" alt="Crab in Synfig" src="https://incd021.com/wp-content/uploads/2014/02/CrabInSynfig-300x169.png" width="300" height="169" /></a><figcaption id="caption-attachment-504" class="wp-caption-text">Crab in Synfig</figcaption></figure>
<p>And the crab looked worse in <a href="http://www.synfig.org/">Synfig</a>, as every change was a pain compared to <a href="http://www.inkscape.org/">Inkscape</a>.</p>
<p>So what to do&#8230; I was thing of using Unity and the new 2d animation support, but I used it before, with success but it felt off, and not completely thought through. So I hit the new for the third and final time. If I didn&#8217;t find anything I would just make 3-5 crappy crab frames in <a href="http://www.gimp.org/">Gimp </a>or <a href="http://pyxeledit.com/">PyxelEdit </a>(another GREAT tool). But by luck I found what I was looking for, I hope. It&#8217;s called <a href="http://brashmonkey.com/">Spriter</a>, and if it&#8217;s half as good as it looks I&#8217;m going to be a very happy guy. You can download the free version at the <a href="http://brashmonkey.com/">BrashMonkey </a>site, and try it out for your self. I have played with the free version and the demo project last night, and it just feels right in every way. So I just spend the 25$ for the full version, and is now going to take the parts from the <a href="http://www.inkscape.org/">Inkscape </a>crab, I know I have to export all the pieces into separate files (that might be something they will change in time, I have to investigate), and than use the skeleton system will be so easy to use, to do the animation. It might even have some inverse kinematics <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>I really believe the <a href="http://brashmonkey.com/">Spriter </a>is going to be the solution to a lot of my animation challenges. I will return with my experience with <a href="http://brashmonkey.com/">Spriter </a>soon <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Now, go make games <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&#8211; Henning</p>
]]></content:encoded>
					
					<wfw:commentRss>https://incd021.com/2014/02/18/spriter-by-brashmonkey/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Unity 2D RULES!!!</title>
		<link>https://incd021.com/2013/11/28/unity-2d-rules/</link>
					<comments>https://incd021.com/2013/11/28/unity-2d-rules/#respond</comments>
		
		<dc:creator><![CDATA[INC $D021]]></dc:creator>
		<pubDate>Thu, 28 Nov 2013 08:10:29 +0000</pubDate>
				<category><![CDATA[Game]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[2d]]></category>
		<guid isPermaLink="false">http://incd021.com/?p=429</guid>

					<description><![CDATA[After only a week and not much time to look into Unity 2D I must say that I don&#8217;t think I&#8217;ll ever look at another game engine ever again 🙂....]]></description>
										<content:encoded><![CDATA[<p><span style="line-height: 1.5;">After only a week and not much time to look into Unity 2D I must say that I don&#8217;t think I&#8217;ll ever look at another game engine ever again <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> The 2D workflow, sprite importer, animator, ordering layer and so on, just makes everything SO easy. <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> I&#8217;m simply blown away.</span></p>
<p>I have so many options now, that I don&#8217;t know what game to start making, which i great <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Now I just have to finde the time to make it all happen..</p>
<p>If you don&#8217;t have allready, go download <a href="http://unity3d.com/unity/download">Unity 4.3</a>&#8230;.  To get started take at look at <a href="http://www.youtube.com/watch?v=4qE8cuHI93c">2D Game Development Walkthrough</a>.. Unity 2D RULES!! <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Have fun and go make games!</p>
<p>&#8211; Henning</p>
]]></content:encoded>
					
					<wfw:commentRss>https://incd021.com/2013/11/28/unity-2d-rules/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Stencyl</title>
		<link>https://incd021.com/2013/11/17/stencyl/</link>
					<comments>https://incd021.com/2013/11/17/stencyl/#respond</comments>
		
		<dc:creator><![CDATA[INC $D021]]></dc:creator>
		<pubDate>Sun, 17 Nov 2013 12:19:54 +0000</pubDate>
				<category><![CDATA[Earth Guardian]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[Stencyl]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<guid isPermaLink="false">http://incd021.com/?p=422</guid>

					<description><![CDATA[After some weeks thinking about life the universe and everything, I&#8217;m back. 🙂 I&#8217;ve spend some time making the basic stuff for a 2D game using Unity. Forcing Unity to....]]></description>
										<content:encoded><![CDATA[<p>After some weeks thinking about life the universe and everything, I&#8217;m back. <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>I&#8217;ve spend some time making the basic stuff for a 2D game using Unity. Forcing Unity to make a 2D game have been a challenge, It works but I&#8217;ve spend a lot of time handling sprite sheet, animation and other standard stuff and not on the actual game. <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f641.png" alt="🙁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Then by pure coincident I saw someone mentioning Stencyl on <a href="http://www.spiludvikling.dk">spiludvikling.dk</a> so I took a look, and if version 3.0 keeps it promises I guess I&#8217;ll be doing all my 2D games in Stencyl. Only thing about Stencyl I don&#8217;t like is the missing possibility to use C# and the still missing Android support <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f641.png" alt="🙁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> But for now it&#8217;s so easy to use, that I&#8217;ll gladly learn Scratch and objective C.<br />
Now that Unity version 4.3 is out, I&#8217;ll have to try it out to see if it&#8217;s as easy as they say, and if it is, I might switch back. If not, I&#8217;ll save Unity for my 3D needs <img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Have fun! Now go make games!</p>
<p>&#8211; Henning</p>
]]></content:encoded>
					
					<wfw:commentRss>https://incd021.com/2013/11/17/stencyl/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Page Caching using Disk: Enhanced 

Served from: incd021.com @ 2025-05-13 18:01:37 by W3 Total Cache
-->