hi-posi » スマホ向けFlashサイトを作るには？ 第三回 Swiffy編
『スマホ向けFlashサイトを作るには？』というテーマで更新をしています。 第二回目までは制作までのガイドラインを紹介してきました。 第三回目の今回からは実際のサンプルをHTML化するまで流れを Swiffy編、HTML編と分けてご紹介していきたいと思います。 スマホ向けFlashサイトを作るには？ ■ 目次 第一回 準備編 第二回 Flash編 第三回 Swiffy編 この記事です。 第四回 HTML編 では、第三回目、Swiffy編、はじまりはじまり～ ■SwiffyでSWFをHTML5に変換する！ サンプルとして、シンプルなフリックできるギャラリーを作りました。 まずは、このFlashをSwiffyに変換していきます。 ■Flashのサンプル フリックできるギャラリー 画面をフリックしてギャラリーを送る事ができる。 Swiffyの変換方法は２つの方法があります。 どちらの方法でも非常
hi-posi » スマホ向けFlashサイトを作るには？ 第二回 Flash編
『スマホ向けFlashサイトを作るには？』というテーマで更新をしています。 第二回目の今回はFlash編です。 Flashのステージサイズや、フレームレートなどの設定について書いていきます。 Swiffy変換し、iPhone3G～4Sまで再生する事を想定しています。 ※あくまで自分用の設定なので、もっといい方法あったら教えてください！ ■Flash(Swiffy)側制作のガイドライン(参考値) 開発言語 ActionScript 1or 2で制作する。 SwiffyがActionScript3に非対応の為。 Swiffyの詳細については第三回Swiffy編(近日更新予定)で解説します。 ステージサイズ → iOS用 横 320 px Ｘ 縦 416 px → Android用 横 320 px Ｘ 縦最大 550 px（縦幅は機種によって違う） iOS用をステージサイズによって自動レイアウ
hi-posi » スマホ向けFlashサイトを作るには？ 第一回 準備編
『スマートフォン向けFlashサイトを作るには？』このテーマで、4回に分けて記事にしました。 内容は以下の４回です。 スマホ向けFlashサイトを作るには？第一回 準備編 スマホ向けFlashサイトを作るには？第二回 Flash編 スマホ向けFlashサイトを作るには？第三回 Swiffy編 スマホ向けFlashサイトを作るには？第四回 HTML編 まずは第一回目という事で「準備編」です！ 何のツールを使って、どういう端末でチェックすればいいのかを書きました。 では、はじまりはじまり～ ■スマートフォン向けのFlashサイトを作りたい！ スマートフォンのサイトを作る機会が増えてきました。HTMLとJavaScriptをちくちく書いて作るのも良いけど、Flasherとしては、やっぱりFlashを使ってスマートフォン向けのインタラクティブなコンテンツを作りたい！です。 アプリであれば、Flas
hi-posi » Swiffyを調べてみた。
6/28にGoogleからSWFファイルをiOS等で見る事のできるHTML5コンテンツに変換する「Swiffy」が発表されました。 Swiffy http://swiffy.googlelabs.com/ Swiffy ギャラリー ※アニメーションや簡単なミニゲームが試せます http://swiffy.googlelabs.com/gallery.html [engadget]Google、FlashをHTML5に変換するツールSwiffyを公開より Google が Flashの .swf ファイルをHTML5コードに変換するウェブベースのツール Swiffy を公開しました。Flashプラグイン前提のブラウザ向けに制作した従来の .swfファイルを、iPhone や iPad などFlashが動かないけれど HTML5対応は進んだ環境向けに再利用できます。 Swiffy が現時点で対
hi-posi » 東京てら子10『MOBILE&DEVICE』発表資料
おそくなりました！ 東京てら子10で発表した資料になります。 写真のように手持ちで色々なデバイスを持っているので、 理想とするは、１ソースで、マルチスクリーンで使いたい！という思いで、 Packager for iPhone、AIR for Androidで、共通のテストファイルを作り、結果を表で比較しました。 AIR for Androidと、Packager for iPhoneを比較しました ■iOS (Packager for iPhone) [TABLE=4] ■Android (AIR for Android) [TABLE=5] 以下、各項目について説明します。 ・inch ・Graphics ・解像度 ・ppi これらは説明はいらないですよね。メーカーのサイトをみたり、 Capabilities.screenResolutionX、Capabilities.screenRe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
