‘HTML5’ タグのついている投稿

enchant.jsをTitanium MobileのWebView上で動かせた記録

2012 年 12 月 12 日 水曜日 by 山平

前回はTitanium Mobileで散々にやられちゃいました。

しかし、ネットで見る限り、Titanium Mobileそのものがそこまでひどいもののようにも思えないのです。
私の試し方にどこか問題があるような気がしてならないので、もう一度チャレンジしてみることにします。

テーマは同じく「Titanium Mobileでenchant.jsを(簡単に)アプリ化し、サウンドの再生(等の弱点)を克服する」です。
ネットの情報を見る限りiPhoneはここまで苦労していないようなので、今回のターゲットはAndroid(エミュレータ)のみです。

(さらに…)

enchant.jsをTitanium MobileのWebView上で動かせ(なかっ)た記録

2012 年 12 月 4 日 火曜日 by 山平

以前、enchant.jsのサウンド再生について、イマイチな結果が出てしまいました。

ブラウザ実装の対応を待つ以外になにか良い手はないものかと考えたところ、TitaniumMobileのWebViewにenchant.jsを載せて、サウンド部分だけネイティブの機能を使えばよいのでは?と思いつきました。
うまくいけば開発効率はほぼそのままに、enchant.js(とブラウザ実装)だけでは実現が難しい部分もクリアでき、さらにiphone、Android両対応が実現できてしまいそうです。

(さらに…)

jQuery Mobileを試した記録

2012 年 7 月 24 日 火曜日 by 山平

過去に弊社fujiiがjQueryMobileの紹介記事を書いています。

jQuery Mobileを試してみました。

先日やっと試すことができたので、記録しておきます。
PC向けサイトでjQueryに慣れているけど、jQueryMobileは初めて使う、と言う人は以下の点に注意して利用されることをおすすめします。

(さらに…)

enchant.jsのサンプルゲームを読む

2012 年 4 月 4 日 水曜日 by 山平

数回に渡ってenchant.jsとゲームについて、周辺の話を進めてきましたので、そろそろ本題に入ります。
enchant.jsにサンプルとして同梱されているアクションゲームのソースを眺めながら、少し手を入れてみます。

(さらに…)

enchant.jsの概説

2012 年 2 月 12 日 日曜日 by 山平

今回はJavascript+HTML5で簡単にゲームが作れるenchant.jsを紹介します。

少し触ってみましたが、シンプルさとJavascriptの柔軟性、妥当なフレームワーク構成でちょっとしたゲームならすぐに作れます。
凝ったゲームを作る場合のクラス拡張がとても簡単で、設計にセンスを感じます。

(さらに…)

Web Storageを使ってみる

2011 年 10 月 17 日 月曜日 by fujii

HTML5と共に標準化が進められているAPIの中にWeb Storageがあります。
Web Storageを利用すると、ローカルディスク上にデータの保存が可能となります。
Cookieと異なり有効期限がないので、データを永続的に保存することができます。

Web Storageにはローカルストレージセッションストレージの二種類があります。

  • ローカルストレージは永続的にデータの保存が可能
  • セッションストレージはブラウザを開いている間のみデータの保存が可能

使い方は簡単で、データの読み書きは以下になります。
(さらに…)

HTML5 videoタグでの動画再生

2011 年 2 月 14 日 月曜日 by Cooney

以前掲載した「HTML5のvideoタグについて。」の続編です。
前回レポートできなかったHTML5のvideoタグでの動画再生を
実際に試してみましたのでレポートします。
(さらに…)

HTML5のvideoタグについて。

2011 年 1 月 31 日 月曜日 by Cooney

こんにちはCooneyです。

みなさんご存知でしょうがHTML5にはvideoタグというのが新設されています。
~~・・・・

<span style="color: #800080;">&lt;p&gt;&lt;video src="***.vid" autoplay controls onerror="failed(event)"&gt;&lt;/video&gt;&lt;/p&gt;</span>

~~・・・・
といった構文でファイルの再生が可能になります。(※1)
この場合flashなどのプラグインなしで動画を再生するわけですが、
このHTML5 videoの主な再生コーディックとしてH.264(MPEG-4)とWebMの2つのコーディックが並んでいます。
H.264は現行最大勢力でありWebMは高画質かつロイヤリティフリーが特徴となっています。(※2)
今のところH.264 VS WebMという図式で語られていることが多いようです。

そんな中で2011/1/12にGoogleがChromeでのH.264サポートを終了するという記事が掲載されました。
http://headlines.yahoo.co.jp/hl?a=20110112-00000017-zdn_ep-inet

反響が大きかったせいかその後Googleが追加説明を行いました。
http://internet.watch.impress.co.jp/docs/news/20110117_420868.html

記事を読んでお判りの通り、現状ではエンドユーザーに特に影響はありません。
(さらに…)