<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" >

<channel>
	<title>使用レポ - memex</title>
	<atom:link href="https://meme-x.jp/category/%e4%bd%bf%e7%94%a8%e3%83%ac%e3%83%9d/feed/" rel="self" type="application/rss+xml" />
	<link>https://meme-x.jp</link>
	<description>Implements Future</description>
	<lastBuildDate>Sun, 02 Sep 2018 04:28:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.0.17</generator>

<image>
	<url>https://meme-x.jp/wp-content/uploads/2021/01/cropped-Symbol-Typography-Vertical1400-32x32.png</url>
	<title>使用レポ - memex</title>
	<link>https://meme-x.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">151007497</site>	<item>
		<title>3tene+OBSStudioで顔認識で動くアバター付き作業配信</title>
		<link>https://meme-x.jp/2018/09/3tene/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 02 Sep 2018 04:22:25 +0000</pubDate>
				<category><![CDATA[使用レポ]]></category>
		<guid isPermaLink="false">http://meme-x.jp/?p=62</guid>

					<description><![CDATA[<p>3tene(@3tene2)でDTM配信の準備できた記念 何も考えずに曲作るとクソダサガレージが出てきちゃうのやめたい#新人VTuber#VTuber準備中 pic.twitter.com/Sv9vaU8V3n — ぴぼ...</p>
<p>The post <a href="https://meme-x.jp/2018/09/3tene/">3tene+OBSStudioで顔認識で動くアバター付き作業配信</a> first appeared on <a href="https://meme-x.jp">memex</a>.</p>]]></description>
										<content:encoded><![CDATA[<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">3tene(<a href="https://twitter.com/3tene2?ref_src=twsrc%5Etfw">@3tene2</a>)でDTM配信の準備できた記念<br />
何も考えずに曲作るとクソダサガレージが出てきちゃうのやめたい<a href="https://twitter.com/hashtag/%E6%96%B0%E4%BA%BAVTuber?src=hash&amp;ref_src=twsrc%5Etfw">#新人VTuber</a><a href="https://twitter.com/hashtag/VTuber%E6%BA%96%E5%82%99%E4%B8%AD?src=hash&amp;ref_src=twsrc%5Etfw">#VTuber準備中</a> <a href="https://t.co/Sv9vaU8V3n">pic.twitter.com/Sv9vaU8V3n</a></p>
<p>— ぴぼ<img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f910.png" alt="🤐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> (@pi_bo_p) <a href="https://twitter.com/pi_bo_p/status/1034662619687280642?ref_src=twsrc%5Etfw">2018年8月29日</a></p></blockquote>
<h1><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
はじめに</h1>
<p>HMDを買って3Dモデルも用意したものの、画面を見ながら作業するような動画収録・生放送は思ったより大変でした。<br />
おでこに装着するという荒業をする方もいますが、装着フリーで気軽にやりたいですよね。<br />
本記事では、Webカメラによる顔認識でVRM形式の3Dモデルを動かせるフリーソフト(<strong>商用可</strong>)、3teneを用いた生放送の手順をまとめます。</p>
<p>お絵描き放送やコーディング放送などにも使えると思います。<br />
実質3tene紹介記事。(執筆時2018/09/02)</p>
<h2>環境/用意するもの</h2>
<ul>
<li>Windowsマシン</li>
<li>webカメラ
<ul>
<li>amazonで一番安かったやつ<br />
<iframe style="width: 120px; height: 240px;" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=pyuvo-22&amp;language=ja_JP&amp;o=9&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=as_ss_li_til&amp;asins=B003YUB660&amp;linkId=df798d13f73effd23e53c5f41546a943" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></li>
</ul>
</li>
<li>3tene (<a href="http://3tene.com/">http://3tene.com/</a>)</li>
<li>VRM形式の3Dモデルファイル(<a href="https://dwango.github.io/vrm/">https://dwango.github.io/vrm/</a>)</li>
<li>OBSStudio</li>
<li>マイク</li>
</ul>
<h2>3tene+Webカメラで顔の動きに合わせてアバターを動かす</h2>
<ul>
<li>VRMファイルを用意する
<ul>
<li>配布されているものを使うか、オリジナルの3Dモデルを持っている場合は<a href="https://dwango.github.io/vrm/">https://dwango.github.io/vrm/</a>に従ってVRM化しましょう(要Unity)</li>
</ul>
</li>
<li><a href="http://3tene.com/">http://3tene.com/</a> から最新版ソフトウェアをダウンロード・インストール</li>
<li><a href="http://3tene.com/howtouse/#howto9">http://3tene.com/howtouse/#howto9</a> に従ってUnityCaptureをインストール</li>
<li>3teneを立ち上げ、下記手順に従い顔認識でモデルを動かす<br />
<a href="http://3tene.com/howtouse/">http://3tene.com/howtouse/</a> が詳しいです</p>
<ul>
<li>アバター選択の位置が変更になった？下図のアイコンから追加できる<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipOVdAd55Tif4eQ0B3sh7BpuHNAvuX8mybIzYk6IiAoRaX6bJYi0OZ8KMbMPt22-9w?key=bjBMTENJQ19SQnI1TjRyVmxoa1JLNVVRY0Fsakdn" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/nNbDlAo01hX7pXZJoH2BAfSLKvgOskFiLnVIOTN1UAy5fAshw3oBfKj9jx-d30DUyFIOJhSk2h-RIDs5I0uCZjJXXHw7G9I7J4GbixzkdOJIpvEQJex7Kx8f-2cd6zPOGfxtojs_=w700-h1000" width="700" height="567"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipOVdAd55Tif4eQ0B3sh7BpuHNAvuX8mybIzYk6IiAoRaX6bJYi0OZ8KMbMPt22-9w?key=bjBMTENJQ19SQnI1TjRyVmxoa1JLNVVRY0Fsakdn" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>読み込んだ時の様子<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipMXwO5ifHhVB27bSMJpqfqlIWUL2HelaXxvg9Rv81zBGLnZ5xLSBBt3-l4IcPbuBw?key=VEw2S19WNDlSZGl0YnRjTnNBdHNXUkxlNmV0SmFB" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/7orT6H1TX3vWXejR4uGbn799fVuK_uwjeEOM8dLx7P5Xdjy7obcfGdodp63-DeqUlh1sY1IjnDI9lndkhwm2lzoZ3Zr029io4rxA1qE292zHeg7INJf99AIvGZruJDUTqLF6k4nA=w700-h1000" width="700" height="429"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipMXwO5ifHhVB27bSMJpqfqlIWUL2HelaXxvg9Rv81zBGLnZ5xLSBBt3-l4IcPbuBw?key=VEw2S19WNDlSZGl0YnRjTnNBdHNXUkxlNmV0SmFB" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>マウスホイールと右クリックを使ってカメラを調整する</li>
<li>あとで色指定で背景を消して作業画面と合成するために、背景を単色にします。アバターには使われていない色を指定しましょう。<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipMvirh058n06Dn2j3K0drdR7vfxCOllhm7WcZiQKRSQQ79-zWhst147_KnbFpQmYA?key=eENkRm12UTRpMEVsVTR0elRzX05uTEZhckloQ3l3" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/ChPlV6Cnpxw88X9YOQ8ZrK1tkrdQv2Evx0Hmxfz4hS8TIKcd52RTxTgKtKdsiW_rSp9nSvR9meTG7BDKCwtGjSusR7zy00gj9BO0xQ1tEXfB_6EJAoV3rGg1VFeQsL6TtoW14QAG=w700-h1000" width="700" height="498"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipMvirh058n06Dn2j3K0drdR7vfxCOllhm7WcZiQKRSQQ79-zWhst147_KnbFpQmYA?key=eENkRm12UTRpMEVsVTR0elRzX05uTEZhckloQ3l3" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipMnLqSchr7U3KYozO2KCPHbaAzQB5nyqdmZenzkmHsCED8fWRpIYJzganEhW2CHZg?key=ZFF2QXJ4Y3B2QkVublRiQ2g2MDBuc0pGNUt3eFB3" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/XJt-sjQ9Gv39F-a4kWVHL1EmHmrDnM8gT-oU1M78Y5v8DI_n3m-SlL68J-G-dPQ4rfRYQrLW6kIv9SGMIC3KTXJmIzWeND1PNk56zkfBopC0-XRmP_6syky29ZxbtSB-tHE-RQDP=w700-h1000" width="700" height="501"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipMnLqSchr7U3KYozO2KCPHbaAzQB5nyqdmZenzkmHsCED8fWRpIYJzganEhW2CHZg?key=ZFF2QXJ4Y3B2QkVublRiQ2g2MDBuc0pGNUt3eFB3" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>Webカメラを接続して、右上のアイコンをクリックしたら顔認識が始まります。動かない場合は歯車アイコンからデバイスの設定を確認します。<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipP-geaKRBmY19grAWzPatokS0tHzwZFsWGeTuh5AmfBYICeLyntXGRyE15I3qD2kQ?key=bnZzdndXWHJZU0dvaUtCZ3FGRmtHdzAwZFNJakt3" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/i6_0VPFjNLKjABMFsGP_iZ7lFT5BL6VdrXHK7c3a8FEG2dfE0l9MzKck-Z5HSiKoqNRuVv2tW_qBxGkBvFfXtmqR7bGLHeMU4xBKxtu0fnhTFJlnuo4uxZlEfgp822tBzzPtCxnu=w700-h1000" width="700" height="198"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipP-geaKRBmY19grAWzPatokS0tHzwZFsWGeTuh5AmfBYICeLyntXGRyE15I3qD2kQ?key=bnZzdndXWHJZU0dvaUtCZ3FGRmtHdzAwZFNJakt3" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
</ul>
</li>
</ul>
<p>以上で準備完了です。</p>
<h2>作業画面の上に3teneで表示したアバターを重ねて配信</h2>
<ul>
<li>OBS Studioの導入や・配信方法については下記サイトを参考にしました。
<ul>
<li>
<blockquote><p>OBS Studio 公式版 バイナリ / インストーラー版 OBSStudio簡易インストーラ解説　2017年08月13日　バージョン20.0.1更新に関する件を追加:放送ツール覚え書き &#8211; ブロマガ<a href="http://ch.nicovideo.jp/Nico-Broadcasting-tool/blomaga/ar997840"> http://ch.nicovideo.jp/Nico-Broadcasting-tool/blomaga/ar997840</a></p></blockquote>
</li>
<li>
<blockquote><p>OBS Studioの詳しい使い方（1/2） &#8211; VIPで初心者がゲーム実況するには <a href="https://www18.atwiki.jp/live2ch/pages/491.html">https://www18.atwiki.jp/live2ch/pages/491.html</a></p></blockquote>
</li>
</ul>
</li>
<li>ソース→画面キャプチャ・もしくはウィンドウキャプチャを用いて作業画面をキャプチャ<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipONxN1nLIKxH6Ik-Lbtk1P-ZsMQASdOf6LG_oN--276JIoVxAIkQ0w2ahmTtEu2Qw?key=ODRpSzBsWmQzYjdHTjRFRy1CREdhaDJfMmp1dkhB" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/A6q7V1t2U3mK-suximyR-nbNYvWwbkzekVDAftfEgDznt1naxJpqcfrDoxvgJXd1XR3ANijC_uJkHDFMbmINvyvLATT9Q46zBCoNC9PXacA270qzTbPVQOy7jKy9Gq3SKN2jCZ5E=w700-h1000" width="700" height="597"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipONxN1nLIKxH6Ik-Lbtk1P-ZsMQASdOf6LG_oN--276JIoVxAIkQ0w2ahmTtEu2Qw?key=ODRpSzBsWmQzYjdHTjRFRy1CREdhaDJfMmp1dkhB" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>ソース→映像キャプチャデバイスを開き、設定画面でデバイスを「Unity Video Capture」にする<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipPFUIrIknN2oIkZ952mIJXRylCzklELA5EAMaZIkaAcY0NSTg1RkYKmxW04Hh1apw?key=UDZRUkI4dHVmV1ZZRjJ0dDVRbTdyVEZWdzhHRzd3" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/zNl9JJ9RVPu6yYj4G1yLmQ7mspasEHLdPNbDAjSr83DNvU2QAT9R2XIc-mqo1tJ4CStrZEIiBIZYTyT1feCnU2KQBkxXZCg9Z7_sKlB-bgBPdtHMXAGTbntgaz0xOB3-JNVxSUCt=w700-h1000" width="700" height="599"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipPFUIrIknN2oIkZ952mIJXRylCzklELA5EAMaZIkaAcY0NSTg1RkYKmxW04Hh1apw?key=UDZRUkI4dHVmV1ZZRjJ0dDVRbTdyVEZWdzhHRzd3" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>「映像キャプチャデバイス」を右クリック→フィルタを選択<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipPLpPntnzlcR3zicDDqTW5cMvU1eZMHie8ihpjWR-yUJXtmil9s7IdeSMXUmWYz-w?key=TVZ3YVMzeExMcXNvNWg3dUhjbU1VVzJSTzUzUHZR" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/6ZtQgFjQyWy14znBADqqYNtCPnNlCAl4qwcHBuYDlFuQMU9EkbPOKrnoDAP-vQsJc32Mw-8uzSTkevD_xbp696-TGWLEwNJ8traygILWzjGLWHiKWpDZ2bq2UmwFhd4WKDYdPb5e=w700-h1000" width="700" height="637"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipPLpPntnzlcR3zicDDqTW5cMvU1eZMHie8ihpjWR-yUJXtmil9s7IdeSMXUmWYz-w?key=TVZ3YVMzeExMcXNvNWg3dUhjbU1VVzJSTzUzUHZR" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>エフェクトフィルタ→「+」→カラーキーを選択<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipNQ2QiQhxhHoArg-zJnFT_-HMMJlGx89l5_1ThB9GO2yDyQuXxDqdHyzAYnBGP9lQ?key=cmd2b0VuT0xfZUhUcDAyd0wtWDVuVlFMWUpXUkFn" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/Rsx3rJAX88yem4bA5TQOCUjLQCN6VKVgco5EB8ubaJRlf68_a5WCkGfwJxbMT41ap8wXTTjcqjGuptsYwOyl55lDqwjxXphuOZuGF2_MzNnq4IESbZyWYViw44BMvAN9-O1stoNB=w700-h1000" width="358" height="747"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipNQ2QiQhxhHoArg-zJnFT_-HMMJlGx89l5_1ThB9GO2yDyQuXxDqdHyzAYnBGP9lQ?key=cmd2b0VuT0xfZUhUcDAyd0wtWDVuVlFMWUpXUkFn" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>色キーの種類から、3teneの背景にした色を選択<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipMrcgnqvf16efmkcGrshp3SUi3Qbj41N6f65GvjAh09i9UQNznatAzU60-E7as_Gw?key=ajN0V2NBNDFSV2p6Y2RzSTJwNzZtU2RraXdhNlBR" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/AfvFpccCvGQZe_jeF1oIQVFdfqYc84hd3x4beC2UIVArtyPaGrTp1g9OvQ0oPSxJfMOrpnkz0DNxn-OwyZuJtWkUWS-E2lw4WyLSutnugI4-Z-ibI4HD-YTbsOMnKvCI5mJedGRV=w700-h1000" width="700" height="613"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipMrcgnqvf16efmkcGrshp3SUi3Qbj41N6f65GvjAh09i9UQNznatAzU60-E7as_Gw?key=ajN0V2NBNDFSV2p6Y2RzSTJwNzZtU2RraXdhNlBR" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
<li>作業画面の上にアバターが重なって表示されます<br />
<figure class="embed-gphotos  wp-caption"><a href="https://photos.google.com/share/AF1QipNlB4dv4UO0sfQXnrKt-A8w6NS_Rbj1GhujKTb4dBtCZlM0zNyehlvMuhVD7fuMyw?key=RmVzcHNiMGFrZlJKVlhNSjIzWFJBU2U3YXFWUjJB" target="_blank"><img loading="lazy"    src="https://lh3.googleusercontent.com/8lZ89skTBFganE_p27HtDcmdbliCvDUOgGX9HNzBS6LQSXm6y25Hw_bT4Xnt0tgxxKFl6EkBv45tKhUnndvOsvU1HMBkaNWZyE_sH0A6Rdhchr0vmgDf83wjD5_TMfeRlm7CoPh3=w700-h1000" width="700" height="447"   ></a><figcaption class="wp-caption-text"><a href="https://photos.google.com/share/AF1QipNlB4dv4UO0sfQXnrKt-A8w6NS_Rbj1GhujKTb4dBtCZlM0zNyehlvMuhVD7fuMyw?key=RmVzcHNiMGFrZlJKVlhNSjIzWFJBU2U3YXFWUjJB" target="_blank">New photo by Lab PB / Google Photos</a></figcaption></figure>
</li>
</ul>
<p>DTMerもガンガン受肉していこうな</p><p>The post <a href="https://meme-x.jp/2018/09/3tene/">3tene+OBSStudioで顔認識で動くアバター付き作業配信</a> first appeared on <a href="https://meme-x.jp">memex</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">62</post-id>	</item>
	</channel>
</rss>
