強火で進め

このブログではプログラム関連の記事を中心に書いてます。

HTML5

スマートフォンで自機の操作をして迷路を攻略するゲーム「World Wide Maze」

Chrome Experimentの新しいコンテンツ「World Wide Maze」登場! 川村真司、富永勇亮、Saqoosha、高谷優偉が語る世界創造物語 | white-screen.jp http://white-screen.jp/?p=25855

Webカメラで撮影した画像に様々な画像処理を行うHTML5で作られた作品「Webcam Toy」

HTML5 Webcam Toy http://neave.com/webcam/html5/ 画像処理はWebGLのフラグメントシェーダを使う事により、この高速性を実現してるみたいです。

アタリのゲームが遊べてゲーム開発者向けにSDKも提供されているサイト「ATARI ARCADE」

Atari Arcade http://atari.com/arcade#!/arcade/atari-promo こちらの記事で知りました。 HTML5でアタリのゲームが遊べる『ATARI ARCADE』 ゲーム開発者向けにSDKも提供 - ガジェット通信 http://getnews.jp/archives/247257

KAG3/吉里吉里と互換性のあるHTML5ノベルゲームエンジン「TyranoScript(ティラノ・スクリプト)」

iPhoneやAndroidでも動作するそうです。 TyranoScript ティラノ・スクリプト|KAG3/吉里吉里と互換性のあるHTML5ノベルゲームエンジン http://tyrano.jp/

「第1回 渋谷 HTML5+CSS3+JS de ゲーム勉強会 html5技術講座 x コロプラ事例発表」に行って来ました

【即日満員/増員400名】第1回 渋谷 HTML5+CSS3+JS de ゲーム勉強会 html5技術講座 x コロプラ事例発表 : ATND http://atnd.org/events/25251 ソーシャル時代に見るWeb系エンジニア生き残り戦略 - mochrom クロカワ リュートさん なぜ戦略が必要なのか ター…

海外ではHTML5でのゲーム制作についてのポッドキャストが有るみたい

「Lostcast」という名前のポッドキャスト。現在、第7回まで配信されているみたいです。 HTML5 Game Makers : Lost Decade Games http://www.lostdecadegames.com/

Gamepad APIについての解説記事「An Introduction to the HTML5 Gamepad API」

An Introduction to the HTML5 Gamepad API | Activetuts+ http://active.tutsplus.com/tutorials/games/an-introduction-to-the-html5-gamepad-api/ 関連情報 FirefoxでゲームパッドAPIを使うサンプル - 強火で進め http://d.hatena.ne.jp/nakamura001/2012…

Construct 2で作られたHTML5製ゲーム「Tiny Prince」

王子を操り、隕石から惑星を守るというゲームです。マウスの左クリックで王子が移動します。王子はクリックされた方へ移動します。右クリックで「ライトビーム(隕石を攻撃する武器)」を発射します。自分のFirefoxの環境では右クリックをしてもライトビームが…

HTML5のゲーム開発の現状について網羅的に書かれた良記事「The Reality of HTML5 Game Development and making money from it」

The Reality of HTML5 Game Development and making money from it | Photon Storm http://www.photonstorm.com/archives/2759/the-reality-of-html5-game-development-and-making-money-from-it そこで紹介されてたゲームを紹介。CSSで作られたゲーム。 CSS…

YouTubeに毎秒1時間分の動画がアップロードされる様になったのを記念して作られたサイト「One Hour Per Second」

「毎秒1時間分の動画がアップロード」というものを色々なものと比較して表示しているアニメーションが流れます(ジョークな比較が多いですがw)。音も鳴っていますがこれは動画では無く、HTML5やJavaScriptを駆使して作られています。 ※ブラウザによっては(Fir…

5 Great HTML5 Games

5 Great HTML5 Games | Web Builder Zone http://css.dzone.com/articles/5-great-html5-games

これは便利、モバイルデバイスでのHTML5の対応状況を一覧出来るサイト「Mobile HTML5」

Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices http://mobilehtml5.org/

ゲーム関連を一通り扱っているHTML5本「HTML5 Canvas」

HTML5 Canvas作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オライリージャパン発売日: 2012/01/21メディア: 大型本購入: 1人 クリック: 27回この商品を含むブログ (6件) を見る目次はこちら。タイトルは「HTML5 Canvas」となっていますが実際に…

FirefoxでゲームパッドAPIを使うサンプル

以前、紹介したゲームパッドAPIのサンプルを作ってみました。 FirefoxのNightlyビルドとChromeのCanary版でゲームパッドAPIを提供開始 - 強火で進め http://d.hatena.ne.jp/nakamura001/20111220/1324389164 ※Firefoxの実装はW3Cのドラフトとはちょっと異な…

HTML5版「Cut the Rope」

現在のバージョンではタッチで遊ぶ事は出来ないのでiPhoneなどでは起動は可能ですがゲーム画面でロープを切る事が出来ませんでした。将来のバージョンではタッチでの操作にも対応予定だそうです。 Cut the Rope http://www.cuttherope.ie/ こちらにObjective…

PS VitaのブラウザのHTML5の対応具合を調査

PS VitaのブラウザのHTML5の対応具合を「The HTML5 test」にて調査してみました。確認した時のPS Vitaのシステムソフトウェアのバージョンは1.5です。 The HTML5 test - How well does your browser support HTML5? http://www.html5test.com/ まずはスコア…

FirefoxのNightlyビルドとChromeのCanary版でゲームパッドAPIを提供開始

FirefoxのNightlyビルドとChromeのCanary版(こちらはXBOXのコントローラなど一部のコントローラのみ対応している様です)ではゲームパッドの入力データを取得出来るAPIの提供が開始されています。 Gamepad API - Firefox and Chrome from Rob Hawkes on Vimeo…

「HTML5+IE9 Web Camp 2 with html5j.org」に行って来ました

HTML5+IE9 Web Camp 2 with html5j.org - Microsoft Web Platform http://www.microsoft.com/japan/web/webcamp2/default.aspx Togetterのまとめ。 HTML5+IE9 Web Camp 2 with html5j.org - Togetter http://togetter.com/li/228624 メモした内容を書いとき…

WebGLでの描画にも対応しているHTML5なアクションゲーム「Emberwind」

作者はOperaでインターンをしていて現在はOperaに勤めてるErik Mollerさん。実際のゲームはこちらで体験出来ます。ソースコードもこちらで公開されています。 Emberwind http://www.timetrap.se/emberwind/ Opera News - Emberwind, a HTML5 masterpiece htt…

HTML5環境の2Dゲームのパフォーマンスをブラウザ毎に比較した記事

現行のブラウザの正式版ではCanvasの2Dを使った場合はIE 9、WebGLを使った場合はChrome 15が一番パフォーマンスが良いみたいです。アルファの話になりますがOpera 12アルファの描画性能はChrome 15の44%高速みたいです。これはリリースが楽しみですね。C++と…

ツクール系の操作でHTML5なゲームが作成できるツール「Construct 2」

アプリの作成方法。 物理エンジン。 Construct 2 http://www.scirra.com/ Construct 2、GameMaker、GameSalad、Stencylのパフォーマンス比較。 Construct 2 vs GameMaker vs GameSalad vs Stencyl - Scirra.com http://www.scirra.com/blog/59/construct-2-v…

粘着性の有る素材をシミュレートしたデモ「Sticky Thing Touch」

こちらで試せます。掴んで画面の端に投げるとひっつきます。iPhoneなどにも対応していてます。指2本で拡大/縮小が可能。 StickyThing Touch - Readme http://m.spielzeugz.de/sticky/readme/

Firefoxでは緯度軽度に加え、住所の取得も可能

第23回HTML5とか勉強会のUstを見ていたらFirefoxでは7から「Geolocation API Specification Level 2」という仕様に対応していて住所の取得が可能という話が出ました。これは面白そうと思い、早速試してみる事にしました。 Geolocation API Specification Lev…

JavaScriptで動画をフルスクリーン表示する方法

参考記事はこちら。 Let Your Content Do the Talking: Fullscreen API - HTML5Rocks Updates http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+html5rock…

iOS 5のSafariで追加されたコンパス情報の取得方法

iOS 5ではSafariで方位が取得出来る様になりました。早速、試されている方も居るみたいです。 Taking a new device API for a spin ≪ James Pearce http://tripleodeon.com/2011/10/taking-a-new-device-api-for-a-spin O.C.A.S: Getting you bearings with …

HTML5 のオフライン機能

Google Developer Day 2011に参加しました。参加したセッションのメモを書いときます。(追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのこと…

今までにないサイトを作る:HTML5 による最新ウェブアプリ

Google Developer Day 2011に参加しました。参加したセッションのメモを書いときます。 今までにないサイトを作る:HTML5 による最新ウェブアプリ(Eric Bidelman) @petele 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developer…

Chromeにてアップロードファイルにフォルダを指定するinputタグの記述例

Chromeの場合は以下の様に webkitdirectory と directory を付ける(directoryは省略してもOK。仕様が確定してからは webkitdirectory の代わりに directory が使われる様になるのだと思われます)とアップロードするファイルの指定としてフォルダが選択できま…

iOS 5のSafariで追加された機能について書かれたブログ記事

iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ(くだくらげのBLOG) http://d.hatena.ne.jp/kudakurage/20111025/1319475131 iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【後編】…

iOS 5のSafariで追加された機能「inputの要素」

inputタグの要素として以下のものが追加されたそうです。 date time datetime datetime-local month range それぞれの要素を指定したの入力インターフェイス。 【date】 【time】 【datetime】 【datetime-local】 【month】 【range】 iPhoneなどで実際に試…