エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
カテゴリ機能で実装したグラフアニメーションの話 - Kyash Product Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
カテゴリ機能で実装したグラフアニメーションの話 - Kyash Product Blog
こんにちは。KyashのMobileチームでiOSアプリを開発している tamadonです。 少し前になりますが、iOS版K... こんにちは。KyashのMobileチームでiOSアプリを開発している tamadonです。 少し前になりますが、iOS版Kyashのカテゴリ機能を開発した際にグラフのアニメーションを実装したのですが自分にとって色々と学びがあったので紹介します。 今回実装したアニメーションはこちらです。 最初デザイナーからこのアニメーションのプロトタイプを共有された時、正直実装方法が全く思いつかず絶望したのを覚えています。 開発が先行していたAndroid版のPull Requestを参考にしつつ試行錯誤した結果、このアニメーションは大きく3つのフェーズに分けると実装できそうという事がわかりました。 点をクルクル回す 各カテゴリの利用額を総額に対する割合で分割し描画する 回転を停止して中央にカテゴリのアイコン画像を配置 また、各アニメーションの実装に使用する座標の計算には三角関数を使えば良さそうだという事