Webカメラ映像から人を消す - 無限壁破り駆動開発 <colspan=∞>
Webカメラ映像から人を消すJavascriptを実装しました。 @yabuki様の「風景から歩行者を消す手軽な方法」に発想を得て作成した物です。 風景から歩行者を消す手軽な方法 | 配電盤 Taro YABUKI (yabuki) on Twitter カメラへのアクセスを許可するとWebカメラ映像から人を消すスクリプトが発動します。 実装のポイントは以下の通りです。 WebRTCでWebカメラ映像取得する ピクセル単位のアクセスをしたいので、Webカメラ映像のバッファを不可視なCanvasに落とし込む Canvasのピクセルの平均値を計算する(全部の値は持っていられないので逐次更新する平均値とした) 平均値の計算結果を可視なCanvasに描画する 詳しくは下記ソースをご参照ください。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適
グレープシティ、HTML5対応画像処理JavaScriptライブラリを「LEADTOOLS 17.5J」のプラグインとして発売
グレープシティは、高度な画像処理機能を備えたJavaScriptライブラリを「LEADTOOLS 17.5J Imaging Pro」および「LEADTOOLS 17.5J Document Imaging」のプラグイン製品「HTML5 Imaging Plug-In」「HTML5 Document Plug-In」として25日に発売する。 「HTML5 Imaging Plug-In」は、JavaScriptで簡単に画像処理を実装可能で、HTMLでライブラリの参照設定を行うだけで、さまざまな画像処理機能をもったWebページを実装できる。完全なJavaScriptライブラリとして提供するため、OSやブラウザの種類に依存しないクロスプラットフォームなWebアプリケーションの開発に対応する。 また、PDFやバーコードの読み書きにも対応し、ほかのプラグイン製品との組み合わせによって、PDF表示や
Webカムの映像を使ったソフトウェアを開発するなら使ってみよう·SimpleCV.js MOONGIFT
SimpleCV.jsはWebカムの映像を手軽に扱えるようにするJavaScript版SimpleCVです。 Pythonベースで作られたOpenCVを手軽に扱えるようにするライブラリがSimpleCVです。そしてそれをJavaScriptにポーティングしたのがSimpleCV.jsになります。 上がWebカムから取り込んでいる画像です。下がそれをグレースケール処理したものになります。リアルタイムです。 さらに様々なイフェクトを加えた結果。かなり怖いです。 こちらはJavaScriptから映像データを取り込んでいるデモ。画像サイズを取得しています。 HTML5のgetUserMediaによってWebカムとWebシステムが容易に連携できるようになっています。それをさらにSimpleCV.jsによって扱いやすくできれば、もっと面白いサービスが生まれる可能性がありそうです。 SimpleCV.j
JavaScriptグラフィックス
TOPICS Web , HTML/CSS , JavaScript 発行年月日 2012年03月 PRINT LENGTH 288 ISBN 978-4-87311-528-3 原書 Supercharged JavaScript Graphics FORMAT PDF Webテクノロジーが進化したことによりJavaScriptグラフィックスを使ったリッチなWebアプリケーション開発が可能になりました。本書ではJavaScriptによる最新のグラフィックスプログラミングについて解説します。ゲームやDHTMLエフェクト、HTML5 Canvasなどの実例を通して、高性能なJavaScriptグラフィックスの実装方法を学びます。グラフィックスやアニメーションだけでなく、WebSocketを用いた通信、Google Chart Tools、スマートフォン向けのトピックまで幅広く扱います。日本語
iOS 5で使えるWeb Workersでカメラアプリ作ってみた (1/4)
iOS 5のSafariでは、コンパスの値をリアルタイムで取得する機能と、JavaScriptで並列処理を実行できる「Web Workers」が追加されました。連載第80回（関連記事）では、コンパス機能を使ってPhoneGapアプリを作成しましたが、今回はもう1つの新機能であるWeb Workersを使って、カメラで撮影した画像にエフェクトを加えるアプリを作ってみましょう。 カメラからはCapture APIを使って画像を取り込みます。Capture APIについては連載第74回の「Capture APIでiPhone用ビデオレコーダーを作ろう」を参照してください。
Face Detection in JavaScript via HTML5 Canvas
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element. The algorithm is implemented on
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:phpspot開発日誌
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WEBはもっと高速に、サーバにも優しくなっていく流れになっていきそうですね。 GitHubでは２つのJSと１枚のHTML、１つのPHPコードが配布されています。 ccv.jsがコアで、face.jsは定義ファイルっぽいです。 画像を外部から呼び出すためのプロクシ用にphpを使っていますがphpでOpenCVを使ったりはしていないようです。 関連エントリ PHPでOpenCVなしのピュアPHPで顔認識す
Canvasによる3Dテクスチャマッピングとパフォーマンスチューニング（仮題） - 最速チュパカブラ研究会
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日（11日）は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実（AR）のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
スクロールさせると動く動画 :: デイリーポータルZ
なにげなく画面をスクロールした時、ふと写真が動いて見える（ような気がした）ことが何度かあった。そこである時こう考えた。「連続写真を縦に並べてスクロールさせたら、動いて見えるんじゃないか？」 なんで？って思ったかたはよく考えてみてほしい。 映画だって、連続写真が何枚も縦に繋がってて、それをリールに巻きつけてダーっと流す。言ってみればスクロールさせてるようなものだろう。そもそも、スクロールって「巻物」って意味だし。 （T・斎藤）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
js at current from liuliu's ccv - GitHub