iPhone/Android向けにHTML5でWEBノベル的なモノを作ってみて思ってること(2)

自分の頭の中を吐き出してメモる感じで


■実装方法うんたらかんたら

前回の比参考リンク様の内で


1.NScripter on web
http://nscrow-beta.appspot.com/

・NScripterの移植をされている、かなりガチで
・メインの描画は多分canvas
・こちらが完成すれば大きく動くかもですね

2.svgデモ
http://masuidrive.jp/tmp/game/

・メインはRaphaelライブラリを使用したsvgにての試作
・Webフォント


3.ノベルゲーチックな奴作ってみた、一部ボイス有
http://dl.dropbox.com/u/8388777/player/player.html

・自分で作ったやつ、スパゲッティーですいません的なソース
・実装は普通にHTML+CSS3メイン、一応canvasも組み込めはする


技術比較とかするの泣きそうになるので置いておいて、
実装のメイン手法がそれぞれ異なってるのはおもしろいですね。
まぁ1と2は特にiPhone/Androidのみに向けて作成してるわけではないので、
その視点で比較するのもちょっと違いますが・・・


■HTML+CSS3メインの利点と欠点そうなところ

あくまでiphone/Androidの標準ブラウザ向けに作る話、
あとcanvas/svgはがっつり触ったことがないので

利点

  • CSS3アニメーションが結構早い気がする、気が
  • 素のタグが普通に使えるのは楽、フォントでかくしたり色変えたり
  • イベント駆動なので適当に絶対配置で画像おいてontouchで処理発生みたいな事がお手軽
  • zindexで層の管理が簡単


欠点

  • canvas/svgより柔軟性は低いかなと
  • 画像描画はできないしね
  • スクロール禁止の方針にするとテキスト入力時のフォーカスとか細かいとこの調整が始まる

(フォーカス当てるとスクロールされちゃったり)

結論

  • 長所組み合わせればいいだけだよね

■で、なんで脱出ゲーに向いてると思ったか

  • 適当な場所に配置してontouchとかでできる、座標してとか置くときだけでいんじゃね？てくらいだから
  • 音声が弱いけど、脱出ゲーならBGMの比重はそこまででもないので、効果音はあるとうれしいけど
  • 縦横回転制御ができないのもゲーム的要素に行かせそうな感じだし、縦はアイテム画面とか


やべあんま書くこと思いつかなかった



ノベルでいくんだったら体験版やサブなパッケージとの連動で、とか。
メインはまだまだ難しそうな気がするよ！


次回：HTML5の機能をどう役立てるか

iPhone/Android向けにHTML5でWEBノベル的なモノを作ってみて思ってること(1)


■参考リンク
HTML5でギャルゲーを作れるか
http://www.slideshare.net/deflis/html5-4555862

NScripter on web
http://nscrow-beta.appspot.com/

svgデモ
http://masuidrive.jp/tmp/game/

ノベルゲーチックな奴作ってみた、一部ボイス有
http://dl.dropbox.com/u/8388777/player/player.html


技術的な事は次回以降として、適当な雑感

全体的な事
■弱点？

  • 音声系が弱い
  • 容量の問題

キャッシュとかでなんとかするといっても、ボリューム増やすと大変
みんながみんなwifiというわけでもなし

  • 課金モデルとかワカンネ

iphoneアプリやAndroidアプリは方法が明確に示されているのに対して不明瞭
kweditとか試してみたくはあります

  • 回転禁止にできない

ので回転を意識した作りをある程度意識しないといけない


iPhone的な事

■audioがなんとか使えるのはiOSから
といっても多重再生ができない、あとキャッシュとかできないかも？
BGM/効果音/ボイスどれかを選ぶしかない

■Webアプリの認知してもらうルートが通常アプリより弱い
やっぱりアプリとして出すだけで色々補足されるアプリは強い。
でも審査無しは楽すぎる。


Android的な事

■Android側はXperia基準になりがち
日本で出す以上シェア的に、つまりのAndroid1.6の標準ブラウザの実装で作成する必要がある。
それによりlocalStorageとかapplicationCacheの恩恵を全て受けられないという弊害が。
ただ審査がない分さくっとWEB内包したアプリで出せるっていう別の恩恵もあり。
(WEB内包するとSDKの機能とも連携できるのでその点ではできることの幅は広がる)


■機種間の差分がある？
一応Xperia/Desire/Nexus Oneで動作確認をさせてもらってたりしますが、
IS01やHeroで動かないとの報告もいただいたりしてます。(ありがたいです

正直これからも他端末増えて差分もそれぞれあると個人単位じゃ対応しきれそうにない。
そういう意味ではiPhoneのみ対応のがまだ楽かも。


■さくっとアプリにできる
アプリ作成 => 新着アプリとしてtwitterなどに補足され、宣伝なしにある程度の人に触ってもらえます。
これを審査無しでできるのがiphoneと違ってうれしい。




あと実装してるしないに関わらず学べたこと
・localStorageの活用方法、画像保存とか
・onclickよりtouch関連
・いろいろ


次回：HTML5でWEBでのゲームは、脱出ゲーが向いてると思うよ