wintermute学习笔记[10]--sprite

clockworkman

这几天比较忙，更新放缓。其实我一直很怀疑到底有多少人在看- -
! [9 Y9 j8 Z% d% z) l2 T$ y, `
" W9 w: v/ D: ?+ M9 W5 R
[Sprites]
/ s# J# T. O2 K. ^' g4 m
8 v, R, v7 I: e$ H) a% }Sprite是wme所使用的基本图像元素。Sprite文件可以是单幅图像也可以是一段动画，动画sprite由一组连续的图像组成，按一定时间间隔播放，并可以包括音效。

" r8 U- u) F- o9 w3 NWME提供SpriteEdit创建动画sprite。

) i; A" r. J4 g% C3 _" J) k* a动画的一帧并不一定只是一个图像，可以由多个图像组成，称为复合帧(subframes)。有时候这很有用，比如你制作了一个男子的行走动画，只需要单独绘制一个帽子并组合一下，就可以变成一个戴帽男子行走的动画。

, Y! g; X" Q0 Q可以在PM中新建sprite并调用SpriteEdit编辑，或者直接打开SpriteEdit新建一个。

8 }# \. g6 W4 m[SpriteEdit 简介]
+ f) Y& E* i" ]$ i. e) `/ c
" w/ c  |# x# P
$ I6 p) u2 c0 {# q0 {SpriteEdit的界面非常直观。左上部分显示并管理各个帧。
# n! o4 C7 b2 y, |0 O2 M

! F  h% W2 m0 b. B* i& N

2 Q7 n0 C2 B3 @& v4 z' ~
上图左上角的一排按钮可以测试动画。Looping选项决定动画是否循环播放。下一排最左边的上下箭头改变各个帧的顺序。最右边三个按钮可以添加帧、添加复合帧、删除帧。
+ J1 z/ x+ l. I$ t) S( E% @6 v! {% n 
) R  o- U4 `  K3 O! F6 t6 e提示：选择Add frame(s)后可以选择多个文件。

; }1 z$ z' w" F% U& B2 L左下方是属性栏，可以更改每一帧的属性。


0 E. _5 B) V. ~/ J5 G; W3 x+ T1 M
3 f, S+ G9 {* K- J+ \/ N& X
延迟Delay-指定这一帧持续多长时间，以毫秒为单位
( H0 |1 P/ p6 b2 Y9 j4 x5 P  t
移动距离Move by-设置后，当对象（角色或是实体）使用这个sprite后，每播放一次就会移动一段距离，两个栏分别填写x、y轴方向上移动的距离。（例如角色向左行走的动画，就可以填写-12,0，这样每当角色使用这个sprite，就会向左移动12像素）
" ?& {2 w" @0 j2 x& G# n$ y* }
0 x- d9 ^2 S- M1 ~$ o声音Sound-可以为帧指定声音。

3 N8 X4 Z- k3 I事件Event-当这一帧播放时可以运行一段脚本。

# s' O) }  ?9 Q( t关键帧Keyframe-暂时用不上
3 l& x& V% a& C# I
屏蔽声音Kill sounds-每当这一帧播放时，其他帧的声音就停止播放
  P7 A3 R0 i. F, W
图像Image-这一帧包含的图像
: G. R; P9 D8 ^
1 K; }7 E# m0 g3 o5 T) e焦点Hot spot-指定了这一帧的基准点

- m, p" a4 s7 V9 T) x透明Transparent-指定透明色，默认为粉色（RGB(255,0,255)）
4 @# r) X! v! b; `
) {2 G. R# j8 J" NAlpha color/不透明度Opacity-指定遮罩的颜色和不透明度，只在加速模式下有效。

装饰帧Decoration subframe-勾选后在游戏中无法与之互动，只作为装饰。
- H" H/ q5 U& a0 e7 _ 
提示：一些属性点击后面的Apply to all frames（两个文件夹一样的图标）后，可以应用到所有帧。

选择Properties选项卡可以设置属性。
; m5 Y; r) N1 W


5 M5 C7 N; R9 [* {2 w
; e9 z& Y' p6 o! G$ p+ r名称Name-sprite的名称
, V' J# V' `/ |: u7 F$ ^, n5 }
5 m; }9 X8 d' a2 |0 s) d' m循环Looping-是否循环

连续Continous-勾选后动画不会在中途被打断

- S, ]1 [5 C3 e: X4 `精准范围Pixel precise-勾选后游戏中鼠标移动到不透明的地方才有反应，不勾选则整个图像包括透明色都可以点击。

! u* S; I- u7 P) C. ]流动画Streaming animation-不储存在内存里，每一帧都直接从硬盘读取，适合漫长的动画

5 J9 x! a7 Y, r( t8 \屏蔽声音Mute sounds-只在编辑时有效，勾选后在SpriteEdit编辑时不会播放动画的声音

脚本Scripts-可以添加脚本控制动画的播放
5 i# O% R+ |" G2 |2 b8 N
最后在编辑时可以设置背景图片供测试用，点击View菜单并选择"Backgroud image..."来设置背景图片。

纸儿

举手～其实我有在看哦～虽然基本上都是保存页面……> <
其实看得有点晕，可能是还不熟悉这个吧～

8 p& q0 J6 }! j; y7 q做这个似乎要找时间挖一下图片呢，默。

P.S LZ 可以提供一下这个教程所用的图片么？我觉得一模一样的照做一次似乎可以更好上手……
) I2 u6 ~( b! O: I+ U; W! Q' dP.P.S 额额……精灵这里就已经完了么这部分？脚本其实基本上是用什么语言的呢？有没有什么基础的模式？（我对脚本菜鸟中的菜鸟呢，不要扁我> <）
, m# D& C9 Y9 [5 n" |5 p
希望大大继续发笔记上来呢～这是很好的指路明灯啊～呵呵[s:68]

clockworkman

原来真的有人看啊！说实话因为在自己研究教程无限放缓了。
9 o! z" y. F; S  @2 ]" ~
7 }' n  }( s4 c9 R$ F" v! j$ N/ a9 S图片在demo里已经提供了- -
  Y) ~& t, `( q8 m* j5 h; i
1 m  D3 `2 ~" @1 @3 ?, Q8 z精灵只是介绍一下SpriteEdit工具的用法，脚本使用的是一种类似JavaScript的语言.什么是基础模式- -

要使用wme的话最好有一点编程基础，看了之前那些教程了解场景构建后，之后就打开demo研究吧.
http://res.dead-code.org/doku.php/wmebook:start这个在线wme book不错，有专门一章讲解脚本入门，英文，之后可以考虑翻译这个

706d

我也在看，期待楼主更多实例教程

shane007

引用第3楼706d于2010-10-07 13:04发表的 :
我也在看，期待楼主更多实例教程

* P; O/ W. V4 l+ W# W5 a
! `7 [) k  n' I7 j2 s- ~这位朋友，请留下qq，以备日后联系。

706d

qq 41778775

clockworkman

实例教程可以考虑翻译wme book中的章节.

2 t6 O5 J3 x2 i# F+ [. w0 P; E8 X但是目前得到的反馈很少，不知道有没有做的必要- -我也还在努力研究，拿得出手了应该会写的.

侠盗罗宾

一直在研究LZ的教程，就是有一点想请LZ改进，就是能不能把WME换成中文的，虽说没什么问题，总是看起来有点不方便[s:77]

clockworkman

只有projectman的汉化包。
$ _& G2 p! ~- L' v2 ~2 O! {% a7 q
' e( W7 E( l, k" o! y0 F抱歉我不懂软件的汉化- -

tyfeng1220

看过一段时间了，貌似你没更新了啊，我对脚本语法还不太熟，能写写这个这方面的笔记吗