クロノス・クラウン - 記事検索

ツイート @rutenさんをフォロー
クロクロ ショップ 本、ゲーム、同人誌他を販売
クロクロ ツールズ 便利なWebアプリを多数収録
IT用語大辞典 IT用語を解説
ソフトウェア
めもりーくりーなー Winのメモリーをお掃除するソフト
Novel Supporter 小説推敲補助ソフト
PCソフト 便利なソフトを多数公開
Webサービス 便利で楽しいサービス多数
レトロゲームファクトリー レトロゲーム移植会社のお仕事小説
#電書ハック 電子書籍編集部のお仕事小説
顔貌売人 IT系ミステリ
裏切りのプログラム IT系ミステリ
ゲーム
Little Bit War Switch向け高速RTS
TinyWar high-speed 1ステージ数分の8bit風RTS
EX リバーシ 変形盤面、ステージ多数
PuzzleAndGame.com ブラウザで遊べるパズルやゲーム
同人活動
るてんのお部屋 コミケなどで活動(DL販売
http://crocro.com/html5/jscam/app/test/index.html
2011年12月29日 04:43:05
 今年の春ぐらいに、JavaでARToolkit代替のライブラリをフルスクラッチで作ったのですが、JavaではWebカメラを使用する制限が大きいので、どうしようかなと思い、塩漬けにしていました。

 その後HTML5を少し触り、カメラの画像を取る仕様があることを知り、JavaScriptに移植しようかなと思ったのですが、ブラウザ未実装なことを知り、がっかりしていました。

 昨日、Flex SDKをダウンロードしてみて、今更ながらFlashを触り始めたので、ActionScriptからJavaScriptにデータを転送する形で、WebカメラのデータをCanvasに表示するライブラリを作ってみました。

□実験 - JSカメラ

 ActionScriptは、まだ完全な初心者なので、手探りでの実装です。



 とりあえず、既知の問題は以下2点。

 1番大きな問題は、IEでメモリが肥大していくことです。ChromeやFirefoxでは発生しないので、IEのバグなのかなあと思います。

 2番目の問題は実行速度が遅いことです。FlashからJavaScriptへのデータの受け渡しが非常に重いようです。ここはどうにもならないので、どうしようかなあというところです。

 なので、リアルタイム向けというよりは、Flashでプレビューして撮影みたいな使い方しかできないかもなあという感じです。

 うーん。



 とりあえず、将来、HTML5でカメラが実装された時に、そのまま使えるような形で、AR系の処理を実装できればなと思います。

 とはいえ、年末の空き時間2日を使って突貫で作ったので、先は未定です。

 ドキュメントを作って、ライブラリとして正式公開するのは、年明けかなあと思います。



 以下、ライブラリを使ったソースコードです。それなりにシンプルです。

// 変数
var one, loop;

// 起動時処理
$(document).ready(function() {
  initJsCam();  // JSカメラ初期化
});

// JSカメラ初期化
function initJsCam() {
  // JSカメラ初期化
  crocro.jscam.initJsCam();

  // キャンバスの初期化(ループ描画用)
  loop = new crocro.jscam.CanvasSet("cnvsLoop", "loop");
  var fps = new crocro.jscam.calcFps("outFps");
  loop.setExtrFnc(function() {fps.outVal()});
  loop.capture();   // ループでキャプチャ開始

  // キャンバスの初期化(1回描画用)
  one = new crocro.jscam.CanvasSet("cnvsOne", "one");
}

// ループの停止・再開
function swicthCaptureLoop(my) {
  loop.switchLoop(my.checked);
}

// キャプチャ1回分
function captureOne() {
  one.capture();   // 1回キャプチャ
}

// 画像出力
function outputImg() {
  var dId = "img" + new Date().getTime();
  $("#output").append($("<img>").attr("id", dId));
  loop.outputImage(dId, "");
}
最新20件 (全て見る)

柳井が執筆した本や商品 (全て見る

マンガでわかるJavaScriptのPromise
JavaScriptのPromiseをマンガで解説。無料。
レトロ風RPG 全コード
JSのレトロゲーム風RPGの全コードを掲載&解説。
タワーディフェンス 全コード
JSのタワーディフェンスの全コードを掲載&解説。
レトロゲームファクトリー
過去のゲームを最新機用に移植する会社のお仕事小説。新潮社より発売中。
#電書ハック
電子書籍編集部のお仕事小説。文藝春秋より発売中。
顔貌売人 ハッカー探偵 鹿敷堂桂馬
シリーズ第2弾。文藝春秋より発売中。
裏切りのプログラム ハッカー探偵 鹿敷堂桂馬
松本清張賞の最終候補に残った拙作小説(デビュー作)。

サイト目次

PCソフト/Webアプリ/ゲーム

記事/マンガ

柳井の同人活動

開発

携帯・スマホ

アナログ・ゲーム

Cronus Crown(クロノス・クラウン)のトップページに戻る
(c)2002-2024 Cronus Crown (c)1997-2024 Masakazu Yanai
ご意見・お問い合わせはサイト情報 弊社への連絡までお願いします
個人情報の取り扱い、利用者情報の外部送信について