Spriter快捷使用及导入Construct2的方法
construct2吧
全部回复
仅看楼主
level 3
xiaohandog 楼主
Spriter是一款优秀的游戏2D动画制作软件,它能为将角色制作精彩的动画,最重要的是,它与众多游戏编程软件无缝对接,例如业内鼎鼎大名的Construct2就能直接读取Spriter的工程文件,使得其游戏动画内容丰富但尺寸却惊人的小。下面我们一起简单的学习一下。(更专业的学习请登陆官网“https://brashmonkey.com/”)
快速开始Spriter
1、打开spriter软件,新建一个文件,此时程序会询问你文件建立在哪个文件夹。OK,选择或新建一个文件夹,例如“test”,工程名写为“bat.scml”。
2、将第三方软件如PS等做好的图片文件拷贝进这个文件夹“test”(一般来说,每个角色部件就是一张透明背景的png图片)。我们实例拷贝一个蝙蝠怪“bat”的图片组进去,之后就可以看到spriter软件界面的右上角“files”区域内出现了所有拷入图片。
3、在右下角“Animations”区域内击“New Animation”按键,新建一个动画组,并将之改名,例如“sleeping、die、flying……”,取名要简单,并准确表达动作意义。
4、将此动画组需要用到的图片从Files区拖拽进软件界面中间的画板区,摆好位置、大小,亦可在左上角的“Z-order”区域内调整各图片的叠加顺序。
5、新建骨骼:按住“Alt键”,鼠标左键点住画板区某处并拉开,会看到一根骨骼“bone”被创建,如果感觉这根bone形状或位置不好,可以再次点击它,此bone会出现三个小白点,前端那个调节长度,侧边两个调节宽度,鼠标移到最外面会出现旋转图标,可以调整骨骼的旋转角度。调整完毕后再次单击骨骼,三个小白点会消失,此时只能调整骨骼的位置和旋转角度了。
6、建立子骨骼:选中父骨骼后,继续按住“Alt键”,用鼠标左键拉bone。要注意的是,选中哪个骨骼,下次拉出的骨骼就是它的“子骨骼”。
如果要调整父子骨骼关系,可以在左上角的“Hierarchy”区进行调整,例如把bone_005的父骨骼设为bone_004,只需要用鼠标把005拖拽到004上放开就行。
7、骨骼与图片的绑定:两种方法,一种是在“Hierarchy”区内用拖拽的方式把图片拖到相应的骨骼上松开;一种是选中骨骼后按住键盘“B”键,此时所有图片会变得半透明,OK,鼠标左点你要绑定的图片,此时图片会闪烁几下,这表明绑定成功,在“Hierarchy”区可以清楚看到相应的变化。
8、调整动画:在下方时间线上打关键帧,调整各图片的位置、角度、拉伸等,形成动画(此环节不展开说明,详细教程可在官网找到),要说明的是timeline单位是毫秒。
注意:如果将“Repeat playback”勾选(变黄色高亮),则此动画将永远重复播放;反之,则此动画只播放一遍。(特别提醒:此项设置将带入到Construct 2工程中去,且无法在C2中修改。)
2017年01月03日 01点01分 1
level 11
膜拜邱老师[真棒]
2017年01月05日 11点01分 2
level 3
可以[大拇指]
2017年01月05日 12点01分 3
level 3
xiaohandog 楼主
Spriter文件导入Construct2
第一步:
确保有最新版的插件“scml.rar”
https://dl.dropboxusercontent.com/u/257875422/temp/scml.rar
并解压后安装在C2目录:“Program Files\Construct 2\exporters\html5\plugins”
(安装时,确保construct2当前未运行。)
第二步:
在“File”菜单栏中设置“Other File Options...”,打开三个“Additional data for Authoring Tools”选项,如下:
第三步:
使用“另存为”重新保存你的SCML文件,再次“另存为”SCON文件在同一个文件夹,这两个文件除后缀名以外的名字应该一模一样。
保持此文件夹打开,便于下一步访问。
第四步:
打开C2,新建或者打开你的capx文件,再打开刚才的文件夹,将*.scon文件拖拽进C2的框架frame。
这时程序会询问你想把spriter创建在哪个事件表(event sheet)内。
具体过程可以观看youtube视频如下:
“Reimporting Spriter Scml Animations into Construct 2.mp4”
第五步:
还可以观看youtube教程,学习如何在C2内控制你的新引进或新spriter对象:
“Importing Spriter animations into Construct 2.mp4”
此篇文章是我初次接触spriter的学习心得,在此与诸位分享,希望能共同进步,谢谢!
特别感谢以一本《Construct2游戏程式设计》带我入门的傅子恒老师!
2017年01月05日 12点01分 4
我想了解一下如何插入视频
2020年05月28日 13点05分
level 13
[真棒]感谢分享!可惜我不是吧主加不了精=。=,好忧桑
2017年01月06日 01点01分 5
level 13
寫的太棒啦~~
@sppam 來加精~
2017年01月06日 09点01分 6
[太开心],向傅老师和Rex_RainBow老师学习!
2017年01月08日 04点01分
level 3
非常感谢 刚在steam上买了这款软件[酷]
2017年01月08日 03点01分 7
level 1
[真棒][真棒][真棒]
2017年01月16日 14点01分 8
level 5
汉化版呢?
2017年02月17日 14点02分 9
level 6
顶。
2017年02月24日 04点02分 10
level 5
spiriter挺好用~
2017年02月28日 05点02分 11
level 4
2017年02月28日 08点02分 12
level 2
你好,我是Construct2新手,请问scml.rar这个插件可以发我一份吗?谢谢,上面地址丢失下不到了,另外我暂时是免费的Construct2,可以使用这个插件吗?
2017年04月10日 06点04分 13
1