<?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>Spriter &#8211; INCD021</title>
	<atom:link href="https://incd021.com/category/programming/game_development/spriter/feed/" rel="self" type="application/rss+xml" />
	<link>https://incd021.com</link>
	<description>Programming, thoughts, life  and art.</description>
	<lastBuildDate>Wed, 19 Feb 2014 16:29:12 +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>First experience with Spriter</title>
		<link>https://incd021.com/2014/02/19/first-experience-spriter/</link>
					<comments>https://incd021.com/2014/02/19/first-experience-spriter/#respond</comments>
		
		<dc:creator><![CDATA[INC $D021]]></dc:creator>
		<pubDate>Wed, 19 Feb 2014 16:29:12 +0000</pubDate>
				<category><![CDATA[Proof of concept]]></category>
		<category><![CDATA[Script]]></category>
		<category><![CDATA[Spriter]]></category>
		<guid isPermaLink="false">http://incd021.com/?p=507</guid>

					<description><![CDATA[So I want to try to make my crab animation using Spriter so, first I cut out all the different parts from my Inkscape image. I did leave out all....]]></description>
										<content:encoded><![CDATA[<p>So I want to try to make my crab animation using Spriter so, first I cut out all the different parts from my Inkscape image. I did leave out all but one leg, as I should be able to scale and rotate in Spriter to make all the legs, from one set of leg sprites <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;" /> So here are the cutouts.</p>
<figure id="attachment_508" aria-describedby="caption-attachment-508" style="width: 300px" class="wp-caption aligncenter"><a href="https://incd021.com/wp-content/uploads/2014/02/CrabCutouts.png"><img fetchpriority="high" decoding="async" class="size-medium wp-image-508" alt="Crab Cutouts" src="https://incd021.com/wp-content/uploads/2014/02/CrabCutouts-300x242.png" width="300" height="242" /></a><figcaption id="caption-attachment-508" class="wp-caption-text">Crab Cutouts</figcaption></figure>
<p>I saved them all in a sub-directory in the directory I&#8217;m going to use for the Spriter project. Spriter looks to be using the same project directory structure as Unity.</p>
<p>I have now assembled the crab within Spriter. I know Spriter is a work in progress, but some simple features I found missing was, copy of multiple objects within the scene. I have 3 left legs, that looks a lot like the 3 right legs. Would have loved to be able to just copy them all in one go, and mirror them. Probably just me not know how. And moving objects in the Z-order windows was a drag, no pun, intended, but it wasn&#8217;t possible to select all the leg parts and drag them all at once, and as I had to drag them all all the way to the bottom, it was not optimal. It should be possible to hold ctrl+up/down to move them up and down in the list, but it didn&#8217;t work (found out, it does work, the window just isn&#8217;t updating). Well it was still easy to set up my crab.</p>
<figure id="attachment_512" aria-describedby="caption-attachment-512" style="width: 300px" class="wp-caption aligncenter"><a href="https://incd021.com/wp-content/uploads/2014/02/CrabInSpriter.png"><img decoding="async" class="size-medium wp-image-512" alt="Crab in Spriter" src="https://incd021.com/wp-content/uploads/2014/02/CrabInSpriter-300x204.png" width="300" height="204" /></a><figcaption id="caption-attachment-512" class="wp-caption-text">Crab in Spriter</figcaption></figure>
<p>Looks almost like the original. Almost.. <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;" /> But again, this is just a cold run, to show how easy Spriter is to learn and use.</p>
<p>To add the skeleton I did have to look at a tutorial, not that it&#8217;s hard to do, I just couldn&#8217;t find out how to add a single bone.. Found out, you have to hold down the Alt key, after watching the video.. How should I know <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>I followed this video:</p>
<p><iframe title="Spriter features and workflow overview" width="768" height="576" src="https://www.youtube.com/embed/Y5PBw4aCVNQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Once again they have made 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;" /> But did had a few problems. This time it was selecting the small legs when assigning the sprites to the bones, but I did find out that I could assign sprites to bones in the Hierarchy window. <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;" /> Maybe I have used too small sprites or there are some setup somewhere I don&#8217;t know of, but it worked and now I can animate&#8230; Don&#8217;t expect to much <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>
<figure id="attachment_520" aria-describedby="caption-attachment-520" style="width: 284px" class="wp-caption aligncenter"><a href="https://incd021.com/wp-content/uploads/2014/02/crab.gif"><img loading="lazy" decoding="async" class="size-full wp-image-520" alt="Animated Crab" src="https://incd021.com/wp-content/uploads/2014/02/crab.gif" width="284" height="163" /></a><figcaption id="caption-attachment-520" class="wp-caption-text">Animated Crab</figcaption></figure>
<p><span style="line-height: 1.5;">And that&#8217;s it <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;" /> An animated crab in a bit over an hour <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;" /> I already know where to use it.</span></p>
<p><strong>Conclusion:</strong></p>
<p>There where a few glitches throughout the Spriter experience, but nothing compared with the frustration of trying to work with Synfig. When exporting the animation to PNG&#8217;s some of the images had the previous frames in the background. Something that I&#8217;m sure will be fixed in future versions.</p>
<p>That was my first experience with Spriter, and I still like it a lot! <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;" /> It&#8217;s so easy to use. There are a lot of things that could be done better and small bugs, but $25 i cheap for a tool so powerful.</p>
<p>Features I would like to have include curves in the animation/key frame window, being able to drag multiple objects in the z-ordering windows, spritesheet output and that&#8217;s about it.</p>
<p><a href="https://brashmonkey.dpdcart.com/cart/add?product_id=59676&amp;method_id=60817">Go buy Spriter</a>, NOW! <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;" /> And then, 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>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://incd021.com/2014/02/19/first-experience-spriter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Page Caching using Disk: Enhanced 

Served from: incd021.com @ 2025-05-18 02:21:42 by W3 Total Cache
-->