HSPTV!掲示板

Apple 製品を使ってると、きれいなアニメーションに目を奪われてしまうのですが、
いざ、それを自作しようとすると、なかなかうまくいきません。

きれいなアニメーションを作るコツはありませんか？

とりあえず何をアニメーションしたいのかｋｗｓｋ
・画面の一部を書き換える
・画像を指定位置に連続で貼っていく
・映像データを流す
等の方法が思いつくが……

>YSR さん
Library の丸いアイコンを下から、スッと出したり、フェードインさせたりしたんですが、
なんか、速度というか、タイミングというか、、、

いろいろ、うまくいかないんです。

下からスッ、というのが曖昧でよくわからないが、
簡単な方法としては加速度、減速度をつけてみればいいと思う。

>NO.60400
なんだ、そういうことか……
じゃあまずは教科アイコンをButton.pngから分離させないとね
(ちゃんとボタンの判定が円になってることにさっき気付いた)
後はボタン画像を動かすようにコードを書けばいいんじゃないかな

例：
「背景画像を描く」→「ボタン画像を重ねて描く」処理を繰り返してアニメーションに見せる
(もちろんredrawを挟んでちらつきを無くすことは忘れずに)

座標はx,yです
速度はvx,vyです

で、まずアニメーション開始に一回フレームに速度を一定値に代入しましょう
速度に毎フレーム加速度を加算(負の値を)するか、速度に毎フレーム0〜1の数を乗算すれば減速しぬるっと動きます
ただしこれでは停止する座標は指定できませんが……

こちらのサイトオススメです。
http://hakuhin.jp/as/move.html#MOVE_02

アニメーションですか…

恐らくフェードインまたはフェードアウト等における、不透明度や位置といった値の制御の仕方についての質問だと思いますが、そういった制御手法全般は一般的にはイージングと呼ばれます
イージングを使うとUIの操作感が改良されるため、特にUIが重要なブラウザ上での動作制御などでは多様なイージング手法が使われています
イージング処理の計算式自体は結構簡単ですし、調べればすぐでてくるので貼っておきますね

イージング処理の計算式
http://d.hatena.ne.jp/nakamura001/20111117/1321539246

また、同時に結構最近なのでホットな話題に入ると思うのですが、こういったイージング処理のための関数がこの前のOpenHSPの更新に入っています

OpenHSP チェンジセット 617
http://dev.onionsoft.net/trac/changeset/617

HSPの次のバージョンからは、標準でイージング処理ができるようになるんじゃないんですかね

>check さん
なるほど。いいアドバイスありがとうございます！

>YSR さん
やはり、バラバラのほうがいいですね。ありがとうございます！

>（’’ さん
そういう風にコードを書けばいいんですね。わかりました！ありがとうございます！

>新入りさん
なるほどです。勉強になります！ありがとうございました！

>3k さん
イージングですか。3k さんに教えてもらうまで知りませんでした。
HSPでも実装できるんですね。とても興味深いお話、ありがとうございます！

みなさん、本当にありがとうございます！
僕もがんばります！