RetroWeb ~iPhoneとAndroidでハイブリッドゲームアプリ開発~

AIR for iOS+AndroidでSmartPhone Game ハイブリッドアプリ開発

最近作ったアプリ
100億本の抜け毛 100億匹のモナー DQ3闘技場アプリ モナーペット(進化)

オタサーの姫アプリ開発7日目 サブキャラの着色開始

生理的嫌悪感抜群だった古典的キモオタを、今風な?やさオタに修正し、さらにサブキャラに個性(顔)があると変に気になるので、血液型くんみたくビジュアルを無個性化しました。

今日は広尾の有栖川記念公園やアキバに行きました。アキバのヨドバシにて、お風呂でスマフォが見れるグッズや、線がフニャフニャにならないタブレットをゲット。最近のタブレットは進化してますね~。超軽く(300グラム?)、長時間無線(30時間)でかつ、線が綺麗(今までのは線をまっすぐ引いてもなぜかブレまくった)。大昔に買った、USBですらないシリアル接続タブレット(PC起動中に接続しても動かない)が、原始時代の感覚ですw

f:id:hisashi_vc:20150126020430j:plain
f:id:hisashi_vc:20150126020436j:plain

オタサーの姫アプリ開発6日目 キャラの着色開始

姫だけでなくおたくも塗ったんですが、やはりキモオタは時代錯誤なので、線画からやさオタに修正中ですw
今日は隠れ家っぽい飲み屋に挑戦したら、普通の食事で1万円くらい吹っ飛んだうえにサイゼリヤの方が美味しかったので、これからはサイゼリヤに行きますw
最近は作業中に養老孟司苫米地英人の動画をラジオ代わりにして、知識を吸収中~。

f:id:hisashi_vc:20150125014702j:plain

オタサーの姫アプリ開発5日目 キャラのラフ開始

キャラのラフを作成しはじめました。しかしこのキャラとキスするゲームって、生理的に審査通るんだろうかw

今日は新たに独立したゲームクリエイターとカラオケMTGしました。とても企画力が高くて刺激になりました。

そして今日も岡田斗司夫スレから目が離せず。ゲームで例えるなら、ときメモ全キャラの信愛度爆弾が全部核爆発した状態w

f:id:hisashi_vc:20150124000156j:plain

オタサーの姫アプリ開発4日目 背景やUIデザイン

背景やボタンや机やWebViewのデザインを進めましました。やり出すと何気に時間がかかるなあ。。そろそろキャラ線画にも入らねば。
夜作業しにいった、サイゼリヤの新ボンゴレが、予想以上のうまさ
その後見た冴えない彼女アニメを見る。こんな彼女が学生時代に欲しかった。
岡田斗司夫の壮絶大炎上が面白すぎる。おたく業界の過去と未来にまたがった爆発的大炎上なのに、まったく終わる気配なし。2chから目が離せないのひさびさw

f:id:hisashi_vc:20150123011412j:plain

オタサーの姫アプリ開発3日目 タイトルロゴデザイン

プログラムが落ち着いてきたので、デザインフェーズに入りました。
このロゴにデザインした経緯は、ゲーム内容から考えて以下の仕様です。

1.フォントはインパクトある太目のゴシック+丸みもある程度かんじられる文字で。
2.オタサーは男かつDTなので青~水色のイメージカラー
3.姫はもちろん赤~ピンクのイメージカラー+万能のハートマーク
4.サブタイトルは控えめかつギャルゲーっぽい白抜きグローかつ、姫と同系色に
5.メイン文字のスタイルは、白エッジ&文字と同系色のふち&ドロップシャドウが一番めだつのでそれで。
6.おちゃらけゲームなので、各文字の角度をほどよくばらけさせるイメージで。肝心の姫はちょいデカめに。

といった感じで考えました。

f:id:hisashi_vc:20150121194130j:plain

ちょっと前に作ったiPhoneアプリがApple都合でストアから消える理由と、復活させる方法

過去に作ったiPhoneアプリAppleの仕様変更都合で、ストアから消滅疑惑に気付きました。

▼発生条件
アプリ管理画面(itunes-connect)に、iPhone5~6用のサムネイルが用意されていない場合。

▼状態
アプリのURLに直リンクで、iPhone6などの新しい端末からアクセスすると、「このアプリはiPad用です」と表示されダウンロードできなかった。その結果、多くのユーザーがプレイすることができない。というか最新端末だとストア上から消滅して、存在にすら気付かれない予感。

▼対応方法
itunes-connect上で、4.7インチと5.5インチのサムネイルを用意する。

しかもサムネイル保存後、レビューに出さなくてもiPhone6に出るようになった気が。。謎多きApple。しかしスクリーンショット用意するだけで復活するなら、やる価値はありますね~。

個人アプリを盛り上げる方法1 ~自作アプリ巡廻バナーフレームワークを作る~

自分のアプリから、他の自分のアプリへのアイコンリンクの仕組みを作りました。これで1つ自分のアプリをプレイしてもらえたら、その他のアプリもプレイしてもらえる確率が上がります。

サーバーからデータを取得しているので、過去のアプリも将来のアプリも表示可能です。クリック数もアナリティクスでカウントしてます。また、このシステムを表示するすべてのアプリを一元管理できるようにしたので、サーバーのファイル1つ変更すれば、全アプリのアイコンリンクをワンタッチで切り替えることができます。


もちろん自作アプリ以外もリンクできるので、マネタイズもできそうですね~。

f:id:hisashi_vc:20150120225202j:plain

PHPはざっくりこれだけ。アプリ起動時にアクセスします。
クリック率の高いポップアップ広告にも対応

<?php
mb_internal_encoding('UTF-8');
mb_language('ja');

$loginStr = "";

if($_POST["packageName"] != ""){//air.retroweb.otahime

	$loginStr = "<news>新アプリ<font color='#FFFF00'>「オタサーの姫 ~サークルクラッシュを回避せよ!~」</font>\n登場!";

	//新着情報の表示
	if(isset($_POST["type"])==="ios"){
		$loginStr = $loginStr."https://itunes.apple.com/jp/app/kong-feibushimamurakun/id958179319"; //iPhone
	}else{
		$loginStr = $loginStr."https://play.google.com/store/apps/details?id=air.retroweb.zakumona"; //AndroidやPC
	}

	$loginStr = $loginStr."</news>";
}

//アイコンリンク
$loginStr = $loginStr.<<< EOM
<iconUrl>
http://hisapo.sakura.ne.jp/api/1.png
http://hisapo.sakura.ne.jp/api/2.png
http://hisapo.sakura.ne.jp/api/3.png
http://hisapo.sakura.ne.jp/api/4.png
http://hisapo.sakura.ne.jp/api/5.png
http://hisapo.sakura.ne.jp/api/6.png
</iconUrl>
EOM;

//iOSリンク
$loginStr = $loginStr.<<< EOM
<ios>
https://play.google.com/store/apps/details?id=air.retroweb.zakumona
https://play.google.com/store/apps/details?id=air.dragonquest.warrior.arena.battle.simulator
https://play.google.com/store/apps/details?id=air.vachane.aa.mona.pet
https://play.google.com/store/apps/details?id=air.retroweb.A2ch.aa.mona.hunter
https://play.google.com/store/apps/details?id=air.retroweb.touch.the.mona
https://play.google.com/store/apps/details?id=air.retroweb.flappysimamura.production
</ios>
EOM;

//Androidリンク
$loginStr = $loginStr.<<< EOM
<android>
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id958179319
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id954852134
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id932446029
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id923926015
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id944958782
https://itunes.apple.com/jp/app/kong-feibushimamurakun/id825465264
</android>
EOM;


//ON/OFF iOS
$loginStr = $loginStr.<<< EOM
<ios_off>
air.retroweb.otahime2
</ios_off>
EOM;


echo $loginStr;

?>

銭湯の戦闘力採点法 ~都内の銭湯30か所入ってみた~

1.外観(例:文化財になってるor新しい)+1
2.待機場(例:横になれる)+1
3.香り(例:入るとヒノキの香り)+1
4.混雑度(例:シャワーや入浴を待つ恐れがない)+1
5.絵画(例:やっつけでない富士山)+1
6.清潔(例:空気清浄機)+1
7.温度1(例:42度くらいの熱い浴槽がある)+1
8.温度2(例:39度くらいの長く入っていられる浴槽がある)+1
9.泉質(例:ミネラル、ラドン、炭酸泉など、熱いお湯を超えたものがある)+2
10.ジャグジー(例:家庭用とは比較にならないジャグジーがある)+1
11.価格1(例:460円を超えていない)+1
12.価格2(例:サウナが100円以下)+1
13.シャワー(例:シャワーヘッドが固定でない)+1
14.露天風呂 +1

以上15点満点で、10点越えてれば優良銭湯

今日はゲームの仕事したり、ゲーム講座受けたり

今日は仕事メインで自分の作業はお休み気味。。あとは年末少し話した、某巨大ゲームの開発者の方の講義を受けて感動してきました。

座席のとなりに初老の方が座っていたので、雑談をしていたら、あとでめちゃくちゃ偉い教授だったことが判明。なぜか自分の回りには気付くと凄い人が集まっているので、勝手にショックを受けつつもありがたいですw

人見知り過ぎて懇親飲み会とかは、開始前は勝手に死にそうになってるんですが、ありがたいトークが出来る人が集まる飲み会だと、食べるのも忘れて聞いてますw 公私とも、何かにつながれば良いな~

↓は今日昼飯時にみた動画。ゲーム機大戦はネタが今更過ぎて見るのをツンデレになっていたんですが、こっちは業界寄りなので興味持てました。やはり作ってる物より作ってる人(組織)の方が面白いですねw

個人でアプリを作ると、どうなるか

1.アプリを作ってみる。予想以上の手間がかかる
2.なんとかリリース!
3.はずかしいから誰にも言わない
4.当然アプリに誰もこない
5.引退を決意する
6.数日後、どこからともなくジワジワ人が来だす
7.正気を取り戻す
8.少し遅れてiPhone版が公開され、結構人が来る
9.人が来てると思い込み過ぎて、ログを見るのが逆に怖くなる
10.雑念を払うべく、次のアプリを作り出す
11.励ましてくれるだけの後輩メイドが欲しくなる(以下ループ)

オタサーの姫アプリ開発2日目

実装が50%くらい進行しました。来週中にはリリースできるかな~。

今日は近所の寺で厄除けの護摩焚きを拝んで、養命酒買って、岡田斗司夫騒動や、ファミマ騒動で盛り上がりましたw

f:id:hisashi_vc:20150118213834j:plain


オタクのセリフも配列データ化

	"コポォwww",
	"ドプフォwww",
	"オウフwwww",
	"フォカヌポウwwww",
	"ヒュウフヒュウフwwww",
	"デュフフ、コポォwww",
	"オタク・イズ・ビューティフル!",
	"おま・・・、可愛すぎだから。",
	"ばか、あほ!・・・・すき。",
	//"物をうるってレベルじゃねーぞ!",
	"草不可避www",
	
	"そんな装備で大丈夫か。",
	"キモオタ王に俺はなる!",
	"おーれのポケットには、大き過ぎらぁ。",
	" その子が信じてくれたなら、\nオタクは空を飛ぶことだって、\n壁サークルに並ぶことだって出来るのに",
	"今は、これが精一杯。",
	//"来るぞ・・・   来るか!!??",
	"もっと知りたいな、\nクラッシュちゃんのこと★",
	"Kuranadoは人生!(キリッ",
	//"走らないでくださーい!",
	"一児より2次に手をかけ大惨事www",
	"いや 拙者オタクではないでござるw",
	"ノージョブ(無職)ですw",
	"逃げちゃダメだ!逃げちゃダメだ!",
	"世界はなぜ、僕を追い詰めるのか",
	"39(三重苦)  金なし嫁なし 焦りなし ",
	"今日もまた 佐川の人から サイン攻めw",
	"認めたくないものだな。\n自分自身の若さ故の過ちというものを",
	"少佐だって、戦場(コミケ)の戦いで\n勝って出世したんだ!",
	//"すごい・・・五倍以上のキモオタゲインがある。",
	//"相手がオタクなら!人間じゃないんだ、ぼくだって",
	//"ならばなければ、どうということはない!",
	"ええ~い、連邦軍のキモオタは化け物か!",
	"フォロワー数の違いが、戦力の\n決定的差ではないことを教えてやる!!",
	"勝利の栄光を、君に!",
	//"これで買えねば貴様は無能だ。",
	"オタとは違うのだよ、オタとは!",
	"白い奴に\nジェット・キモオータ・アタックを\nしかけるぞ!!",
	//"弾幕薄いぞ!なにやってんの!",
	"か、完売だと!?3分も経たずにか!?\nば、化け物か・・・っ!",
	"あれは、いいものだーーっ!!",
	//"あれは、憎しみの光だ!",
	"見えるぞ!私にも最後尾が見えるっ!!",
	"40秒で支度しな!",
	"圧倒的じゃないか、我が軍は。",
	"姫殿、ご采配を!",
	"まだだ、たかがメインカタログが\nやられただけだ!",
	"人は流れにのればいい。\nだから私は列にならぶ!",
	"ただの気化爆弾さ・・・",
	//"怯えろ!竦め!オタク性能を生かせぬまま、死んでゆけ!!",
	"オレは、生きる!生きて、\nクラッシュちゃんと添い遂げる!",
	"私を相手にするには、\n君のオタクレベルはまだ・・・未熟!!",
	//"君もオタクなら、もっと大局的に物を見ろ!",
	//"貴様に話す舌を持たん。\nオタクの意味すら解せぬ輩に!",
	//"しかし!私もキモオタタイプのはずだ!",
	"特盛っ!?",
	"その台詞、幼馴染が照れ隠しで\n怒ってる感じで頼む。",
	"まっがーれ!",
	"WAWAWA忘れ物~♪",
	"キモオタの格好をしている訳は分かるな、\n私は過去を捨てたのだよ",
	//"何この歩く萌え要素・・",
	"我を助けよ。光よよみがえれ!",
	"バルス!",
	"時間だ、答えを聞こう!",
	"嫁はいらねぇ、同人誌さ!",
	"オタクは度胸だ、お前たち援護しな!",
	"言葉をつつしみたまえ。\n君はコミケ王の前にいるのだ。",
	"見ろ!人がゴミのようだ!",
	"その者、臭き衣をまといて、\n2次元の野に降り立つべし・・・",
	"やっと巡ってきた最後尾か、\nそれとも破滅の罠か。。",
	//"シリウス(逆三角形)に向かって飛べ!",
	//"オタクと人は、|\n同じ世界には住めないのだよ。",
	"まぁ~じょ子さぁ~ん。",
	//"エゴだよ、それは!",
	"キュピピピピーン!\n(後ろの敵を感じ取った例の効果音)",
	"このプレッシャーは、なんだ!?",
	"私はかつて、\nオタ・アズナブルと呼ばれた男だ",
	"質量を持った、残像だというのか!?",
	"任務・・・完了!",
	"ハッハッハッハッハ…\nどこへ行こうというのかね?",
	"興味ないね・・・コポォwww",
	"・・・これが世界の選択か。",
	"ラ・ヨダソウ・スティアーナ!",
	"かゆ   うま   ",
	"いいですとも!",
	"この世に悪があるとすれば\nそれは人の心だ。",

今日の勉強 オタサーの姫アプリ開発開始

いわゆる昔あった田代盗撮Flashゲーのキス版です。
税務署に源泉徴収税を納めた後、カリ城とデレマスを見ながら、セリフ選定と仮組開始。

あといきなり適当なデザインを入れはじめちゃうと、それで目が慣れてショボいまま完成してしまうので、今回はデザイン一切いれずにモックアップ作成

▼オタサーの姫のセリフ

	"私って、オタサーの姫なのかな。。。",
	"背低いから\n すぐなでなでされちゃう(;;)",
	"LINE交換しよっ☆",
	"ぼっちナウ(´・ω・`)",
	"音ゲーって、むずかしいね><",
	"騎士さまたち、ありがとうだよっ☆\n(ちょろいwww)",
	"欲求不満って、何ですか?\n(ちょろいwww)",
	"えー!、\nこのメイド服私が着るのー!?///",
	"(会計でおごられまち)",
	"ふぇぇっ・・・",
	"うにゅ~",
	"みゅ~っ★\n(ちょろいwww)",
	"ふみゅ~ん\n(ちょろいwww)",
	"守ってほしいの。。\n(ちょろいwww)",
	"寂しくなんか、ない。。\n(ちょろいwww)",
	"みんなすご~い、こんなの初めて!\n(ちょろいwww)",
	"すご~い、もっと教えて教えて!",
	"チビっていうなぁ!",
	"デブじゃないもんっ!",
	"アラサーじゃないもんっ!",
	"悩みがあるの。。。\n(ちょろいwww)",
	"(ちょろいwww)",
	"ふんすっ!",
	"サラマンダーより、はやーい!\n(ちょろいwww)",
	"私、気になります!\n(ちょろいwww)",
	"大丈夫、騎士さんなら出来ます!\n(ちょろいwww)",
	"(前線でラブロマンスとは、\nおぼっちゃんらしいよ、騎士殿)",
	"おにーい、ちゃん!\n(ちょろいwww)",
	"お兄ちゃんって呼んでも、\nよいですか…?",
	"ただの人間には興味ありません!",
	"ひっ・・・・ひめびーむっ!",
	"禁則事項です★",
	"うんたん♪うんたん♪",
	"もうひとこえ~!",
	"やってやるです!",
	//"それでもオタクですか!軟弱者!",
	"もう・・・特別ですよ\n(ちょろいwww)",
	"萌え萌えキュン♪\n(ちょろいwww)",
	"騎士さんのカメラおっきいーー!!",
	"あ~い~す~",
	"バルサミコ酢~♪",
	"あ、急にお腹痛くなっちゃった。。\n(ちょろいwww)",
	"私が死んでも、変わりはいるもの",
	"私はたぶん、3人目だと思うから",
	"ニンニクラーメン、チャーシュー抜き!",
	"トクン・・・トクン・・・",
	"・・・ネットは広大だわ。",

f:id:hisashi_vc:20150117000833j:plain

今日の勉強 スマフォAIRで物理演算

モナーつみや荒巻つみを作ろうと、スマフォで久々にBox2DやNapeなどの物理エンジンためしてみました。しかし大量に積むとかなり重くなってしまうことが判明したため、ひとまず保留。。次はもっとシンプルな、オタサーの姫モチーフゲームを勉強予定です。

f:id:hisashi_vc:20150116114612j:plain

AdobeAIRでクッキークリッカーフレームワーク完成&Android版公開しました。

フィーバー機能も実装し、パフォーマンスチューニングしてAndroid版公開しました。この手のゲーム特有の大量キャラ表示は、iPhone6でもない限り普通に表示すると処理落ちしまくりますねw 1週間くらいで開発。本年初のアプリリリース。

iPhone版も作って申請したら、次のゲームや~。
物理エンジン使って、積みモナーとかつくりたいw

100億匹のモナー - Google Play の Android アプリ

f:id:hisashi_vc:20150114192027p:plain

f:id:hisashi_vc:20150114192740j:plain

クッキークリッカーの勉強 その5

クッキークリッカーフレームワークがそろそろ完成しそうです。
ショップと生産でゲームサイクルを回したりしてます。

連休中は、大江戸温泉の黒バス祭に行ったり、NHKコミケ特集見たり、山田玲司(漫画家)の漫画&アニメ解説に感動したりしてました。最近はためになる動画が多くて、ネット動画あさってるだけで100歳まで生きられそうな気がしますw

山田玲司のヤングサンデー第5回「はじめてのラピュタ」 - YouTube



f:id:hisashi_vc:20150113115711j:plain