WEBブラウザ上でできる物理演算について色々と調べていたら、絵文字で物理演算を実現している方の記事を見つけた。この記事を読んでいるうちにおぼろげながら浮かんできたんです、ポケモンのアイコンでも同じことができて面白いんじゃないかと。 この記事でのやり方を参考にさせていただき、matter.jsとOpenCVを組み合わせてポケモンのアイコン(ゲーム画面で使用されているもの)で物理演算できるようにしてみた。 完成形はこちら qiita.com アイコン画像の取得 UI画面と処理の概要 opencv.jsでアイコンの輪郭を抽出 opencv.jsの導入 輪郭抽出までの工程の概要 輪郭抽出 matter…