Web開発
Show HN: レーザーグラフィティ
Show HN: Laser Graffiti (laser.consti.de)
要約
このプロジェクトは、ウェブブラウザ上で動作するインタラクティブなレーザーグラフィティ体験を提供します。特別なプロジェクターは不要で、マウスや指をレーザーポインターとして使用できます。カメラとプロジェクターを接続し、ブラウザ上でキャリブレーションを行うことで、壁に絵を描いたり、コンピューターと三目並べをしたりできます。
全文翻訳
ここで試してみてください。このレーザーグラフィティにはプロジェクターは必要ありません。マウス(または指)がレーザーになります。ブラシを選び、モードをオンにするか、セルにXを描いてコンピューターと三目並べをプレイしてください。仕組みすべてがブラウザで実行されます — インストール不要、ネイティブアプリ不要。
01セットアップ
プロジェクターをセカンドスクリーンとして接続し、投影エリアにウェブカメラを向けます。コントロールウィンドウとプロジェクターウィンドウを開きます(フルスクリーンにはFキーを押します)。
02キャリブレーション
ワンクリックで投影の角にマーカーが点滅し、カメラがそれらを見つけてカメラ→プロジェクターのマッピングを計算します。その後、4秒間レーザーを振ると、検出器が明るさと色を学習します。
03描画
毎フレーム、カメラはレーザーのドットを見つけ、それをプロジェクターにマッピングし、プロジェクターはストロークを描画します — 指した場所に正確に。レーザーを☰コーナーに保持すると、壁上のメニューが開きます。
機能
6種類のブラシ:丸、マーカー、カリグラフィー、ネオン、スプレー、レインボー
壁に滴り落ちるウェットインク
描画を押し出した3Dオブジェクトとして回転
フェードアウトモードと万華鏡ミラーリング
スパークルパーティクルトレイル
壁上でのコンピューターとの三目並べ
描画可能エリアの周りのカラーボーダー
スナップショット:写真+描画を保存、ファイルとしてダウンロード
レーザー操作メニュー — ラップトップに触れる必要なし
光沢のある床でもロバストな追跡
緑または赤のレーザーで動作
依存関係ゼロ、MITライセンス、オープンソース
必要なもの
Chrome搭載のラップトップ、プロジェクター(HDMIプロジェクターなら何でもOK — セカンドスクリーンとして機能します)、投影エリアが見えるウェブカメラ(内蔵カメラで十分です)、レーザーポインター。緑色のレーザーがカメラで最もよく見えます。
レーザーグラフィティを開始する →