強火で進め

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

2011-04-01から1ヶ月間の記事一覧

擬似3Dのスケッチアプリ「Sketch」

スペースキー+ドラッグでキャンバスを回転出来ます。 Chrome Experiments - "Sketch" by Hakim El Hattab http://www.chromeexperiments.com/detail/sketch/

githubの最新バージョンに素材データ追加

enchant.js、最初にzipで配布されたものにはマップチップやキャラクター、アイコンなどの画像素材が同梱されていたのですがgithubで更新されているものにはこちらのデータが有りませんでした。サンプルで使われている画像データを使うという手は有りましたが…

UIWebViewでの自動リンク化の制御

iPhoneのSafariでは電話番号っぽい数字の並びが有った時に自動的にリンク化されます。こちらについては以下のmetaタグを記述する事でこの処理を行わない様にする事が可能です。 <meta name="format-detection" content="telephone=no" /> しかし、UIWebViewではこのタグは無視されリンク化が行われます。UIWebViewで</meta>…

フォント画像での文字列(テキスト)描画のプラグインを作った

今回のサンプル サンプルの全ファイル(追記 2011/05/03) 新しいバージョンをリリースしました。 文字列(テキスト)描画のプラグインに文字列変更対応版のクラスを追加 - 強火で進め http://d.hatena.ne.jp/nakamura001/20110502/1304348628 (追記 2011/05/01)…

Safariで使用可能なキーボード

inputタグのタイプなどを指定する事で以下の入力に適したキーボードが使用可能です。 電話番号 URL メールアドレス 数字 実際にiPhoneで確認したい場合はこちらにアクセスして下さい。キーボードレイアウトはこの様になります。 通常 <input type="text" /> 電話番号 <input type="tel" /> URL <input type="url" /> メール…

シューズでのタップを感知して音を鳴らすシステムを使ったAdidasのCM

Adidas Megalizer by @didierbyte and @SidLee - #Processing #Flash #Sound | CreativeApplications.Net http://www.creativeapplications.net/flash/adidas-megalizer-processing-flash-sound/ XBeeなどが使われてるみたいです。

Unityで使える樹木モデルを作成出来るiPadアプリ「TreePad」

Unity Technologies Blog » Blog Archive » Experimenting with TreePad in Unity http://blogs.unity3d.com/2011/04/27/experimenting-with-treepad-in-unity/ Unity専用のツールと言うわけでは無く、FBX形式でエクスポート可能なので対応しているアプリで…

Client-Side DatabaseとLocal Storage

Client-Side Storage(クライアントサイドストレージ)はリレーショナルDB(SQL文を使うようなDB)。バックグラウンドはSqliteで実装されている事が多いみたいです。Local Storageはキーバリュー型(キーを指定して値を取得)のDBです。 サンプル Client-Side Stor…

HTML5によるゲームプログラム本「AdvancED HTML5 Games」

まだ目次も公開されていないので詳細は不明ですがWebsocketを使ったマルチプレイやWebGLを使った3Dプログラムの解説。モバイル向けの解説などを扱った本になるみたいです。出版社のサイト。 AdvancED HTML5 Games - HTML - Web Development http://www.apres…

HTML5によるゲームプログラム本「Learning HTML5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL」

扱ってる内容は以下。 Canvas SVG WebGL 目次はこちら。 Chapter 1. Introducing HTML5 K.Moving beyond Basic HTML Bridging the Divide Getting Things Done with Web Workers and Web Sockets Application Cache Database API Web Storage Geolocation Ge…

糸井重里さんの「羊どろぼう。」からの言葉「多忙は怠惰の隠れ蓑である」

ラジオで紹介されていて気になった言葉「多忙は怠惰の隠れ蓑である」。羊どろぼう。 (ほぼ日ブックス #)作者: 糸井重里,奈良美智出版社/メーカー: 東京糸井重里事務所発売日: 2011/03/11メディア: 単行本(ソフトカバー)購入: 3人 クリック: 23回この商品を…

Chrome 11リリース、音声入力に対応

Chromeはいつの間にまたバージョンアップしてたみたいで11の一般リリース版が出てたみたいです。Chromeの現在のバージョンはこちらで確認出来ます。 今回の大きな変更点は音声入力です。音声入力に対応した入力欄ではこの様にマイクのアイコンが表示されます…

1982年の少女マンガに掲載さいれていた原子力発電に伴う環境問題を扱った作品「Die Energie 5.2☆11.8」

Twitterでこちらの画像に関するつぶやきがRTされて来て知った作品。これが1982年の作品だというのですから凄い。 「はみだしっ子」「ルーとソロモン」によって作者が10代の少女に熱狂的な支持を受けた直後に発表された。作品の発表がスリーマイル島原子力発…

付属のバーチャルパッドのプラグインが8方向入力に対応

今回のサンプル サンプルの全ファイル最新版の enchant.js では標準で付属しているバーチャルパッド以前の上下左右のいずれかしか取得出来ない仕様から斜め入力も取得出来る様にバージョンアップし、8方向入力に対応していました。しかも、以前の様に game.j…

4Gamer.netの「enchant.js」によるゲーム制作入門記事が良い

enchant.js について一通り解説されている良記事。これを読めば基本部分はマスター出来るのでは無いでしょうか。 4Gamer.net ― 「enchant.js」でゲームを作ろう! HTML5とJavaScriptによるアクションゲーム制作入門(ミドルウェア/開発ツール) http://www.4…

enchant.js向けの全方向入力可能なバーチャルパッド

今回のサンプル1 今回のサンプル2 サンプルの全ファイル enchant.js に付属しているサンプルのRPGではバーチャルパッドを使っていますがこのバーチャルパッドは上下左右のいずれかの一方向にしか入力出来ません。以前書いた車のサンプルではスマートフォンで…

IDEA*IDEAさんの「RPG編その4」の部分の解説補足(その2)

前回の続き。max()の方の解説。元はこれですが x = Math.max(game.width, x + map.width) - map.width;ちょっと分りづらいのでmax()の2つの引数に - map.width を行い以下に変更。 x = Math.max(game.width - map.width, x);1つ目の引数で注目すべきは - map…

IE9を使ってみた

IE

IE9が本日リリースされたので早速、Windowsマシンにインストールしてみました。OSが64bit版を使っているのでせっかくなので64bit版のIEを使ってみたところはてなダイアリーのFlashの部分が描画されませんでした。Youtubeに移動してみた所、Flash Playerのイ…

IDEA*IDEAさんの「RPG編その4」の部分の解説補足(その1)

enchant.jsのサンプルコードを解読する(RPG編その4) | IDEA*IDEA http://www.ideaxidea.com/archives/2011/04/rpg_4.html IDEA*IDEAさんの「RPG編その4」読みました。自分もmin()、max()使うよりかはif文でやっちゃうかなぁ?と思いました。でもまぁ、min(…

オンラインでJavaScript製ゲームの作成と公開が出来るサイト「Effect Games」

EffectGames.com http://www.effectgames.com/effect/

JavaScriptのコードを圧縮するツール「packer」

オライリーの「ハイパフォーマンスJavaScript」で紹介されていたツール。こちらの本によるとjQueryのファイルを圧縮した場合にgzipで圧縮した場合と同等のファイルサイズになるとの事。しかし、JSファイルの実行時に一定のコストがかかる。その為、gzip圧縮…

CSSアニメーション時の緩急をGUIで自作出来るツール「Ceaser」

CSSアニメーションではアニメーションに緩急を付ける事が出来ます。例えば右から左に移動をさせるアニメーションを作った場合、同じ速度で移動する事も可能ですが「最初はゆっくり加速して終わり近くになったらゆっくり減速させる」「最初に急加速して終わり…

IDEA*IDEAさんでenchant.jsのRPGのサンプルの解説

IDEA*IDEAさんで enchant.js に付属しているRPGのサンプルについて解説されています。丁寧に画像入りで解説されており、お勧めです。 enchant.jsのサンプルコードを解読する(RPG編その1) | IDEA*IDEA http://www.ideaxidea.com/archives/2011/04/enchant_r…

車の移動処理

今回のサンプル1 今回のサンプル2 サンプルの全ファイル車の移動処理。車特有の前進やバックをしている時のみハンドルを切る効果が有る(進行方向の変更を受け付ける)様に実装。サンプル1 プログラムの主な部分はこちら。 car.deg = -90; car.addX = 0; car.a…

WebGLでソニック

WebSonic (WebGL, source code released) - Sonic Retro Message Board http://forums.sonicretro.org/index.php?showtopic=24965&sms_ss=twitter&at_xt=4db1c3989391990f,0 ソースコードはこちら。使用しているライブラリはSylvester、jQuery。 Coreh/WebSo…

「ActionScriptを使わないFlash勉強会 #1」に参加してきた

ActionScriptを使わないFlash勉強会 #1 - [PARTAKE] http://partake.in/events/2f2588c4-6a00-465c-b50f-752138a58b70 yoya「PHPでのSWF編集とその応用」 @yoyaスライドなどはこちらから。 ActionScriptを使わないFlash勉強会 #1 - yoyaのメモ http://d.hate…

キャラクターの追加時に一瞬、(0, 0)の位置に表示される不具合が修正

今回のサンプル サンプルの全ファイル 昨日のエントリーで紹介したタイミングによっては一瞬、(0, 0)の位置に表示される不具合ですが修正された様です。 キャラクターの追加方法 - 強火で進め http://d.hatena.ne.jp/nakamura001/20110422/1303491804 早速、…

レイヤーの前後関係を考慮したキャラクター追加方法

今回のサンプル サンプルの全ファイル 例えば画面の奥から「背景」「キャラクター」「手前に描画する画像」という並び(レイヤー)にしたい場合、最初にこれらをまとめてゲーム開始前に追加する場合は問題は有りません。しかし、ゲーム中に随時キャラクターを…

Unity製のマルチプレイヤーゲーム

ゲームロフトが制作したゲーム。 ゲームの神の子 daiのキセキ N.O.V.A. Near Orbit Vanguard Alliance: Elite - Unity製ブラウザ マルチプレイ 3DFPS http://dai2pon.blog77.fc2.com/blog-entry-2385.html こちらは作者不明ですが他にもこの様なゲームも有り…

キャラクターの追加方法

今回のサンプル1 今回のサンプル2 サンプルの全ファイル 画面をタップするとタップした位置にキャラクターを追加する方法を解説。普通に書くとこんなプログラムになります。しかし、 enchant.js の現在のバージョンではタイミングによっては一瞬、(0, 0)の位…