iwaki2010のブックマーク - はてなブックマーク

結婚式二次会用に Node.js x ブラウザでタイピング対決アプリを作ってみた - 凹みTips

はじめに先月、友人の結婚式の二次会でタイピング対決をしたいとの企画を、幹事の友人から受けました。面白かった要件としては、二人の顔を 2 台のカメラで映したいタイピングしてる様子をリアルタイムで見たいというものです。これをサーバは Node.js で、クライアントはブラウザで作成しました。エントリ書いてもいいよ、と許可を頂いたので、今後似たような依頼を受けた方のご参考になるように、エッセンス部分をご紹介します。（追記：2013/11/20）幹事さんも記事を公開されました： http://tjun.org/blog/2013/11/wedding-typing/ やったことホスト PC 側で新郎新婦それぞれの PC からのログインを待ち受けします。イイ感じに○で切り抜いてくれるような PNG をイラレで作っておきました。それぞれの PC からログインしてもらいます。ログインし

iwaki2010 2013/11/19

html5

リンク

Maker Faire Tokyo 2013 でレゴへのプロジェクションマッピングネタで出展してきた - 凹みTips

はじめに 11/3、4 で開催されていた Maker Faire Tokyo 2013 に、id:jonki と凸P（Mont Blanc Pj.）というネタで出展してきました。レゴで作ったステージにゲーム画面をプロジェクションマッピングし、レゴを動かすとゲーム内のブロックも動的に変更されたり、そのゲーム内の物体とハードウェアが連動したりする、というネタです。ものづくり系のイベントに出展するのは今回が初めてで完成が直前になってしまいましたが、何とか形にすることが出来ました。そして2日間大きな問題も起こることなく多くの方に体験していただくことが出来て、とても楽しい時間を過ごすことが出来ました。出展中は時間の都合上ざっくりとしか説明出来なかったのですが、私は主にソフト面を担当したので、その詳細な仕組みやコードを本エントリで紹介させていただければと思います。概要展示で再生していた紹介動画

iwaki2010 2013/11/05

OpenCV

リンク

QML から OpenCV で取得したカメラ画を表示してみた - 凹みTips

修正（2013/09/16） ※ タイトルが内容に即していないため変更しました（旧: Qt Quick 2 で使える OpenCV 用の QML 要素を作ってみた）。内容に即した記事は次回で書いています。はじめに OpenCV 始めました。C++ インターフェース使うと C++11 と併せてサクサク処理できてとても楽しいです。ただ、単体ではどうしても弱い UI 周りをどうしようかなと思い、広く使われている openFrameworks を使おうかとも考えたのですが、もっと気軽に扱いたく思い Qt Quick 2 の QML から使えるようにする方法を調べてみました。概要 QQmlImageProvider を利用します。 QtQuick 5.0: QQuickImageProvider Class | Documentation | Qt Project 4.x 系の時は QtDec