その後のその後

iOSエンジニア 堤 修一のブログ github.com/shu223

アニメーション

Facebook Paper のアニメーションエンジン「pop」のソースコードを読んでみる

先日公開されたFacebookのpop、アニメーションライブラリですよとリリース前から言われてたものの、popについて語られるときは大抵「Paperアプリのテクノロジーをオープンソース化」という枕詞がつくので、Paper風UIコンポーネント(ジェスチャーでヌルヌル…

iOSのカスタム画面遷移64種類を試せるサンプルコードを公開しました

リポジトリだけつくって、ずっと放置してた 「iOS のカスタム画面遷移ギャラリーアプリ」 にやっと手をつけて、64種類 を試せるようにして公開しました。 https://github.com/shu223/AnimatedTransitionGallery なぜつくったのか iOS 7 から UIViewControlle…

パスに沿ってアニメーションさせる

Core Animationを用いると、UIViewのアニメーションと比較してより自由度の高いアニメーションを実現できます。たとえば、CAKeyframeAnimation に Core Graphics で描画したパスを渡すことで、円に沿ってアニメーションさせたり、放物線状にアニメーションさ…

UIKit上でパーティクルエフェクトを表示する

iOS5より、Core Animationでパーティクルシステムがサポートされ、UIKitで実装されたUI上でパーティクル表現を簡単に行えるようになりました。 ここでは CAEmitterLayer と CAEmmiterCell を用いたパーティクルエフェクトの基本的な実装方法を説明し、入れ子…

シンプルで使いまわしやすいトゥイーンライブラリ "AHEasing"

以前 gihyo.jp に『様々なアニメーションを実現するiOSアプリ用トゥイーンライブラリ3種を比較!』という記事を書かせていただいたのですが、そこで紹介した3つよりも良さげなトゥイーンライブラリがあったので、紹介します。 warrenm / AHEasing まだデモ…

放物線状にアニメーションさせる

というタイトルで、はじめて Qiita に投稿してみました。 http://qiita.com/items/2269 (Twitter/Github/Hatena と同じ shu223 というIDです) ちなみにこんなコード。 + (void)startJump:(UIView *)view startPos:(CGPoint)startPos targetPos:(CGPoint)ta…

CATransform3D で 複数軸に沿って回転させる場合の注意点

たとえば、 y軸について110度回転 z軸について30度回転 CATransform3D transformY = CATransform3DRotate(transform3D, DEGREES_TO_RADIANS(110.0), 0, 1, 0); CATransform3D transformZ = CATransform3DRotate(transform3D, DEGREES_TO_RADIANS(30.0), 0, 0…

コードスニペットまとめサイト

UIViewのブロックアニメーションについて調べようと検索かけてみたら、偶然便利そうなサイトを発見しました。 Code Snippet Collection 試しにLanguagesのタブからObjective-cを選んでみると、 http://icodesnippet.com/language/objective-c/ ざくざく出て…

ビューのトランジション(画面遷移エフェクト)を自作する際に参考になりそうなサンプルコード

いつも勉強会で大変ためになる話をしてくれる岸川さんのgithubでみつけたソースコード。 FlipCardNavigationView キャプチャ画像だと伝わりにくいですが、マス目をタップするとそのマス目が回転しつつ拡大しながら画面遷移する、というものです。 どう実装し…

アニメーションをAS3のTweenerっぽく書けるObjective-Cライブラリ TweenC

フリーで公開されてるライブラリ。 http://www.tweenc.com/ iPhoneにおけるアニメーションをこんな感じでTweener風に書けるようになります。 // animationViewを1秒かけて(20, 400)に移動させる [TweenC animateView:animateView withAnimation:kTweenEaseIn…