編集部からのお知らせ
記事まとめ「サードパーティークッキー問題」公開
記事まとめ読み:GIGAスクール

Leopard解体新書--第8回:Core Animationで1000 Songsに挑戦

木下誠(HMDT)

2007-12-06 17:57

 前回に引き続き、Core Animationの話をしよう。

 Core Animationが始めて紹介されたのは、WWDC 2006のLeopardプレビューにおいてだ。そのときは、iPodのCMである「1000 Songs」をCore Animationで再現したデモを流し、開発者達に大きな興奮を巻き起こした。

1000 SongsのCM 1000 SongsのCM

 1000 Songsは、iTunesが持つアルバムのカバー画像を使って、アルバムタワーを作り上げていく映像だ。膨大な数の画像が、次々とアニメーションを繰り返していく。

 今回は、この1000 Songsデモの再現に挑戦してみよう。

レイヤーを用意する

 Core Animationでは、「レイヤー」と呼ばれる構造を基本として、アニメーションを行う。レイヤーは、セルアニメーションのレイヤーと似たようなものだと考えてほしい。複数のレイヤーを重ね合わせて、それらを別々に動かすことでアニメーションを実現するのだ。

 まず、背景となるレイヤーを用意しよう。Core Animationのレイヤーは、指定した色で塗りつぶすことができる。今回は、黒で塗りつぶしておこう。

 また、画像を表示する領域のレイヤーも、別途用意しておこう。今回の目的は、画像の「タワー」を作り上げることなので、このレイヤーをウォールレイヤーと呼ぶことにする。ウォールレイヤーは、分かりやすいように、グレーで塗りつぶしておく。

背景とウォールレイヤー 背景とウォールレイヤー

ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)

特集

CIO

モバイル

セキュリティ

スペシャル

ホワイトペーパー

新着

ランキング

  1. 運用管理

    最先端のデータサイエンティストでいるための5つのヒント—AIによる高度化でデータの達人であり続ける

  2. ビジネスアプリケーション

    経理部門 554人に聞いた「新しい経理部門の働き方」 その実現に向けた具体的な行動指針を解説

  3. セキュリティ

    パンデミックに乗じたサイバー攻撃に屈しない 最新の脅威分析レポートに見る攻撃パターンと対応策

  4. 運用管理

    DX時代にIBM i は継続利用できるのか? モダナイゼーション実施で考えておくべき5つの視点

  5. セキュリティ

    サイバー攻撃でPCに何が起きている? サイバーディフェンス研究所の名和氏が語るフォレンジックのいま

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNet Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]