アクセシビリティ
デベロッパーリソース

目次

  1. はじめに
  2. STEP 1 ワイノットの Flash Lite コンテンツ制作
  3. PC のコンテンツをケータイに移植する
  4. CPU に負担をかける処理を避ける
  5. STEP 2 PC で MIDI ファイルを鳴らしてみる
  6. PCでMIDIファイルを鳴らしてみよう！
  7. ライブラリにサウンドを追加する
  8. STEP 3 新しいユーティリティを使ったアイデアコンテンツ制作
  9. 505i 用の着メロ試聴コンテンツを作る
  10. リンケージを設定する
  11. すごく簡単! Flash Lite!

Ynot における Flash Lite 活用法

STEP 1 ワイノットの Flash Lite コンテンツ制作

PC のコンテンツをケータイに移植する

Flash Lite は一部のアクションを除き、Flash 4 とほぼ同等のコンテンツを再生できます。 一見“魅力的な仕様”という様に感じます。
Flash 4 のスクリプトを極限まで引き出したコンテンツを！と思わず言いたくなりますが、まず私達は“多くの方にグリーティングカードを使って欲しい”そんな思いから PC で提供しているカードと同じものが見れるように携帯に移植する、というチャレンジを行いました。

DoCoMo 505i、505is、506i シリーズと、Flash Liteの主な特徴

とても期待が大きい Flash Lite の仕様内容ですが、その Flash Lite の仕様内容は、２世代前 (Flash 4 ベース) の環境、せっかく覚えたドットシンタックスではなく、 telltarget を基本とする、非常にプアーな開発環境にもどったと言えます。

逆にいうと、シンプルで簡単にコンテンツを制作できるので、制作者にとってはうれしい仕様であり、より多くの Flash クリエーターの方々にコンテンツ制作のチャンスがあると理解できます。

以下に Flash Lite コンテンツ制作に当たっての基本的な特徴を大雑把にですが羅列します。（詳しくは Macromedia Flash Lite オーサリングガイドをご覧ください）

  • Flash 4 互換: Flash 4 形式でパブリッシュするだけで再生可能。ActionScript は loadMovie など外部へのムービーのアクセスやマウスがないのでマウスイベントなど一部制限あり。
  • Flash Lite Player は実機 CPU パワー依存度がかなり大きい: 実機でのテストが必須
  • 実機の画面が高解像度 QVGA (240 x 320): 以前までの携帯コンテンツがかなり小さく表示されてしまう。
  • ページの表示サイズは 20KB まで(SWF, CHTML を含む): ただし SWF を直接指定できるので、その場合最大 20KB まで表示できます。
  • CHTML 内 (object タグ内) ではボタン操作不可(アニメーションの再生のみ): SWF を直接指定する事によってボタン操作やインタラクティブなコンテンツを再生する事ができます。
    ※画面メモにて待ち受け画面に設定する事も可能
  • サウンドはボタンクリック時のみ再生 (※サウンドについては、STEP 2 で説明いたします): イベントサウンド、ストリーミングサウンドはサポートされていません。505i、505is、506i シリーズがサポートしているサウンドファイルは MFi ファイルになります。
  • 再生フレームレート: コンテンツ、CPU に依存しますがは6～8くらいが適当ですが、コンテンツの内容によります。

PC のコンテンツをケータイに移植する

まずはワイノットの人気のカードである、「蟻がとう」というカードをご覧ください。 私達はこのカードをそのままのルックで Flash Lite に移植しようと考えました。

警告このコンテンツを視聴するには Flash が必要です

このコンテンツを視聴するには JavaScript が有効になっていることと、Adobe Flash Player の最新バージョンが必要です。

今すぐ無償配布の Flash Player をダウンロードしてください

Adobe Flash Player を入手

このカードはワイノットのインハウスデザイナーのものなので、変更が容易である、という事も重要な条件です。

Flash Lite版は以下のようになりました。

警告このコンテンツを視聴するには Flash が必要です

このコンテンツを視聴するには JavaScript が有効になっていることと、Adobe Flash Player の最新バージョンが必要です。

今すぐ無償配布の Flash Player をダウンロードしてください

Adobe Flash Player を入手

一見凄く簡単な移植作業に見えます。

  • シンボルの配置が変わった
  • ボタンアクションがなくなった

くらいの変更点しかわかりません。

当初このカードは Flash4 で作られたもので、そんなに重くもないので、すぐに再生できるだろう、そんな甘い思いでスタートしました。

大方の予想と反し(予想通り?)そのままで再生すると、以下の様に表示され再生が止まってしまいました。(画像 1)

表示され再生が止まってしまいました

画像 1：しかしファイルサイズは 16KB なのでサイズ的には問題なさそうです。

パスの表示数の制限

PC でもパスの表示数が多いと再生がおそくなる事があります。 Flash Lite では、それが顕著に表れ、再生が止まってしまいます。 CPUパワーがパソコンに比べ脆弱な為、1 フレームに表示させるパスの数が制限されており、それを超えると、アラートが出て、再生がストップしてしまいます。(画像 2)

再生が止まったフレームをアウトライン表示

画像 2: 再生が止まったフレームをアウトライン表示。同じシンボルでも、表示されているパスが非常に多く Flash Lite には適していない。

パスを画像に置き換える

問題なのは、1 フレームにあたりのパスの多さです。私達はまずパスの数を減らす為、蟻一匹一匹の動きを画像に置き換えました。 "画像にする"と聞くと重くなりそうですが、小さい GIF であればそんなに重くないですし、パスの数を大幅に軽減できました。(画像 3)

パスと画像の置き換え

画像 3: パスと画像の置き換え

画像に置き換えると4 本のパスで済みます。Flash Lite では、サイズ(重さ)の制限よりも、表示れているパスの数がもっとも重要な要素となります。

ビットマップに置き換えて同じシーンを表示。(画像 4)

今度は再生が止まる事なく、最後まで再生できました

画像 4: 今度は再生が止まる事なく、最後まで再生できました。

ページ 2 / 8
前のページ
次のページ