03-18-2013, 03:01 PM
<div class="tborder">
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> Meh</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">Searching for new goodies for creating game, came across this gem:
Spriter
A powerful tool hides behind the simple name, watch the tut vids and weep tears of joy.</div>
</div>
Seems I may have jumped the gun on this one. I recently discovered a new tool, created for spriting an online final fantasy tactics clone but adaptable to other sprite types.
It can be used to turn this spritesheet:
<div class="tborder">
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> input</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">
</div>
</div>
Into these frames:
<div class="tborder">
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> output</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">
</div>
</div>
It does this using a .xml file that tells it the configuration of the input spritesheet; It currently supports 6, I think, different Final Fantasy Tactics-styled sprites, a few effects, and is still undergoing developement and improvement. You can find the tool here, and I suggest you read the thread in its entireity.
It runs under windows or linux with wine, but screenshots are not a possibility right now as one of the large windows flickers too much =_=
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> Meh</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">Searching for new goodies for creating game, came across this gem:
Spriter
A powerful tool hides behind the simple name, watch the tut vids and weep tears of joy.</div>
</div>
Seems I may have jumped the gun on this one. I recently discovered a new tool, created for spriting an online final fantasy tactics clone but adaptable to other sprite types.
It can be used to turn this spritesheet:
<div class="tborder">
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> input</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">
![[Image: neocloudffttype1.png]](http://img90.imageshack.us/img90/5512/neocloudffttype1.png)
</div>
Into these frames:
<div class="tborder">
<div class="thead" style="padding:4px; margin:1px;"><input type="button" class="button" value="+" style="font-family:Monospace; padding:0px" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display=='none'){ this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='';this.value='-';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.value='+';}"/> output</div>
<div class="trow2" style="display:none; padding:4px; margin:1px;">
![[Image: cloudv.png]](http://img545.imageshack.us/img545/5388/cloudv.png)
</div>
It does this using a .xml file that tells it the configuration of the input spritesheet; It currently supports 6, I think, different Final Fantasy Tactics-styled sprites, a few effects, and is still undergoing developement and improvement. You can find the tool here, and I suggest you read the thread in its entireity.
It runs under windows or linux with wine, but screenshots are not a possibility right now as one of the large windows flickers too much =_=
![[Image: cautionary.png]](https://imgs.xkcd.com/comics/cautionary.png)