リアルタイムにドット絵風に変換するカメラ Web アプリを Go WebAssembly で作った | Basicinc Enjoy Hacking!

テクノロジーカテゴリーの変更を依頼記事元:

tech.basicinc.jp

3 usersがブックマークコメント

0

現在プライベートモードです設定を変更する

3 users tech.basicinc.jp

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント0件

●注目コメント ●新着コメント新着コメントはまだありません。このエントリーにコメントしてみましょう。注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F197" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://tech.basicinc.jp/articles/197">リアルタイムにドット絵風に変換するカメラ Web アプリを Go WebAssembly で作った | Basicinc Enjoy Hacking!</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/tech.basicinc.jp/articles/197">はてなブックマーク - リアルタイムにドット絵風に変換するカメラ Web アプリを Go WebAssembly で作った | Basicinc Enjoy Hacking!</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁リアルタイムにド...﹂が注目されています。気持ちをシェアしようドット絵が好きなので、あらゆるものをドット絵っぽくしたいな〜と思ったので、カメラの映像をリアルタイムにドット絵風に変換する Web アプリを作りました。これで Zoom などのウェブ会議もドット絵エフェクトで参加できますね。デモ: https://pixelated-video.zaru.dev ( 表示に時間がかかります / スマホだと重いです ) ソースコード Web: https://github.com/zaru/pixelated-video ソースコード WASM: https://github.com/zaru/go-wasm-pixelate こんな感じになります。技術的には、Web カメラを <video> に流して、それを <canvas> に渡して Go WebAssembly でドット絵風のエフェクト処理をかけている感じになります。今回の記事で紹介するのは画像