皆さんは絵文字😄で物理演算💨がしたくなったことはありますか? 私はあります。😉 ということで作ってみました。 デモページ Github 解説 絵文字で物理演算するためには大きく分けて二つのポイントがあります。 一つ目は 絵文字の当たり判定 、二つ目は 物理演算のエンジンについてです。 絵文字の当たり判定 物理演算には当たり判定が必ず必要です。 四角にしてしまってもいいのですが、せっかく絵文字を使うのだからちゃんといい感じの当たり判定にする必要があります。 今回は当たり判定を作成するために OpenCV を使用することにしました。 OpenCV には findContours という画像から輪郭を抽出する関数が存在しているのでそれを利用します。 (OpenCVはEmscriptenを使用することでブラウザ上でも使用できます。ただし、ビルド済みのものが配布されていないので頑張って自分でビ
![絵文字😄で物理演算がしたい👌 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec71ee92cc11f29ec6897fc10b53f56314c1f93b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU3JUI1JUI1JUU2JTk2JTg3JUU1JUFEJTk3JUYwJTlGJTk4JTg0JUUzJTgxJUE3JUU3JTg5JUE5JUU3JTkwJTg2JUU2JUJDJTk0JUU3JUFFJTk3JUUzJTgxJThDJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JUYwJTlGJTkxJThDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00MmIxMjk1ZmJlNjc2ZTUyNmY0YTc0MDA2NTZjZDY2Yg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YWVnYWtpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kNjNhZDQxN2NjNjRjOWQ4YTAzYzBiNzM1YTBjNGFkMA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db79c018eaf598c7ba53a562953c96957)