トレリターンズ1:基本アニメーション公式集すっかり冷え込んできた今日この頃、みなさまいかがお過ごしでしょうか。DMスパムに悪さされたり。DMスパムにやられましたChigatterに絡まれたり。これぞ踏んだり蹴ったりの週明けを迎えております。(福田さん、、、私になにか恨みでも。)こういう時は気分を変えて。久々に開発基礎トレでもやろうかと思います。現在進行中のツイピクアートも、なんだかんだ言ってまだまだ自由に作れているとは言えず。整理してからやったほうが精神衛生上よろしいかと思いますので。今回は「オブジェクトの動かし方」をじっくり検証してみます。その2この時はオブジェクトを直線的に動かしながらアニメーションについてお話ししました。アニメここまで~、それじゃ実行~こんな感じでしたね。私の独断と偏見で、よく使うアニメーション動作には以下の4つがあります。/不透明化これを「なるべく簡単に」「なるべく少ない方法で」使えるようにすること。それが今回の狙いです。実現のさせ方が1つではない場合が結構たくさんあります。シーンに合わせた使い分けができるようになっているのでしょうが、そんなこと初心者にとってみれば百害あって一利無し。どれを使えば良いのよ?という泥沼にハマる原因になっています。動きさえすれば先に進めますので、ウンウン悩むより一気に覚えてしまいましょう。これだけ覚えればなんとかなる!「基本アニメーション公式集」です。準備アニメーションの準備は以前書いたものを使います。commitAnimations];ここまではもうバッチリですね。各々の公式を見て行きましょう。※以降の各公式ではpictというUIButtonを用意しています。ボタンを押したら、ボタン自体が動く、ドムドムと同じような形式です。setTransform:translate];たった2行です。・translate変数を渡したsetTransformメソッドを実行し、pictを移動こんな感じ。CGAffineTransformという働き者を使います。気にせずに覚えてください。しても気になったらwikiあたりで見てみましょう。不眠症治療にぴったりです。setTransform:scale];こちらも2行。・scale変数を渡したsetTransformメソッドを実行し、pictを拡大縮小こんな感じ。移動とほとんど同じパターンですね。setTransform:rotate];これも2行。・rotate変数を渡したsetTransformメソッドを実行し、pictを回転こんな感じ。回転量についてが少しだけわかりにくいですね。角度の指定はラジアン角なるものを使います。みなさまよくお馴染みの度。これとラジアン角の変換は以下の式で行います。180※パイはあの3.141592....のアレです。-2.094394...なのですが、M_PIという定数(マクロ?)が用意されていますので、それを使えば細かい値を意識する必要はありません。ここまで3つはほとんど同じパターンで行けました。このパターンさえ覚えておけば上記3つの動きが実装できます。ドムドムで使っていたCGPointMakeも敢えて外しました。これだけ見ればとっても簡単なのですが、このパターンでは他の動きができないので×。setAlpha:0.0];さて、最後の透明化だけちょっと違う公式になります。CGAffineTransformはあくまで変形させるためのものなので、透明化は対応していないのです。ご安心を、こっちのほうが簡単です。読み込むまでもないですね。setAlphaで透明度を指示(0が完全な透明、1が完全なべた塗り)するだけです。いかがでしたか?意外と簡単!これなら覚えられそう!って気になってきませんか?次回この公式を実装したアプリを公開します。コロナの影響?真相を聞いた』(Yahoo!生活系ニュースランキングより)2月17日(月)本日は愛知遠征。いつも泊まっているホテルに着くと、フロントで紙を渡されました。体調不良を起こしていないかどうかを申告するためのものらしく。1熱があるか2咳が出てるか3呼吸が苦しいかこんな感じの設問に対して、当てはまる症状があれば「チェック」を付けてね、とのこと。ワタシは従来冬場は咳が出やすく、今年もコホコホ言っているので、何の気なしに「2」にチェックを付けて出したのですが。笑顔のまま凍りつくフロントのお姉さん(おそらく新人さん)。