TOPページ > カテゴリ別表示 : flash
本文開始▼
adobeにこんな記事が。米国カリフォルニア州サンノゼ発（2008 年7月1日）Adobe Systems Incorporated（NASDAQ: ADBE）（本社：米国カリフォルニア州サンノゼ、以下アドビシステムズ社）は、検索業界の先進企業と提携し、ダイナミックなWebコンテンツやリッチ インターネットアプリケーション（RIA）の検索精度を大幅に向上するという計画を発表しました。
http://www.adobe.com/jp/aboutadobe/pressroom/pressreleases/200807/20080703_rseachengine.html
今までSEOの観点からFlashやAjaxなどを利用したコンテンツは懸念されることも結構あったわけだけど、近い将来HTMLと同等のSEO対策が施されたFlash・Ajaxコンテンツが出てくるのでは？
静的なHTMLに代わってFlash・Ajaxコンテンツがスタンダードになるのも時間の問題か。
ついに知る人ぞ知るFlash OOP本の新作が登場しますね。
その名も『FLASH OOP for ActionScript 3.0
前作『FLASH OOP (Advanced Web design books)
両者とも趣が違うみたいなので、Flashユーザーは両方買うべし。ちなみに、OOP（オブジェクト指向プログラミング）とありますが、OOP入門者向けではなく、ある程度OOPに慣れた人向けの本です。一通りコンテンツは作れるんだけど、さらに上を目指したいって人は是非。
ちなみにこれらの本は中村勇吾氏やコリン・ムック氏のお墨付きです。
flash CS3 を購入して数ヶ月経ちましたが、忙しくなかなか触る機械がありません。CS3どころか 8 すらまともに触ってない… それが起因となった問題をちょっと紹介。
こんな感じのマップを作っていたんですが、挙動がどうもおかしい。具体的には、マップ拡大時横スクロールを何度かすると急に動作が軽くなるというもの。
http://www.mdn.co.jp/webcre/Flash/Vol39/html/sample.html
何でだろうと数時間悩んだ結果原因が発覚。flash 8 から実装されたランタイムビットマップキャッシュが有効になっていたのが原因。
この機能を使えばベクトルデータがビットマップとしてキャッシュされるので、複雑なベクトルデータを扱う際、大幅なパフォーマンスの改善が期待される。ただし、効果を発揮するのはxy軸移動する時くらいで、それ以外の動作を頻繁に行う場合はそのつどキャッシュされるようなので、かえって動作が遅くなる。今回のケースもそれが原因の模様。
この特性を理解して、さらにAS3を駆使すれば大幅なパフォーマンス改善が期待できるかと思う。
ついに flash CS3 adobe AIR エクステンションが公開されましたね。
http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update
AIRアプリも思った以上に簡単に作れるね。
パブリッシュ設定で書き出すバージョンをAIR1.0に設定して、一旦パブリッシュした後、メニューバーのコマンドからpackage AIR file を選ぶだけ。
ローカルのデータがいじれるってことは、webサイト的なインターフェイスをもったアプリとか出て来るんかいな。
今さらながらFlash8を買ってしまったので、Flash8ユーザーのみが無料入手できるFlash Professional 9 ActionScript 3.0 Previewダウンロードしてみた。どういうものかというと、flash8をベースにactionscript部分のみが次期バージョン（3.0）に対応しているといった具合（ただし、インターフェイスは英語になっている）。
使い方はパブリッシュの設定でactionscriptバージョン項目を3.0に指定するだけでOK。他はflash8と変わりなし。リリースされたのが結構前ということもあってか、as3.0のコードヒントが中途半端ですね。特にasファイルのエディタ関してはコードヒントは無いに等しいのでメイン側のエディタで記述してからasファイルにコピペしたほうがよさげ。
とりあえず、as3.0でオブジェクト指向プログラミングをする場合の最も簡単な例をあげます。この例ではメインのタイムラインには何も記述せずasファイルだけでプログラムを動作させています。
package {
import flash.display.*;
import flash.text.TextField;
public class HelloWorld extends Sprite
{
public function HelloWorld()
{
var txt:TextField =new TextField();
txt.text ="123";
addChild(txt);
}
}
}
まずpackage。これはas3.0でclassファイルの記述する場合必須となります。classファイルはpackage（ディレクトリのようなもの）で管理されます。
次にimport。これは他のクラスを読み込む際に利用します。ちなみにflash.displayパッケージにはSprite、MovieClip等表示に関するクラスが含まれています。サンプルでは*（ワイルドカード）を使用しているのでflash.displayパッケージ内すべてのクラスを読み込んでいます。
今回はメインタイムラインに一切手を加えずflashを動作させるということなので、swfの実行時に自動的にclass実行させる必要があります。これはas3.0からの機能です。ステージのプロパティでDocument classという項目に実行させたいクラス名（例：HelloWorld）を入力します。これでルートにHelloWorldクラスが関連付けられます。
それに加え、classファイルのpublic class HelloWorld extends Sprite{}の部分ですね。publicとextends Spriteが肝となります。publicはルートからのアクセスを許可し、Spriteクラスは画面表示の基盤となります。どちらかが欠けていても動作しません。（ただし必ずしもSpriteである必要は無くSpriteクラスを継承しているクラス（MovieClipクラス等）であれば実行可能）これでswf実行時にHelloWorldクラスコンストラクタが実行されます。
TextFieldクラスはas2.0と同じなので省略します。
最後にaddChildメソッド。addChildメソッドを使用しSpriteクラスやMovieClipクラス等（コンテナ）にtxtを吊るすことで表示させます。
とこんな感じでだいぶ殴り書きっぽくなりましたが、一応自分用ﾝのメモと言うことで。。。
米adobeからついに次世代Flashを始めとするありとあらゆるオーサリングツールが発表されました。
http://www.adobe.com/products/flash/?xNav=WPFL
どうやら、旧マクロメディア製品は完全にアドビに吸収された模様です。Flashの名称もadobe Flash CS3 professionalになっています。他の製品も名称はCS３に統一されています。なんかphotoshopのレイヤーごとFlashに持っていけるようになっているのでかなり製作効率あがりそうですね。スライスする必要もなくなるし。flash自体のオーサリング機能自体も大幅強化されているみたいです。
つ、ついにあの人気のFlashアニメ、やわらか戦車とくわがたツマミがコラボ！ただし、今作は予告編的な扱いなので、そんなに目新しいものは無しデス。
というか、くわがたツマミがライブドアに引越しし統合されたみたいですね。それでコラボしたとかしないとか。両方同じ作者だけど、コラボものは個人的に好きなので展開が楽しみです。
http://anime.livedoor.com/theater/2.html
as2.0対応ということなので、本書の多くのサンプルでカスタムクラスを使用しています。単純なサンプルでもあえてカスタムクラスを使用していたりするので、情報を吸収し易いつくりになっています。また、本書冒頭に「早わかりActionScript2.0」というものがあるのですが、クラスメンバーとインスタンスメンバーの違いなどが説明してあって、個人的にこれが案外役に立った。また、サンプルのバリエーションも幅広く、実用的なものばかりなので嬉しい限り。一応、Flash8向けに書かれていますが、Flash MX2004でも十分流用可能ものばかりなので一安心。（ただし、付属のサンプルCDはflash8形式で保存されているのでそれ以下のバージョンだと開けません…）
ただ、本書はあくまでサンプル集なので、オブジェクト指向言語の概念の説明や、各種クラスのメソッドやプロパティの説明はほとんど無いので、事前にある程度オブジェクト指向言語を知っておく必要があります。またメソッドやプロパティを調べるためにリファレンスブックは必須です。（リファレンスブックはActionScriptビジュアル・リファレンス
xhtml+cssでプルダウン式ナビゲーションを作る際、 その部分が他のコンテンツと重なることになるわけだが、 その対象がFlashである場合、ブラウザによっては問題が起こる。 Flashの配置位置はブラウザが勝手に決めてしまい、z-indexプロパティで変更することができない為だ。そこで役に立ちそうな記事を発見。自分もまだ試してないけど、検討してみる価値はあるかも。
土曜の夜１１時頃に、「カワズ君の検索生活」っていう番組がやっているんだけどご存知でしょうか？くりーむしちゅーとかオセロが出てる番組。番組のコンセプトは人気検索キーワードに着目して、それに関連する情報を提供するっていうもの。以前から放送している「爆笑問題の検索ちゃん」と基本的なコンセプトはおなじだけど、カワズ君の検索生活のほうが人気動画やflashなども取り上げているので実用性ありかも。
で、今回取り上げられていた話題で気になったもの。
まず「パルクール」。パルクール（Parkour /しばしばPKと略される）とは、一切の道具を使わず自らの肉体だけで障害を跳び越え、攀じ登り、またその上から飛び降りながら移動するフランスが起源の移動技術体系である。その性質上エクストリームスポーツに分類されることが多い。しかし、パルクールは「Art of movement（移動の芸術）」とも呼ばれ、エクストリームスポーツではないという考え方も存在する。また、スポーツや哲学などの幅広い側面を持っている。パルクールにおける障害物は主に壁やレールなど人工物が多く、その練習は主に都市部で行われる。パルクールの実践者はトレーサー (traceur) と呼ばれる。
この手のパフォーマンスはジャッキーチェンがよくやっているけど、実はフランスが発祥地なのか？？
「オフィちゅラブ」は上司の目を盗んでキスをし、その回数で得点を競うというFlashゲーム。単純明快なゲーム性だけど、デザインが洗練されているので安っぽさを感じさせない作りになっている。自分もFlashを作っているわけだけど、やっぱアイデア勝負の世界なんだなと実感。技術者指向の自分にとっては少々複雑な気持ち。。。この手のゲームなんて1日そこらで作れてしまうわけだし。
そして「キリストの絵が浮かんでくるトリックアート」。これは残像を利用してキリスト見えるというもの。実はこの絵、白黒反転させているだけだったりする。白黒反転させると普通にキリストが表示されます。
flash用コンポーネントGIZMO。仕事で使うかもしれないので、勉強がてら紹介。
GIZMOとはFlashの拡張機能で、今流行りの（？）ウィジェット（ガジェット）を作成することが出来ます。Flashでデスクトップツールを作っても需要無さそうだと思ったけれど、色々と調べてみたら、Flash単体では不可能であるディレクトリの作成やファイルの書き出し機能があるみたいで、本格的なアプリケーションも制作可能かも。ステージサイズの大きなアプリを作ると重いのが難点だけど。
前回の記事にも取り上げたくわがたツマミですが、ファンに朗報です！
1月19日より全ての作品が公開されることになった模様です。半年くらい前までも常時全話公開していたのですが、それ以降は毎週1話／数話の公開と制限がかけられていました。今回、再び常時全話公開となったので、好きなときに好きな話を見れますね～。嬉しい限りです（´ω｀*）
--追記--
先日、公式サイトがリニューアルされました。それに加え新作も追加されたので要チェックです！
やわらか戦車でおなじみのラレコ氏が作成するFlashアニメーション「くわがたツマミ」の公式サイトが見れなくなって早数週間。。。サーバーメンテナンスのためとか書いてあった気がするけど長すぎ。。。
そんなこんなでラレコ氏のポートフォリオサイトから、くわがたツマミのサイトに移動してみたら普通に表示できた。どうやら知らぬ間に「www」を省略出来なくなっていたみたい。メンテナンス期間中だけかも知れないけど。それはそうと、久々の新キャラ「ツネリ」ちゃんが登場ですね～。
--追記--
この日記を書いた翌日からwww省略しても以前と同じように表示されるようになったみたいです。自分が書いた日記が密かに影響！？（んなわけない。
いよいよやわらか戦車9話が公開されましたｗ今回は歌モノであり、ご飯モノでもありますｗ
http://anime.livedoor.com/theater/2.html
何度見てもラレコ氏のFlashは良く出来てるなと感心。アニメーションとしてクオリティ、洗練されたテイスト、絶妙にマッチした音声、そしてキャラクターの可愛らしさどれをとっても最高です。
それにしても、やわらか戦車グッズたくさんでてるなぁ。。。ちょっとほしいかもｗ
やわらか戦車 The Legend of the Yawaraka Tank
RUNA やわらか戦車 クリアカバー for 2nd iPod nano 4000028901
やわらか戦車（book）
やわらか戦車の退却アクセ ver.1.5 10個BOX （食玩）
やわらか戦車 ソーラーライト キーチェーン 子育てキャノン
やわらか戦車 ソーラーライト ストラップ 練り物キャノン
ポケットモンスターが登場してからかれこれ10年経つというわけなのでポケットモンスター ダイヤモンド・パール公式サイトを紹介。さすがにポケモンで遊ぶ歳でもないので肝心のゲームにはあまり興味がないのだけど、このサイト自体はよくできていると思った。（これだけシリーズ化されているってことは出来の良いゲームなんだろうけど。）
まず、最初に目を引いたのがwebサイトのテイスト。ゲームと同じくドット絵でデザインされているので、ゲームユーザーにはとても親しみ易く、また、ゲームをしないユーザーにも斬新なコンテンツとして魅力を感じられる作りとなっている。サイト初回訪問時にキャラクターを作成し、そのキャラクターを操作しコンテンツ内を見て回るのだが、これがまたゲームに忠実な挙動になっていて他のサイトにないワクワク感がある。サウンドもゲームに使われていた物を使っている（多分初期ポケモン）ので昔からのファンには嬉しい要素だろう。
操作しているだけでも楽しいのだが、このサイトには大きな特徴が2つある。１つはデータベースとしての価値があるということ。もう１つは多人数参加型サイトであるということだ。
このサイトの情報量は相当なものだ。過去のシリーズのオープニング映像やテレビCM、ポケモンの辞典、ゲームサウンドなど様々な情報を扱っている。全てを見て回るには数時間は要する。
個人的に興味を引いたのが、オンラインゲームのように複数のユーザーと画面を共有できる仕組み。基本的には、クライアント単体で処理しているのだが、一部コンテンツでは複数のユーザーが画面を共有する。しかし、この仕組みには参加人数が多くなるとサーバー側の処理が追いつかなくなる（画面を共有するので常にサーバーにアクセスする必要がある為）という欠点がある。このサイトではその欠点を逆に利用し予約システムを採用している。ユーザーは任意にコンテンツを予約し、時間が来たらそのコンテンツに参加できるのである。そうすることでアクセスが分散されサーバーの負担が減るというわけだ。ちなみに予約の待ち時間というのがリアルで、込み具合によっては数時間待つことになる。待っている間に他のコンテンツを見たりして時間をつぶすのも楽しい。また、予約はサイトを閉じても有効なので、別のサイトに行くことも可能だ。
このサイト、ミニゲームもいくつか入っているんだけど、これを発展させてサイト上で動作するポケモンとか作ったら面白いかも。サイト上で対戦とかできたら手軽だしいいと思う。
blogをflash化するということは、必然的にmovabletypeが吐き出すxhtmlファイルをflashに読み込んで処理することになると思うが、問題点が浮上。。。
FlashのDOM（XMLを操作するための仕様）がlevel1までしか対応してないことがあげられる。しかも、level1で最も使えるメソッドであるdocument.getElementsByTagNameが使えない。つまりFlashでノードを操作する際は、childNodesで辿っていく必要がある。
しかし、XHTMLの性質上のちのちソースに手が加わり、構造が大きく変わる可能性があるので、childNodesでノードを辿る方法は汎用性が無いので実用的ではない。
というわけで、自作でgetElementById、getElementsByTagName作ってみようかなと。完成したら配布する予定ですのでよろしくです。
--追記--
Flashとmtを始めから連携させることが前提であれば、エントリーの出力ファイル形式をxmlにすれば結構楽に実現できそうかも。
もしかしたら、近々ks-productをフルFlash化するかもです。
もちろん、ブログもFlash化するつもりでいます。現行のXHTMLサイトも引き続き更新していきます。
果たしてうまくいくか。。。
以前公開してたFlash制作講座を復活させました。
http://ks-product.com/c_refer/flashmotion/
このFlash制作講座ではツールとしてのFlashの解説を行っています。基本的にはFlashアニメーションを作成したい入門者用になっていますが、使える小ネタなども載せていきたいと思っていますので宜しくです。
直接Flashとは関係ないのですが、Flash制作講座の各ページ左側のナビゲーションはインデックスページを元に動的に生成していて、インデックスページを更新すればナビゲーションにも反映されるといった仕様になっています。
具体的にはPHPを使いXHTMLを参照し、該当ノードを取得しています。こうやってデータの再利用ができるところがXHTMLの良いところですね。
同じ値を複数の変数に代入したいと思ったときはないだろうか？以下のように記述することで実現可能。
a = b = 10;
以上のように記述することで、aとbには１0が代入される。
1つ目はFlashを使ったお絵かきサイト。書いた絵が記憶されるのはもはや定番、このサイトでは書いた手順まで記憶されます。絵が上手い人の描き方が分かるので絵の勉強には持って来いかも。にしても、どうやって記憶してるんだろうなぁ。座標を記憶するといっても、相当書き込んでいる絵なんて全て座標記憶してたら膨大なデータ量になるし。。。わからん。
http://noughts.jp/
2つ目は海外のFlashサイト、スクリプトの実験を行っています。Flashでここまでできるのかと思わせる作品ばかり。
http://lab.andre-michelle.com/
ActionScript2.0ではMovieClipクラスのサブクラスを簡単にシンボルと関連付けられます。
これで、シンボルとクラスの関連付けは完了です。詳しくは画像（新しいウインドウを開きます）をご覧下さい。
このサイトすごいね。最初の読込以外、全く読込を感じさせない作りになっている。
http://www.ficc.jp/abm/?search=wd001
少量のデータであれば、最初にテキストデータ（XML）を全て読み込んでしまえばいいんだけど、データ量が1000件にもなるとフリーズしかねない。では一体どう作っているのか？mixiで尋ねてみたところ、どうやら自前でXMLのパースを行いフリーズを回避しているとの意見。
HTML+PHPで同様のことができるかわからないけど、XMLが注目され始めている理由が分かった気がする。
flash9発売前だというのに、早くもactionscript3.0のリファレンスが発売されました。アマゾンレビュー見ても結構好評らしいのでこれからas3.0を学ぶ人は持っておいて損は無いかと思います。（たぶん。）
Flash+XMLでアフィリエイト支援ツール的なものを作ってみた。
トップページのFlash部分です。
ソースファイル(.fla)も配布しているので、改変したりあなたのページに貼り付けたり、ご自由にご利用下さい。
http://ks-product.com/c_enter/flash/index.html
機能はいたってシンプル。ランダムで登録された商品を読み込み、クリックするとその商品の購入ページに飛ぶというもの。もしかしたらバージョンアップするかも。一覧機能つけたいかも。
Flashが吐き出すHTMLソースはstrictでは無いので、どうすればstrictなソースが書けるか悩む人も多いはず。そこでこんなサイトを見つけたので紹介。
http://www.onflow.jp/blog/archives/2005/09/flashxhtmlembed.html
上記サイトでも説明されている通り、Flashを動かすのに最低限必要なコードはたったこれだけ。
<object data="sample.swf" width="300" height="300"
type="application/x-shockwave-flash">
<param name="movie" value="sample.swf" />
</object>
ただし、この書き方だとIEでFlashPlayerの自動更新ができないとのこと。現在のFlashPlayerの普及率を考えると無視してもよさげ。
このWEB制作会社おそらくニュージーランドなんだろうけど、制作実績の一つに中国語を使ったflashゲーム（写真右）が。。。と思いきや実は日本語。しかも、片言。というよりは、翻訳ソフトで訳した感じ？雰囲気が安っぽいけど、独特のテイストがいい感じ。
かわって写真左は、パナソニックオキシライドの宣伝サイト。か？
最初の例とはかわって、かなりカッコいい動きをするFlashサイト。スピード感といい光の表現といいセンスがいい。
ちなみにこのサイトここで見つけました。各国の優れたデザインのサイトを紹介してるサイト。オススメ！
http://www.websitedesignawards.com/
こちらもオススメ
http://www.thefwa.com/
ユニクロのオフィシャルサイト。yugop.comでおなじみの中村勇吾氏が手がけている。
http://www.uniqlo.com
画面右の「UNIQLO EXPLORER」が斬新。
画面推移が特徴的なので、見てて楽しい。
しかし、コンテンツの性質上、目的の物を探しにくい。別途カタログサイトが用意されているので、あくまで雰囲気を楽しむというコンセプトで作られているのであろう。
ただ、現段階では明らかに設計ミスかと思われる部分もある。
「UNIQLO EXPLORER」内の画面左のメニューで、カテゴリ別表示が可能である。
その中の商品を選ぶことで、その商品の読み込みが始まるが、その間も他の商品が選べてしまう。一つ前の読み込みをキャンセルして読み込むのであれば問題ないのだが、そうではなく同時に読み込まれてしまう。
つまり、商品を次々とクリックしてしまうと、いくつもの商品が読み込まれてしまい、動作が極端に重くなってしまう。
ユーザーが多いサイトなので、こういった脆弱性は早急に修正したほうがよいかも。
flash player 9が公開されて数ヶ月。
flash player 9から使用可能になったactionscript3.0を使ったコンテンツも増えてきました。
http://www.flash-jp.com/modules/newbb/viewtopic.php?viewmode=flat&topic_id=5204&forum=20
上記Flashではas2.0とas3.0の比較がされていますが、as3.0になることで動作速度が最大１０倍とのこと。つまり、いままでスペック上諦めていた表現も可能になるわけです。
パーフォーマンスが大幅に向上したのはいいけど、それなりにリスクもある模様。。。
as1.0/as2.0とas3.0は互換性が無いとのこと。
as1.0/as2.0はAVM1、as3.0はAVM2という仮想マシンで実行されている。
flash player 9にはAVM1、AVM2両方が内蔵されているので、今までのコンテンツも再生することは可能だが、稼動する仮想マシンは一つだけなので、as2.0で書かれたコードにas3.0のコードを追記する（その逆も）ことはできないらしい。
互換性が無いと言う事で想像できたかと思うが、as3.0は使用できるメソッドやプロパティもだいぶ変わる模様。例えば...
などなど。。。詳しくは下記サイトを参考にしてください。
http://web.mac.com/ymori.com/iWeb/AS3/AS3Blog/AS3Blog.html
http://www.flash-jp.com/modules/newbb/viewtopic.php?topic_id=5225&forum=20
今回のバージョンアップで、より本格的な言語になったので、初心者お断りって感じですね。。。
幸い、次期flash playerでもas2.0のサポートはしていくらしいので、必要に応じてas3.0にシフトしてけばいいかなと。
そんなことより、金がなくて未だに、flash 2004 MXからバージョンアップできてない。。。どうしてくれようか。。。
中村勇吾氏が手がけたサイト。
http://www.nagaoka-id.ac.jp/gallery/gallery.html
個性的なインターフェイスだけど、マウスホイールでぐりぐり直感的に操作可能。
flashサイトってマウスホイールに対応してないサイトが多いから、こういうのはとても便利。
このサイトはamazonのAPI？を利用したflash。ベータ版なのか、一部機能しない部分があるが面白い。
Flash player 9以上対応で、actionscript3.0を利用している。
http://amaznode.fladdict.net/
本文終了▲
