trick7

Flashの経験がない状態でFlashやりなさいといわれた時に、最初の1,2時間ぐらいで覚えたほうがいいFlashの基本事項をクイズ形式にしてみました。
※主にソーシャルゲーム用FlashLite1.1開発する人 with 経験者の先輩の手ほどきを受けながらというイメージです。
間違いあったらすいません。

Continue reading

この1年は会社業務でソーシャルゲームを作ってました。
その間、所属もリクルートのMTLから、コンテンツ企画開発を目的にMTLからスピンオフした「株式会社ニジボックス」になりました。
全く紹介もしてきませんでしたが、ブログエントリしなさすぎて心配されることがちょっとふえてきましたので、一応１年やってたことを書いてみます。文字だけで。

（上から最近のお仕事）

ヤン極志（携帯ソーシャルゲーム）

http://nijibox.jp/yngk/
今年7月にmobageとgreeでリリースした「ヤンキー＋三国志」なカードゲーム。Flashを担当。
携帯ソーシャルゲームに最適なアニメーション演出からロジック実装、軽量化の工夫（＋超大量の作業）など、FlashLite1.1のことを広範囲に考えて作成しました。
携帯ソーシャルのFlashは、ゲームをインストールしたてのユーザーさんが「おっ！」って感じでパッと見で興味を持てる掴みと、以降は何度も繰り返してみることになる邪魔な存在になってしまうこととのジレンマを、気持ちのいいボタンスキップでストレスを減らしていく、そんなことを考えて作ってました。
この「ヤン極志」はじめ、そこからの横展開でできたゲーム「妖女大戦（ようじょたいせん）」と「レジェンドオブオーディン」もgree,mobageで公開中。

戦争ウォーズ（Yahoo!モバゲー）

http://yahoo-mbga.jp/game/12003225/detail
コミカルなドット絵の兵器ユニットをユニットコスト（10ポイント）を使ってユニット編成して、他ユーザーのユニットと戦ってエリア制圧していくPC用簡単タクティクスゲーム。
兵士から爆撃機まで、全８種類のユニットにはそれぞれ相性があるので、一概に強いユニット構成というのはなく、相手に応じた編成で勝ち進んでいくところにゲーム性があります。
このプロジェクトは企画とFlashモック作成をした状態で、僕はヤン極志に注力することになったので、社内メンバーさんといつもお世話になっている外部のFlasherさんに引き継がせてもらって、2011年8月リリース。そこから運用に関わらせてもらって現在も上り調子で公開中です。
下の「おしゃれ泥棒」同様、チュートリアルや画面上での説明やキャンペーン案内、操作導線等、企画〜操作の全フェーズでユーザーが迷わないよう案内することの大切さを学びました。

おしゃれ泥棒（Yahoo!モバゲー）

http://yahoo-mbga.jp/game/12003250/detail
去年7月、ひょんなことから企画制作することになった僕がはじめて携わったソーシャルゲーム。
まさか30過ぎたオッサンFlasherが作ったとは思えないであろう”女性向け洋服コレクションゲーム”ですが、そのゲーム内容は「他人の洋服をこっそり借り、相手にバレずに一定時間をやりすごせるとゲーム内通貨が稼げる」という、なぜかバトルゲーム。
Flashを作ってくれたのは、なんとClockmaker池田さん（Clockmakerブログでもバナー貼ってくださってました）なので、外見はカワイイ感じのゲームですが、裏は超絶AS実装。
去年10月にリリースしてからは矢継ぎ早にキャンペーンをしたり、洋服や機能を追加したり、問い合わせ対応、バナー作りまで、「リリースしてからが勝負」といわれるソーシャルゲームですが、それを実感いたしました。リリースから1年以上経ちましたが今も育ち続けているYahoo!モバゲーのゲーム。

これから

以上ソーシャルゲームを中心に1年やってきました。
ソーシャルゲームに携わり、いろいろ得るものもありましたが、一方で、新しいことを自分で0から勉強しつつ全部作ることへの憧れが再燃してきたこともあり、心機一転10月からはスマートフォンアプリの開発をしています。
CoronaSDKはじめました。CoronaSDK開発のレポートも含め、スマホ系のあれこれは、弊社ブログ「ニジボスマホ部」で書いています。

Flash CS3に作った頃のSWFが最近動かなくなっているとのことで調査。
２年以上SWF自体は変更していないのでブラウザ（FlashPlayer）側に原因がありそうだということで調べていたら、単音をループ再生させているところが原因でした。
seChannel = se.play( -40, 9999);
playの第一引数にマイナス指定しているのは、ループ時に-40ミリ秒の無音を空けたかったため。以前はこれで動いてた。今のブラウザで見ると play() の第一引数がマイナスだと Chrome の FlashPlayer では0扱いとなり、FireFox では音が鳴らない上に、それ以外の部分まで操作不能になるという状況だった。
結局、-40でスクリプト側で無音を確保するのをやめて音声データ側に無音を継ぎ足して解決させました。

あと、CS3の時の.flaファイルをCS5で開いてパブリッシュしたら、フォント埋め込みのダイナミックフォントが一切表示されなくて焦った。
textField.embedFonts = true;
をコメントアウトすれば動くので、理由を探ったところ ActionScript 上の TextFormat インスタンスでのフォント指定文字列がCS5だと変わっていた。（※どうやらCS4から変わったらしい）
大重さんの「フォントの英語名を調べる – ActionScript 3.0入門ノート CS4」のエントリを見て英語名を調べて指定し直したところ、きちんとテキストが表示されるようになった。
※実は変更前も英語指定だったんだけど、なんか違う英語表記に変わっていた。

あるMC”panel”のフレーム1に”btn1″、フレーム2に”btn2″があり、これを条件分岐で切り替える構造のFlashだとする。下みたいな実装。

if(hoge){
panel.btn1.addEventListener(MouseEvent.CLICK, mouseDownHandler);
}else{
panel.gotoAndStop(2);
panel.btn2.addEventListener(MouseEvent.CLICK, mouseDownHandler);
}

要はフレーム移動直後に、その移動先フレームにのみ存在するボタンに対して addEventListener するケース。

FlashIDE上でのパブリッシュ設定が FlashPlayer10 の時は動くのに、FlashPlayer9 設定に切り替えると null エラーになる。

ビックリした。

ちなみに両フレームともにまたがるように配置されたボタンなら大丈夫、あくまでgotoAndStop移動後に初登場のオブジェクトに対してイベント付けた時に起こる。

「flashゲーム作成記」の poliG さんが公開されている Gravity2D が楽しそうすぎです。
デモを見ればどれだけ簡単か、どれだけ楽しそうなことできそうかがすぐ分かると思います。

link: flashゲーム作成記 | Box2Dを簡単に扱えるようにするGravity2D

富士山から帰ってきたら家のネットが繋がらなくなっていました。原因は５年前に購入した AirMac Express で、コンセントにつないでも電源ランプが点灯しない。そしてなんか異臭がする。
調べてみると同じ症例の人がいらっしゃいました。
Apple に聞いてみたところ、修理より新製品の購入をすすめられました。僕が持ってるモデルから多少バージョンアップしているものの、デザインが同じで機能もほぼ同じものを買うのがちょっとやるせない。いっそ家のネットをdocomo携帯を機種変更してアクセスポイントモードだけで統一してしまおうか。ちょっと高いか。

ということで、5年前くらいの AirMac Express、僕みたいに突然電源入らなくなることがあるかもです。

アップルコンピュータ AirMac Express ベースステーション with Air Tunes MB321J/A

明後日初めて富士山に登ります。一日目に八合目の池田館という宿まで登り、二日目日の出前に出発して頂上で御来光を拝む計画。

往路は富士宮ルート、復路は御殿場ルート。

会社の富士登山経験者のご意見やウェブサイトを見たりして、かつできるだけ持ち物を少なくしようと心がけて現在リュックに入っている持ち物をリストアップ。

Continue reading

ほぼCMみたいなオープニングの動画のあと、コンテンツが始まります。アンジェラベイビーさんの縦長全身写真レイヤーの上に、コンテンツレイヤーが重なっている二層構造になっていますが、手前と奥のレイヤーでスクロール移動速度を変えることで奥行き感・移動の気持ち良さを表現。

余談だけど、髪のCMで髪が奇麗すぎて艶が波紋のようになる映像、男の僕からするとCGすぎてシュール。そういや誇大広告を避けるためでしょうか、洗顔フォームCMの汚れが毛穴から追い出されるイメージアニメで、毎回ちょっとだけ汚れが残るのが、いつも、いつも、ずっと、ずっと気になって生きてきました。

このサイト（yossyさんのサンプルだったっけ？）の見せ方も同様に二層のレイヤーの移動量を変える事で奥行き表現。

ということで

• 奥行きに意味を持たせる使い方（奥に常時表示させたいものを置くとか）
• 手前と奥の移動量の違いによる演出（浅めor深め）
• 平行に重なってるんじゃなくって、傾斜して重なってたらどんなだろう。気持ち悪いかなぁ
• 二層以上重ねて面白い事できるかな

みたいなことを考える機会が持てました。

ヴィダルサスーン｜FASHION, MUSIC, VIDAL SASSOON

via jehmlich + matthes mikysec: racer

場所とモノヅクリのスキルがあるとこういうことができる。
※ちなみに運転をブラウザ側で体験させるサイトもありましたね。

場所がなくてもこういうことができる。

どちらもウェブであまねく多くの人々に！ではなく、うちうちで楽しむために作られていて、Web上では「才能の無駄遣い」という褒められ方をするのだけど、今の時代、こういうことが個人レベルでできるようになってきてるので、ほんとにワクワクする。ドムぐらいなら僕でも動かせる。

ド派手な演出でダンスミュージックを鳴らす海外アーティスト PLASTICMAN 氏のサイト。文字の表示のさせかたが参考になりました。

Flash的にいうと、一連の文章であっても行ごとに別テキストフィールドに流し込むアプローチだとしましょう。
いろんな場所で同時多発的に一斉に左から右に流れ出るテキストってのは以下の理由でナイスだなと。

• 複数行の場合、折り返しの処理で勝手に文字送りされてカッコ悪い場合が起こるけど、このやり方ならそれは起こらない。更新のないテキストであればこういうアプローチはありだな。
• 全部表示するまでの時間も短くてすむ。

もちろん演出なしでとっとと出すのが正解って場合が多いですが、カッコ良くしたい時もあるので。テキスト選択できた方がいいなとは思いましたけど、この表示させ方、MATRIXみたいで「おっ！」てなりますよね。

plasticman.LIVE