Firefox OS - naoyaのはてなダイアリー
Firefox OS が面白そう、というので少し触ってみました。 Firefox OS はWeb 標準ベースの開発を基礎としたモバイル端末用プラットフォーム、要は HTML と JavaScript と CSS でアプリケーション開発できるモバイル端末用の OS。間もなく Developer Preview Phone な実機が発売されるというのでにわかに盛り上がりを見せているみたいです。 Firefox OS が目指すところは Web 標準による、開発者がロックインされないオープンなプラットフォーム。iOS や Android の昨今の状況を見れば、そのアンチテーゼになるプラットフォーム構想があってもおかしくないわけで、まさにそれを目指しているようですね。 いったいどんなものかという概観は dynamis さんによるスライドが分かりやすい。 Firefox OS from dynamis
PerfumeのモーションデータをHTML5のCanvasで3Dっぽく動かした「Perfume x Canvas」
公式に配布されているデータを使ってPerfumeっぽい棒人間を踊らせまくっているのが「Perfume x Canvas」です。HTML5では「Canvas」というタグを使うことで、HTMLとJavaScriptだけでオブジェクト描画ができるようになっていますが、これを使って3Dっぽく動かしています。 「Perfumeのモーションデータ」というのがどういうものか、公式サイトに行くとムービーが流れるようになっています。 Perfume official global website(音量注意) http://www.perfume-global.com/ サイト左上にマウスカーソルを持って行くとメニューが表示され、その中の「ダウンロード」をクリックすると…… モーションデータのダウンロードページが表示されます。「You agree to our terms」の横のチェックボックスにチェックを入
マイクロソフト、自身でもHTML5/JavaScriptでMetroアプリを開発と宣言
Windows 8のコンシューマ向けプレビューが公開されましたが、その数日前にマイクロソフトは同社のクラウドストレージサービスであるSkyDriveをWindows 8と密接に結びつけるという方向性を明らかにしています。 アプリ、ファイル、PC、デバイスをクラウドとつなぐ SkyDrive と Windows 8 - Building Windows 8 - Site Home - MSDN Blogs Windows 8ではタブレット型デバイスなどにフォーカスしたMetro Styleと呼ばれるタッチ中心のユーザーインターフェイスを備えています。従来のPCに比べるとストレージ容量が小さく、モバイルでの利用が想定されるタブレット型デバイス向けにクラウドストレージサービスを提供することは、理にかなったものであるといえるでしょう。 WinRT上にHTML5/JavaScript/CSSで開発
HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameクラスを継承したメインクラス var Main = arc.Class.create(arc.Game, { // コンストラクタ(必要なら引数を指定) initial
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
HTML5ベースのノベルゲームエンジン「if-engine」 | スラド IT
ストーリー by hylom 2011年07月04日 17時53分 Write once, run anywhere 部門より HTML5とJavaScriptで実装されているノベルゲームエンジン「if-engine」のデモンストレーション動画が公開された。if-engineはWindowsおよびOS X、iPad、iPhone、Android対応をうたっており、デモ動画ではWindows、OS X、iPad、iPhoneで動作している様子が確認できる。 デモ動画では商業エロゲのデモ版をWebブラウザで実行させているようだ。電車の中でエロゲをプレイして駅員さんに回収されるアレゲな人々が現れないことを祈ります。
HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリングに成功 ネイティブプラグインは不要に？
http://www.grantgalitz.org/gameboy/