HSPポータル
サイトマップ お問い合わせ


HSPTV!掲示板


未解決 解決 停止 削除要請

2014
0302
ヒラギノアニメーションについて8未解決


ヒラギノ

リンク

2014/3/2(Sun) 13:45:27|NO.60396

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

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



この記事に返信する


YSR

リンク

2014/3/2(Sun) 14:07:19|NO.60397

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



ヒラギノ

リンク

2014/3/2(Sun) 14:23:29|NO.60400

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

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



check

リンク

2014/3/2(Sun) 14:50:58|NO.60402

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



YSR

リンク

2014/3/2(Sun) 15:01:58|NO.60404

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

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



(’’

リンク

2014/3/2(Sun) 15:31:42|NO.60405

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

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



新入り

リンク

2014/3/2(Sun) 18:14:39|NO.60407

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



3k

リンク

2014/3/2(Sun) 19:37:47|NO.60412

アニメーションですか…

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

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

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

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

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



ヒラギノ

リンク

2014/3/2(Sun) 22:18:33|NO.60420

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

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

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

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

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

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



ONION software Copyright 1997-2021(c) All rights reserved.