強火で進め

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

JavaScript

学生対抗ミニゲーム開発コンテスト "9leap(ナインリープ)"

スマートフォン(iPhone と Android) で動作するHTML5 + JavaScriptで作成されたミニゲームの開発コンテストです。 9leap : 学生対抗ミニゲーム開発コンテスト "9leap(ナインリープ)" 5月1日から投稿受付開始! http://9leap.net/ ゲーム開発コンテスト、ファ…

自動車の進化シミュレーター

HTML5とJavaScriptで作られた自動車の進化シミュレーターがかわいい | TRIVIAL TECHNOLOGIES on CLOUD http://coreblog.org/ats/genetic-car-simulator-built-with-html5-and-js シミュレーターまでJavaScriptで作れちゃうんですね。凄い!!

ブラウザのアドレスバーで遊ぶJavaScript製のゲーム

ブラウザのアドレスバーがゲーム画面「URL Hunter!」登場 | ネット | マイコミジャーナル http://journal.mycom.co.jp/news/2011/03/10/050/index.html

JavaScriptのゲーム向けベンチ「JSGameBench」

HTML5 Games 0.2: Integers are Your Friends - Facebook開発者 http://developers.facebook.com/blog/post/460 facebook/jsgamebench - GitHub https://github.com/facebook/jsgamebench

DropboxでHTMLやJavaScriptをお手軽にテストする方法

Dropboxには「Public」というフォルダが有ります。こちらのフォルダに置いておくとURLが与えられ、Web上にファイルが公開されます。他の人に大きめなファイルを渡す時などにも便利な機能です。このフォルダWeb上のURLが与えられるという事でちょっとしたHTML…

JavaScriptのゲームエンジン一覧

GitHubのここにまとめられている方が居られました。 これはGood Job! gist: 768272 - List of JS game engines- GitHub https://gist.github.com/768272

「HTML5 Game Jam Paris」のサイトのリンク集が便利そう

リンク集はこちら。 HTML5 Game Jam http://html5gamejam.org/?page=ressources 一瞬、以前紹介したこちらと同じものかな?と思いましたがこちらは最後にParisってついてますし、開催期間も2011/2/11-13の3日間だったみたなので完全に別イベントです。 「HTM…

Canvas関連のプログラムをしていたときに発生するセキュリティエラー Security error" code: "1000 の意味

FirefoxでCanvasタグに色々と描画をさせるプログラムをしている時に以下の様なエラーが発生しました。 Security error" code: "1000通常のエラーとは異なり、セキュリティエラーと有ります。しかも、具体的な情報はほぼゼロ。色々とテストした結果、何とか原…

jstudy #2が充実の内容だったみたい

本日、自分は「Firefox Developers Conference 2010」に参加していたのですがTwitter検索を眺めていると「jstudy #2」というイベントも本日開催されていたみたいです。つぶやき見ると充実した内容だったみたいです。 jstudy #2 : ATND http://atnd.org/event…

GoogleのClosure Libraryが凄い!!

前回のPython-hack-a-thonのプレゼンの枠でClosure Libraryの紹介がありました。自分はこの発表で始めて知ったのですがかなりの多機能ぶりで、一通りの機能が搭載されています。 Closure Library のサンプル目次を作りました - WebOS Goodies http://webos-g…

JavaScript+HTML5で作られたゲーム「Canvas Rider」が面白い

Canvas Rider http://canvasrider.com/ 「Canvas Rider」は手描きの絵をMTBのコースしたゲームです。こちらのベットルームをコースに見立てたものは難易度が高めでお勧めです。 Canvas Rider - 3D Bedroom by moose_man http://canvasrider.com/tracks/29472…

ブラウザだけでJavaScriptプログラムの作成、テストが出来る「jsCoder」がiPadにも対応

iPhoneのSafariブラウザでJavaScriptプログラムの作成、テストが出来る「jsCoder」が最近、iPadにも対応した様です。 記号のエリアで指を横にスライドして選択する事が可能で、小さいスペースにも関わらず間違いなく選択出来る優れたUIに成っています。記号…

マンガで覚えるJavaScriptプログラミング

JavaScriptプログラミングをマンガで解説されているサイトを発見。 マンガで分かる JavaScriptプログラミング講座 http://crocro.com/write/manga_javascript/wiki.cgi 本にもなってるみたいです。マンガでわかるJavaScript作者: クロノス・クラウン,柳井政…

JSファイルに記述した日本語が文字化けする時の対処法

基本的にはこういう場合は以下の様にcharsetを指定したりすれば直るのですがiPhoneのSafariではこの方法では解消されませんでした。 <script type="text/javascript" src="main.js" charset="uft-8"></script> 色々、試した結果BOM付きのUTF-8だと文字化けせずに表示される事が確認出来ました。MacだとBOM付きのUTF-8で保存出来る無…

HTML5時代に相応しいCSSを使ったアニメーション作成ツール「Edge」をAdobeが開発中

まぁ、そりゃ作っているよね。と予想していた人も多いでしょうがついにAdobeがHTML5環境向け(正確にはCSS3+JavaScriptだと思いますが)のアニメーション作成ツールを作成中で有ることがAdobe MAX 2010で話されました。Flashの様にタイムラインベースでアニメ…

パックマンライクなiPhone向けJavaScript製ゲーム「Pie Guy」

こちらの作品、紹介してたと思ったのですが確認してみたらまだ紹介してなかったみたいです。結構前にリリースされたものですがなかなかの力作なのでいまさらですが紹介。作者さんのページはこちら。 Pie Guy - a free web game for your iPhone - Neven Mrga…

「HTML5 Game Jam」のサイトのリンク集が便利そう

10/9,10/10に開催された「HTML5 Game Jam」のサイトに有るリンク集が良かったのでご紹介。 ゲームエンジンやエフェクトなどの処理を行うJavaScriptのライブラリなどを含む、各種HTML5関連のサイトのリンク集です。 Game Engines, Art, and Other Resources -…

WebGLを使わないで3Dを描画する3Dレンダリングエンジン「Pre3d」

こんな感じのものが描画出来るみたいです。 WebGLみたいにハードウェアの支援がないので結構遅いです。こういうライブラリでもCanvasにハードウェアの支援(ハードウェアアクセラレータ)が加わってからは実用的に使えるように成るのでは?と思っています。 de…

1KB以内のJavaScriptで作品を作るコンテスト

JS1k, 1k Javascript demo contest http://js1k.com/home

IllustratorのaiファイルをCanvas向けのコードに変換するプラグイン

イラストレータのaiファイルをHTML5のCanvasタグ向けのコードに変換する。イラストレータのプラグインを作成した方が登場したみたいです。 MIX Online:Ai to Canvas Plug-In http://visitmix.com/labs/ai2canvas/index.html パスに沿って回転、拡大縮小、フ…

昔のドラクエの様なマップピースを使ったスクロール処理のサンプル

カーソルキーで移動出来ます。 Game On 2010 Example - Old School RPG Map http://people.mozilla.com/~jdicarlo/rpg-map-demo/rpg.html

JavaScriptで作られたゲーム向けのサウンドエフェクトジェネレータ「sfxr.js」

Audio Data APIを使っていてFireFox 4対応で動作するそうです。sfxr.js from David Humphrey on Vimeo. 関連情報 sfxr.js: sound for open web games http://vocamus.net/dave/?p=1166 移植元DrPetter's homepage - sfxr http://www.drpetter.se/project_sfx…

JavaScript製のゲームをiOS向けに変換するエンジンを作成した人が登場

JavaScriptで作られていたブラウザで動作するゲームをiOSで動く様に変換するエンジン「Impact for iOS」を作成された方が登場しました。しかも、アクションゲームにも関わらずiPhone 3GSで60フレームで動作しているそうです。 Biolab Disaster on the iPhone…

Chrome上のJavaScriptで動作する各種デモ

Chrome Experiments - Home http://www.chromeexperiments.com/ 2Dアクションゲーム「Biolab Disaster」 砂を使ったパズルゲーム「Sand Trap」 パズルの画面をドラッグで回転させ、砂を全てバケツに入れるとクリアです。 ビデオを使ったピースでパズル「Vide…

HTML5製のmuroとdeviantARTってサイトが凄い!!

HTML5製のペイントツール。 deviantART muro http://muro.deviantart.com/ 画面の左下にはwacomのプラグインのリンクが有ります。自分はタブレット持ってないので確認出来ませんでしたがプラグインを入れるとwacomのタブレットがこのページで使える様になる…

JSONをツリー表示で編集出来るWebアプリ「JSON Editor」

JSON Editor by katamari http://jsoneditor.net/ 昨日、紹介した「JSONLint」の事をtwitterで話したら、自分はこれを2年前から使ってると「JSON Editor」というのを紹介して貰いました。早速、どんなものかと見てみたら凄いですねコレ、表示はツリー表示に…

JSONの整形と検証(Validate)をしてくれるWebアプリ「JSONLint」

JSONLint - The JSON Validator. http://jsonlint.com/ この様にWeb APIなどで取得した改行無しなJSONデータも この様に綺麗に整形してくれます。 最初の favorited の " の片方を削除してから「Validate」ボタンを押すとこの様にエラーの発生した行数と内容…

JavaScript用コマンドライン「JSconsle」iPhoneアプリ版

昨日、紹介した「JSconsle」のiPhoneアプリ版も有るみたいなので紹介します。 iPhone、iPadでも使用可能なJavaScript用コマンドライン「JSconsle」 - 強火で進め http://d.hatena.ne.jp/nakamura001/20100927/1285555262 こちらからDL出来ます。 remy's jsco…

iPhone、iPadでも使用可能なJavaScript用コマンドライン「JSconsle」

FireBugのコンソールに当たるものに近いものが実装されています。 JavaScript console - for debugging, presentations and workshops http://jsconsole.com/ GitHubにソースも有るみたいです。 remy's jsconsole at master - GitHub http://github.com/remy…

iPhone版Safariで遊べる「CapMan」

iPhone版Safariで遊べる「CapMan」を作られた方が登場しました。 「Pac-Man」では無く「CapMan」です。 Capman http://www.kesiev.com/akihabara/demo/game-capman.html おまけ モレスキン、Pac-Manバージョンも有るんですね。Moleskine Limited Edition: Pa…