コメント - Rmake

このコメントは、【トピック】スプライトへのコメントです。

コメントの内容

aoihikawa(投稿日：2011/09/12 13:09/12/11)

描画は上手くできましたか？

アニメーションさせるには、
1画像を1コマとして、切り替えていくことで行います。

つまり、切り抜く前の画像の取得位置を
必要なコマの数だけ変更していくことになります。

例えば、1コマ辺りが150ｘ150、
全体のサイズが横に3枚の画像でしたら

#1コマ目
x =0 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

#2コマ目
x =150 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

#3コマ目
x =300 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

という形になりますね。

この中から、変更されていく箇所だけを
while文で纏めていきます。

#準備
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 

#アニメーションさせる
i = 0
while i < 3
  #切り抜く座標を変更していく
  x = 150 * i  
  
  #変更した座標で切り抜く
  setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh) 
  
  i = i + 1
end

また、画像の拡大/縮小は
ここにsetSpriteScale関数を組み合わせていく形になると思います。

コメントの内容(一番最初の投稿)

aoihikawa(投稿日：2011/09/12 13:09/12/11)

#1コマ目
x =0 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

#2コマ目
x =150 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

#3コマ目
x =300 
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 
setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh)

という形になりますね。

この中から、変更されていく箇所だけを
while文で纏めていきます。

#準備
y =0 
w =150 
h =150 
xx=0 
yy=0 
ww=150 
hh=150 

#アニメーションさせる
i = 0
while i < 3
  #切り抜く座標を変更していく
  x = 150 * i  
  
  #変更した座標で切り抜く
  setSpriteRect(getVariable("s"), x,y,w,h, xx,yy,ww,hh) 
  
  i = i + 1
end

また、画像の拡大/縮小は
ここにsetSpriteScale関数を組み合わせていく形になると思います。