Quantcast
Channel: サルでき.jp | Akari | 活動
Viewing all articles
Browse latest Browse all 7

Akari が講義お題「CAKeyframeAnimationのイージングについて」を開始しました (寺子屋 教えて!iPhoneアプリ開発全般)

$
0
0

Akari が講義お題「CAKeyframeAnimationのイージングについて」を開始しました (寺子屋 教えて!iPhoneアプリ開発全般): はじめましたて、Akariと申します。 よろしくお願い致します。 CAKeyframeAnimationのイージングについて質問なのですが、 CAKeyframeAnimationを利用して、パスにそってアニメーションさせる実装をしているのですが、イージングがうまく適用されません。 内容は、6つのラベルを270度(時計の12時)から90度(時計の6時)の間で、扇を開くようにそれぞれ15度ずつずらして、円のパスに沿ってアニメーションさせています。 一つ目のラベルが270度から285度へ、2つ目のラベルが270度から300度まで、というように同じ開始位置からそれぞれ+15度の角度まで、「同じ再生秒数」で「同じイージング」で行なっています。 この場合、扇を開くように少しずつズレた速度でアニメーションしてくれることを期待したのですが、0度以上の角度までアニメーションする、5つ目と6つ目のラベルだけが、出だしが早く、0度の位置から急に速度を落として停止し、イージングがうまく適用されません。(※1〜4までのラベルは扇を開くように綺麗にアニメーションしてくれます。) 以下が実装です。 - (void)startAnimating {  float radius = 200;  //半径 float centerX = 15;  //円の中心座標x float centerY = 230; //円の中心座標y float duration = 3;  //再生時間  CAKeyframeAnimation *ani = ; ani.delegate = self; CGMutablePathRef aPath = CGPathCreateMutable();  //円弧パスの作成(270度から30度の角度まで) CGPathAddArc(aPath, nil, centerX, centerY, radius, DegreesToRadians(270), DegreesToRadians(30), NO); ani.path = aPath; ani.duration = duration; [...]


Viewing all articles
Browse latest Browse all 7

Latest Images

Trending Articles



Latest Images