ブログパーツ「モアイとばし」


「モアイとばし」なるブログパーツを作りました。遊んでみて下さい。お気に召しましたら貼付けてやってくださいませ。体験プレイや貼付けコードなど、詳細は AB-ROAD のキャンペーンサイトからどうぞ。

AB-ROADMTL の共同プロジェクトということで、「モアイを使って何か面白いものを」ということでスタート。企画からデザイン、コーディングまで、Flash側の制作を担当いたしました。

ルールは簡単。モアイを叩くと(クリック連打すると)、その回数に応じて遠くに飛びます。飛び先の国に行くには幾らかかるのか?という関西人的興味をそそることで、AB-ROADのツアーページにジャンプしていただく仕組みになっております。ちなみに各国との距離は「世界ジオコーダー」を使って算出しております。

履歴を残せる機能が付いておりまして、その記録は Flash の SharedObject 機能を使って、ユーザーのローカルPCに保存される仕組みです。プレイ日と国番号のみが保存される仕様ですので、安心して遊んで下さいませ。他のユーザーと競うランキング形式ではなく、あくまで「自分の履歴」なのがポイント。自分のブログに貼ったモアイをとばしても、他人のブログに貼られたモアイをとばしても、全て自分の履歴として蓄積されていくのが、なんとなく新鮮かと。

自分自身がブログを書いていることもあり、「こんなブログパーツなら貼るかなぁ」と、想像しながら作っていきました。

ユーザーの立場で考えたポイントは以下

  • ブログの主役は、あくまでユーザーのブログ記事。パーツが主張しすぎても困るので、初期状態は控えめに、モアイの哀愁漂う背中をお楽しみください。
  • ブログに慣れたユーザーさんは、貼付けタグの中の setFlash(#ffffff); の「#ffffff」部分で背景色を変更すれば、さらにモアイがあなたのブログに溶け込みます。
  • モアイの物語やプレイ方法等、説明は極力控えました。直感的に、手軽に、繰り返し遊べるように。
  • 企業ロゴを出しまくると「わしゃ広告塔か!」という気持ちになるので、ロゴの露出は控えめに。
  • クリックしまくるとイベントを用意。クリックしまくらないと、これまたイベントを用意。

サービス提供者の立場で考えたポイントは以下

  • 初期画面で一定時間放置されたら、モアイが振り返ってコメント。このコメント部分は外部 XML で簡単に更新できるので、ニュースアグリゲーターとして活用できるんです。
  • ゲームを楽しんだユーザーが、リンク先のツアーにそのまま申し込むという導線は考えにくかった。そうではなくて、履歴機能を付けたことで、後日ユーザーが旅行を計画した際に、「前にモアイで飛ばしたっけなぁ。。」と、「とばし履歴」からツアーページに流れてくれるのが理想。
  • ボランティアでゲームを配っているわけではないので、できれば本サイトに流入してほしい。無事飛ばし終わった後は、リプレイボタンは付けず、ツアー情報に飛ぶように設計。そのフォローとしての「1日1回」という題字なのです。バナー広告のノリに近いですね。まぁ知ってる人は F5(ページ更新)で、リプレイするでしょという楽観的希望。
  • 「モアイとばし」というネーミングは、覚え易く、それゆえ他人にも教え易いのではないでしょうか?
    裏話:始めは Weave Toshi – DayDream 様のサイトのようなUIで、モアイをグルグルまわすという「モアイまわし」でプロトタイプを作っていたのですが、同名のモアイゲームがありましたので、叩く(クリックする)ことにしました。

悩みどころ

  • トップ画面で、しばらく放置していた時に振り返るのですが、その発動時間。振り返りすぎると主張し過ぎ感がでてしまうし、その逆だと気付いてもらえない。
  • 音があるのですが、効果音程度なので、ミュートはなし。
  • 3Dの人ではないので、モデリング表現の限界。かつ、デザインの人でもないので、パーツの作り込みが甘いか。
  • モアイが3Dなこともあり、それを生かした表現はいろいろ提案できるのだけど、サイズ肥大に繋がるので躊躇。
  • 履歴のフォントが等幅でないのがちょっと気持ち悪い。アンチエイリアスオフな等幅フォントを見つけたい。

などなど、あーでもないこーでもないと悶々と妄想して今に至ります。
さて、このお仕事は、企画意図から、モアイのShadeモデリングデータ(いらないか..)や、Flash上のオーサリング Tips(FuseKit と CASA framework 使いまくり)まで、とことん公開できそうですので、近日オープン予定の MTL ブログ内にて、ちまちまと発表していこうと思っています。

履歴表示がいい具合になるので、最低10回ぐらいは遊んでいただけると嬉しいです。

このエントリーをはてなブックマークに追加
はてなブックマーク - ブログパーツ「モアイとばし」

Comments:4

zyass_tak 07-07-31 (火) 18:26

もあいの動きが愛らしいです、背中も、一定時間で出るコメントもvv
がんばって連打しまくっていたら・・・(笑)
演出で楽しめました~。

tera 07-07-31 (火) 18:37

遊んでいただいてありがとうございますー。
モアイはShadeアニメーションのpng書き出しなんです。
一定時間の処理は、さくーしゃさん(http://saqoosha.net/2007/05/08/572/)も解説されていました、CASA の Inactivity クラスを使って簡単に実装できました。

hedgehog 07-07-31 (火) 20:29

生まれて初めてマウスボタンを痙攣撃ちしましたよぉー。すっげーとこまで飛んでっちゃいました。マウスホイール対応のさり気無さもステキ!

tera 07-07-31 (火) 20:47

>hedgehog様
ありがとうございますー。
なんかものすごい回数を叩き出す人がちらほら報告してくるんですよ。。
国をどんどん追加できるので、負けじと拡張していこうかと思います。
マウスホイールは、過去に作ったスクロールバーの使い回しです。Macには対応していないのは内緒です。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/07/31-165919.php/trackback
Listed below are links to weblogs that reference
ブログパーツ「モアイとばし」 from trick7

Return to page top