OnsenUIでnavigation-barの文字が見切れる仕様

HTML5ライブラリ「Onsen UI」を使うと、Androidのブラウザで問題がありました。
ナビゲーションの上部のバーの文字が途切れる仕様があります。
原因はナビゲーションバーの子に「center」クラスを作ると「navigation-bar–android__center」クラスが付加されるのですが、その最大幅が「max-width: 50%;」に強制されるからです。
そこでcssで、以下のように「navigation-bar–android__center」クラスを上書きしてやれば、スクリーン幅までテキストを表示できました。

.navigation-bar–android__center {
width: 100%;
max-width: 100%;
}

VisualStudio2015のC++でWin・iOS・AndroidをCrossPlatform

Visual Studio 2015のC++言語で、「Universal Windows Platform (UWP)」「Android」「iOS」の3つのプラットフォームに、OpenGL ES 2でクロスプラットフォームできるプロジェクトテンプレートが公開されています。
http://blogs.msdn.com/b/vcblog/archive/2015/07/30/cross-platform-code-sharing-with-visual-c.aspx

ただし、まだ64bit対応していません。
iOSでは32ビットと64ビットの両方に対応している必要があります。そうしないとappストアに申請できません。

またこの3つのプラットフォームに対応したサウンドライブラリが、OpenSLでいいのか?何がいいのか?わかりません。

jQueryMobileでbodyの背景色

jQuery Mobileではテーマに沿った配色などのデザインが強制的に適用されるようです。

例えばbodyで全体の背景色を指定しても変更できません。
そこで以下のように、bodyに指定されたui-mobile-viewportクラスをcssで設定すれば、背景色が変更できました。
body.ui-mobile-viewport {
background:#ccc;
}

CORDOVAなどiOS8でUIWebViewのバグ

HTML5アプリをスマホアプリに変換するハイブリッドアプリツール「Cordova」などからiOS8に書き出した場合などに、実機で実行する際に落ちるバグがあります。
原因はUIWebViewにあり、iOS8から新たにWKWebViewが出たのでそれを使えば解決します。
ただ現在のところCordovaからはUIWebViewに書き出すので、他の解決方法もあります。
Animationsを使わないのなら、Controllerファイルのinitメソッドで、
[UIView setAnimationsEnabled:NO];
を追加しただけで解決しました。

「天国への階段」でキャラクターが階段にめり込む問題

天国へと進む階段をひたすら登り続けるゲーム「STAIRWAY2HEAVEN」を最初に作ったのは、2002年のデジスタのどーもくん特集の時でした。
その頃は僕に技術がなかったので、キャラが階段を進むと次第に階段のモデルにめり込むバグがありました。
理由は階段は中心を軸に一定の距離を進んで次の階段が現れるけど、キャラは進む距離は階段と同じでも階段をショートカットできてしまうので、徐々に階段モデルとキャラが近づくためです。
そこで解決策ですが、階段を先に描画しZバッファをクリアすれば、キャラクターより手前にあるZ値はなくなり、めり込みはなくなりました。
ZバッファとはZ深度とも言われるように、ピクセルのZ方向(手前から奥へ)のZ値が現在のZ値より手前にある時だけピクセルを描画するものです。
本当は、物理計算で、階段との当たり判定を取る方がリアルになるのですが。

stairwayhttps://game.flash-lab.net/stairway/

ようこそ!ビクサーのブログへ

VIXARのブログへようこそ!

このサイトでは作者がプログラミングしたりデザインしていて問題になった個所の解決策や、プログラミングTipsなどを公開していきます。

またこのブログの作者が作った50以上のサイトも「自作サイトの紹介」カテゴリーで紹介していきます。

他にも新たに作ったスマホアプリ・Webアプリ・ゲーム・ツールなどコンテンツの紹介もしていきます。