HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数
PuzzleScript - HTML5製のパズルゲームフレームワーク
Webブラウザ用のゲームはインストール不要ですぐに遊べるのが利点です。そのため、あまり本格的なゲームよりもルールがすぐに覚えられてカジュアルに遊べるゲームの方が人気があります。 その一つとしてパズルゲームがあげられます。徐々にレベルアップしていけば、説明も殆ど必要ありません。ということで今回はそんなパズルゲームを作るためのフレームワーク、PuzzleScriptを紹介します。 PuzzleScriptの使い方 デモゲームを見ていきましょう。 どのゲームもとてもシンプルで、矢印キーとXキーくらいしか使いません。後はRキーでリセット、Zキーで一歩戻る操作になります。ゲームを作るための専用のエディタと言語を組み合わせていくことで、手軽にパズルゲームが作れるようになっています。 PuzzleScriptはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です
Webix·多彩なウィジェットを提供するHTML5デザインフレームワーク MOONGIFT
開発者にとってデザインは大きな関門です。だからBootstrapのようなフレームワークに人気が集まります。デザインを気にせずさくさくとWebアプリケーションが開発できれば、もっとプロダクトは増えていくはずです。 そこで今回紹介するのがWebixです。HTML5のウィジェットフレームワークで、アプリ開発に大いに役立つはずです。 Webixの使い方 テーブル。セルの結合やスクロール部分の指定などかなりこだわった表示ができます。 ツリービュー。 ナビゲーション。 動画アップロード。ステータス表示機能付きです。 レイアウト。かなり細かく指定できます。 リスト。 ウィンドウ。ポップアップ。 フォーム。 カレンダー。 テーブル&ツリー。 データビュー。 グラフ。 より作り込まれたデモです。 グラフと表の組み合わせです。 地図、国のリストなど。 ファイルマネージャ。メールでも使えそうですね。 Webix
HTML5ゲームエンジン「Phaser」が初心者とモバイルにやさしくていい感じです - syonx
Phaser - Desktop and Mobile HTML5 game framework モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。 Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。 Tags: flash-like 2d sounds collisions physics typescript webgl free cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js Examples - PixiJS ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 HTML5 Game Engines - Find Which is Right For You HTML5ベースのゲームエンジン一覧。比較がしやすい。 Phaser
Famo.us·WebGL/Canvasを使って高度な表現を可能にするJavaScriptフレームワーク MOONGIFT
スマートフォンにおいてWebかネイティブかと言った議論は常にされています。ネイティブアプリは高度なUI/UXを提供する一方、インストールの手間が否めません。Webは速度やUXにおいて見劣りがします。 しかしWeb（HTML5）の進化は止まりません。ついにここまで！というフレームワークがFamo.usです。3Dを備えたレンダーを行うJavaScriptフレームワークになります。 Famo.usの使い方 たくさんのデモが登録されていますので見ていきましょう。 写真と画像の組み合わせ。左右から表示されるアニメーションもあります。 スクロールパララックスエフェクトのデモ。 アニメーションのデモ。 カレンダーの日付を選択するとスケジュールが開きます。アニメーションがスムーズです。 スライドして表示される写真のデモです。 ページ送りのデモ。 天気アプリデモ。ベクター調の表示がいいですね。 タスク管理。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」
