みかづきブログ・カスタム

基本的にはちょちょいのほいです。

HSV の検索結果:

OpenCV.jsで映像を二極化して白い部分をトラッキングする 📷

…COLOR_RGB2HSV_FULL); this.cv.inRange(this.distMat, this.minMat, this.maxMat, this.distMat); this.cv.medianBlur(this.distMat, this.distMat, level * 2 + 1); this.cv.imshow(this.canvas, this.distMat); this.cv.threshold(this.distMat, this.distM…

動画の背景色を透明にしたテクスチャーをAR.jsでマーカー上に表示する 🎥

…V.jsなどを使ってHSVで範囲を指定したりする必要があるかと思います。blog.kimizuka.org ソースコード(全文) ihdex.html <html> <head> <title>three.js + ar.js</title> <meta name="viewport" content="width=device-width, viewport-fit=cover, shrink-to-fit=no" /> <style> * { margin: 0; pad…

OpenCV.jsを使って、グリーンバック撮影用のカメラをウェブページ上で実装する 🟩

…あれこれ RGBからHSVへの変換 赤の取得 マスク画像との差分の取り方 video要素の消し方 今回使用した色見本 おわりに はじめに この記事は OpenCV Advent Calendar 2022 の19日目の記事です。こんにちは。フリーランスのウェブフロントエンドエンジニア、@ki_230 です。先日、カメラで撮影した映像に対し、リアルタイムでグリーンバックを使ったクロマキー合成を行う機会がありました。 OpenCVを使えば余裕でできるだろうなとは思ったのですが、シ…

OpenCV.jsを使って画像から特定の範囲の色が使われている部分だけを抽出し、その割合を算出する 🎨

…定方法ですが、今回はHSVを使って指定しました。ja.wikipedia.orgRGBからHSVに変換する際の選択肢として、COLOR_RGB2HSV と COLOR_RGB2HSV_FULL のどちらを使うか迷ったのですが、調査の結果 COLOR_RGB2HSV_FULL を使うことにしました。docs.opencv.orgCOLOR_RGB2HSVはHの1階調を2度、COLOR_RGB2HSV_FULLはHの1階調を1度として扱うようです。 まずは、画像から青っぽい部分を…