Home > FLASH Archive
FLASH Archive
Flashの背景透過でサイトをハイジャック
- 2007年12月14日 22:30
- FLASH | おもろい | ガジェット&ウィジェット
PATAPON(パタポン) はてなダイアリーキーワードミニゲーム - 川o・-・)<2nd life
キーワードを弓で打って遊ぶ、「PATAPON(パタポン)」オリジナルミニゲームの提供開始について【12/16(日)まで】 - はてなダイアリー日記
Flash を背景透過にして、ブラウザ内部に全画面表示させ、~結構今後 Flash 側から ExternalInterface (JS) を通してブラウザの DOM にアクセスしてあれこれ、というのが流行ってくるんじゃないかなぁ、と漠然と思ったりしてます。
実際、ミニゲームをやってみました。
パタポンとは - はてなダイアリー
これはおもしろい!
Amazonベストリングでも背景色の取得に多少Flashからjavascriptの操作(カラーピッカーの部分)をしているのですが、以前別のサイト(※)を見て「飛び出すブログパーツはおもしろいな~」と思っていたのでPATAPON(パタポン) のようなサイトを待ってましたって感じです。
javascriptではサイトのような矢のアニメーションは手間がかかると思うのでいいとこ取りのマッシュアップです。
せっかくFlashを使い始めたのでこういう特性を活かしたものを作ってみたいです。
※踊る初音ミク || 初音ミクが踊って歌うブログパーツ
ちなみにこのサイトのブログパーツは、見る見る間に進化していって初音ミクが踊るにとどまらず、動作のコントロールから曲の選曲までできるようなってます。
どうやったら短時間でこんなことができるんでしょうか?そのテクがうらやましい限りです。
できそうだったので手持ちの「Amazonウィッシュリング」の背景を透過flashにしてみました。
リンク(Open)から起動できます。閉じるのはダブルクリックかCloseを押して下さい。
リンク先に簡単な設定画面を作りました。(ブログに貼れます)
Amazonウィッシュリング(リンク起動)
追記(12/15)技術的に悩んだところを別エントリに書きました。
Andre's garden プログラミングメモ: SWFObject2.0でページのロード後にFlashオブジェクトの再表示を行うには?
- Comments: 2
- TrackBacks: 0
iGoogleガジェットコンテストに応募してみた(Amazonウィッシュリング)
- 2007年10月 1日 23:36
- FLASH | おもろい | ガジェット&ウィジェット
ガジェットだかウィジェットだかわからなくなってきましたが、iGoogleガジェットコンテストに応募してみました。(求職活動もしてますよ^^;)
って書いてしまうとすごいことのように見えたりもするが、最後は送信ボタンを押すだけだ。応募はタダだ。
どんなへんなものでも(。。。動かないとダメか)参加賞で「グーグルオリジナルグッズ」がもらえるのだよ・・・たぶんね。
締め切り日の23:40に出すデンジャーな開発者でスイマセン(9月30日と思ってたから助かったス)
でも、グーグルさんも10月1日締め切りっていったらその日の23:59のことを指しているってことが同じ感覚で(いや、18:00とかじゃなくてね)少し安心しました。
送信したガジェットのxmlは、公開だから下手したら恥を世界に発信した可能性が大だが、もう出してしまったので気にしないことにしよう
Andre's garden: ぜ、絶望した!Amazon ウィジットに絶望した!
で別にアマゾンに絶望したわけではないのですが、
Andre's garden: いよいよウィジェットが戦場になるのですね
でFlashがGoogleのガジェットに簡単に流用できたので寄り道したらはまってしまいました。
作ってるあいだはアレコレ機能追加したい欲が出て実装に苦心する毎日でしたが送信したら手も足も出せないので今夜はよく寝れそうです。ガハハ。
アマゾンウィッシュリストを使ったサービスです。
詳しいことはAmazonウィッシュリングのページに載せましたのでよかったらのぞいてみてください。
また、他にもなんか作ろうと思っています。
そういやデフォルト自分のウィッシュリストなのでこれもなんかコアな商品混ざってるのでキツイなぁ^^;(
ま、もう終わったからいっか。
UIだせぇとか色の種類が少ないとかテスト足りてねぇとかタイトルついてないとか。。。。
。。。
o(>_< *)(* >_<)o
直そう。。。。そのうち
- Comments: 2
- TrackBacks: 0
簡単なFlashゲーム作りました(ネタ本:人を賢くする道具から)
友人がFlashの本を貸してくれたので少し前からFlashの勉強をしていました。
前から触ってみたかったのですがなかなか機会がなかったのでよい経験でした。
友人に感謝m^^mです。
貸してもらったのがちなみに下のシリーズのFlash3のもの
![]() | おしえて!!FLASH 8 (毎コミおしえて!!シリーズ) まつむら まきお たなか まり by G-Tools |
と
![]() | おしえて!!Macromedia FLASH5アクションスクリプト 柴田 忠浩 広石 里香 by G-Tools |
です。
基本的なことは試して見たので勉強の成果を載せてみることにしました。
15game
(リンクをクリックしてください)
http://andre-garden.com/flashgame/15game.html
スクリーンショット


簡単なルール説明を最後(※)に書いていますが、とりあえず始めてみてください。
何回かやればわかるように作ったつもりです^^
このゲームでは視点(VIEW)を変えることが肝になっています。
以下のエントリに詳しく書いていますが上手く表現できたかどうか・・・・雰囲気だけでも伝わればと思っています。
昔、私が感動したように他の人も感動してくれたら最高です。
Andre's garden: いい方法あります!
UIはiPhone風を目指してたのですがなんちゃってになってます(笑)
参考
iPhoneのUIをまとめた写真集:phpspot開発日誌
次回はサーバ側がWEBサービス(.net or ???)でクライアントはFlashで動く小アプリが作れるといいなと思っています。いつになるかわかりませんが^^;
補足※簡単なルール説明
1.1から9までの数字を代わる代わるコンピュータと自分とで選択(ドラッグ&ドロップ)してゆきます。
2.自分の選択した数字のうち3つの数字の合計が15になったら勝ち(YOU WIN!)。
3.コンピューターが先に15になったら負け(YOU LOSE!)。
4.決着がつかなければ引き分けです(YOU DRAW!)です。
5.VIEWボタンで視点を変えられますFOLLOWボタンでコンピューターが先行になります。
6.終了後、RETRYボタンでゲームが再開できます。
※ドラッグ&ドロップで数字をマスに置くモードのときは一度置いた数字を他の場所へ置きなおすことができます。→これがないと空間的に見せる意味が半減するため。
- Comments: 6
- TrackBacks: 0
Home > FLASH Archive

