<?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>Inkscape &#8211; INCD021</title>
	<atom:link href="https://incd021.com/tag/inkscape/feed/" rel="self" type="application/rss+xml" />
	<link>https://incd021.com</link>
	<description>Programming, thoughts, life  and art.</description>
	<lastBuildDate>Tue, 18 Feb 2014 15:55:31 +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>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 fetchpriority="high" 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 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>
	</channel>
</rss>

<!--
Page Caching using Disk: Enhanced 

Served from: incd021.com @ 2025-05-17 21:19:52 by W3 Total Cache
-->