tag:blogger.com,1999:blog-6956905894352378122024-02-19T12:00:15.033+09:00holizonglowスイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comBlogger73125tag:blogger.com,1999:blog-695690589435237812.post-30539854343300939722019-04-15T14:38:00.000+09:002019-04-15T14:44:16.636+09:00Windowsのタスクバーをさらに細くする方法タスクバーの位置は左位置安定の人こんにちは。<br />
<br />
Windows10のタスクバーは左位置固定だと、どんなに設定しても不格好に太いです。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKlG7BhruNdW0nTYKzwaBDh9kll68RkXUPgL8uYHfAnh4SeURhyphenhyphenj-OFLLi7Ufpg7ZS3R1W51VMjF2_SfgmF-YvhR4Po4iVqh8M_D0_vpo4B_521TFxcS-5BDMyM_U_G66y22JuchfZeiA/s1600/2019-04-15_14h20_22.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="156" data-original-width="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKlG7BhruNdW0nTYKzwaBDh9kll68RkXUPgL8uYHfAnh4SeURhyphenhyphenj-OFLLi7Ufpg7ZS3R1W51VMjF2_SfgmF-YvhR4Po4iVqh8M_D0_vpo4B_521TFxcS-5BDMyM_U_G66y22JuchfZeiA/s1600/2019-04-15_14h20_22.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">こんな感じ</td></tr>
</tbody></table>
<br />
あとアイコン一個分細くならないか、通知トレイのアイコンは一列にならないか、と思いの方向けに、海外掲示板でやり方を見かけたのでシェアする記事です。<br />
<br />
<h2>
設定方法</h2>
<br />
やり方はとても簡単です。<br />
1. タスクバーの設定変更の定番ツール「<a href="https://rammichael.com/7-taskbar-tweaker" target="_blank">7+ Taskbar Tweaker </a>」をインストールします。<br />
<br />
2. インストールが終わったら通知トレイのところから右クリックして、「詳細オプション」を選びます。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLq5z1qIDUI0c1Cth6zjT0cejSA5BJzqMKoKUxfxcT7g3kWgD9IjMIG8XSd2BM4aGqU1QI2KxW_9FhonOR2hhd8Bv04Ghgoz6uS2G1E6pelTHszIF0Ddkvo486FTTkkWJrTlPxvmIWl1w/s1600/2019-04-15_14h16_24.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="130" data-original-width="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLq5z1qIDUI0c1Cth6zjT0cejSA5BJzqMKoKUxfxcT7g3kWgD9IjMIG8XSd2BM4aGqU1QI2KxW_9FhonOR2hhd8Bv04Ghgoz6uS2G1E6pelTHszIF0Ddkvo486FTTkkWJrTlPxvmIWl1w/s1600/2019-04-15_14h16_24.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">上から3番目</td></tr>
</tbody></table>
<br />
3.「no_width_limit」の値を1にします。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eruzLI8WA-YJ4ZBqgnfDmqzdgBoctwFD8UgmR8lOKxzgu8zDsgJirqvaJT0iBigNPYU0YcWyxieTT4oZ8d5reTO05IqNYawJqxoPGnXLgvWVjNTdz1NdKLoAfQUvxLWFItFScVh7lP4/s1600/2019-04-15_14h17_30.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="318" data-original-width="466" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eruzLI8WA-YJ4ZBqgnfDmqzdgBoctwFD8UgmR8lOKxzgu8zDsgJirqvaJT0iBigNPYU0YcWyxieTT4oZ8d5reTO05IqNYawJqxoPGnXLgvWVjNTdz1NdKLoAfQUvxLWFItFScVh7lP4/s320/2019-04-15_14h17_30.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">カーソルのところを1</td></tr>
</tbody></table>
4.タスクバーを右クリックして「タスクバーを固定する」を解除し、好きなだけ細くする。<br />
<br />
以上です。<br />
これでこんな感じに出来ます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HZFnexVY_DdPSuMrZl-mz5VqRoraYBJhP4oyNdk2eCInG7KU0pMqSw_KsArkjcUf8IU6jjLEibSOQoK5U1i0MZkXmm89qY3x7xTIrUX0-zKYmSCvy0mDBz_4naLh2IgxZb6c0XdLOv4/s1600/thinTaskbar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HZFnexVY_DdPSuMrZl-mz5VqRoraYBJhP4oyNdk2eCInG7KU0pMqSw_KsArkjcUf8IU6jjLEibSOQoK5U1i0MZkXmm89qY3x7xTIrUX0-zKYmSCvy0mDBz_4naLh2IgxZb6c0XdLOv4/s320/thinTaskbar.jpg" width="320" /></a></div>
<br />
通知トレイも一列になりました。<br />
これで気持ちよく画面が広くなりました。<br />
<br />
ちなみに、再起動後は「7+ Taskbar Tweaker」が起動するまで限界を超えて細くする機能が有効になりません。<br />
なので、起動直後は太いままですが、しばらくすると設定した細さになります。<br />
(SSDやM.2な環境でしたら一瞬だと思います)<br />
<br />
<h2>
デメリット</h2>
細くすることでデメリットというか、出来ないことがあります。<br />
それはタスクのアイコンにラベルを表示することです。<br />
標準のときは左右に少し隙間がありましたので、ラベルを表示すると頭数文字が見えました。<br />
たくさんエクスプローラでフォルダを開く場合、この数文字でもどのアイコンがどのフォルダなのか一目で分かったので重宝します。<br />
でもここまで細くするとそれが見えないのがデメリットだと思います。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-47364953406913823642019-02-19T01:10:00.002+09:002019-02-21T12:36:47.036+09:00[AE] レイヤーのトランスフォームをウェイトで制御するエクスプレッションの公開<h2>
AEのレイヤーにWeightを!</h2>
タイトルのままなのですが、ターゲットレイヤーのトランスフォームの影響を受けてソースレイヤーのトランスフォームが変化するエクスプレッションのプリセットを公開します。<br />
<br />
3Dソフトにあるアニメレイヤーのウェイトを想像して貰えるとわかりやすいかと思います。<br />
つまり、ウェイト値を上げると、ターゲットレイヤーの動きに強く追随します。<br />
下げると逆にソースレイヤー自身の動きになります。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jPxpD98zDyNBhVj85Q09q9ljZVOchVcjFxJ5xqU_RhcolvqzYVCUEenl6xtyr-fXCXAbj69CEWJ8lU-KMux4xkT8eMLcmreDxFFtNl1WmyvDHryWJWpesqDP_TddioCfg71j99TS2Jo/s320/weight.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">白がソース、赤がターゲット<br />クリックで再生します</td></tr>
</tbody></table>
<h2>
使用方法</h2>
<br />
ダウンロードしたffxファイルを適当なところに保存します。<br />
おすすめはドキュメントにある「Adobe\After Effects CC 2019\User Presets」の中です。<br />
ここに配置すれば「エフェクト&プリセット」にも表示されて便利です。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0n7pPzXiT1WXReYrSTMbUGvCQ9NhJTcYdEdbDly0LnlKwsMPLdiBJNoR3pa0Y1snl77ZCx386bJWzGSsqBaVpibVG4ir4hDOOnbbA9sjc6ClJUs_zVe_vfCwDo5jnkPJKde8ijcwgDk/s1600/2019-02-18_22h17_13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="124" data-original-width="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0n7pPzXiT1WXReYrSTMbUGvCQ9NhJTcYdEdbDly0LnlKwsMPLdiBJNoR3pa0Y1snl77ZCx386bJWzGSsqBaVpibVG4ir4hDOOnbbA9sjc6ClJUs_zVe_vfCwDo5jnkPJKde8ijcwgDk/s1600/2019-02-18_22h17_13.png" /></a></div>
<br />
<br />
<ol>
<li>transformWeight.ffxをソースレイヤー、つまり影響を受ける方のレイヤーにD&Dしてします。</li>
<li>エフェクトパレットにある「targetLayer」から影響を与える方のレイヤーを選択します。</li>
</ol>
<div>
これでおしまいです。</div>
<div>
<br /></div>
<h3>
CC 2019の場合</h3>
<div>
CC2019を使っている場合は、プロジェクト設定からエクスプレションを「ExtendScript」に切り替えてください。</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj79KRm0asVI_LKCF1ST0fgNSmjJ6hHb718Dz2qLnzG0CT98raRBf6qQTFDagLlymvZKbSeGRlmhjkD6btPUO6PAy2ydKou0HEm8L19zYXOg2MSjGwPOnBEtWsTXbtd7P-tIPh4H8N4D0k/s1600/2019-02-18_22h21_12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="89" data-original-width="651" height="54" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj79KRm0asVI_LKCF1ST0fgNSmjJ6hHb718Dz2qLnzG0CT98raRBf6qQTFDagLlymvZKbSeGRlmhjkD6btPUO6PAy2ydKou0HEm8L19zYXOg2MSjGwPOnBEtWsTXbtd7P-tIPh4H8N4D0k/s400/2019-02-18_22h21_12.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">大事なところ</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
じゃないと安定して動作しません。</div>
<div>
2019からエクスプレッションを含むスクリプト処理がWindowsならV8に切り替わりました。とても早くなったそうなのですが、値の取得のタイミングが違うのか、不安定な動作をします。</div>
<div>
出来ればLegacyなExtendScriptに切り替えて使ってください。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://drive.google.com/open?id=1NTkRyniP9TcL6xfodUfUdwji2k1EAGwJ" target="_blank"><img border="0" data-original-height="50" data-original-width="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45mu81Je1Wy97Q3YklZFCooejl3a2dcgblGSt9qoiFTT5rVsB6KM-qyVG89ELHNlgXOEYeb4YKxpp_EISYNIah2K2WvL-3-gHZe4uFewwFUTicmKkGxEjQcvG9G4hf21llzSPVjcyPJ4/s1600/11.png" /></a></div>
<div>
<br /></div>
<h2>
実例</h2>
<h3>
運動の分離</h3>
<div>
白はX軸に直進しつつ、途中で円運動をして、また直進に戻るという動き。</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrxJgWl3aHLqZB_fxYX1Mn7yb_JCY7L8_4xyi8gYtaIODkwuJrcjuVzvM5tVEcOgIyydnYpis5jE7VYYsAcz2HUp9xElII6rx4X7RKTOZKUymqHHztp7pMM67PXfsedK26Btc4c9QA5o/s320/2d_1.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">白がソース、赤がターゲット<br style="font-size: 12.8px;" /><span style="font-size: 12.8px;">クリックで再生します</span></td></tr>
</tbody></table>
<div>
<br /></div>
<div>
パスをポジションのキーフレームに変換して、前後のキーフレームを調節して…ということでも実現しますがそれぞれの動きを分離しておいて、合成すると調節が楽です。</div>
<div>
アニメな現場だと後からデータが差し替わることがあるので、プロシージャルな方が助かることがあります。</div>
<div>
赤に近づいたところで位置の影響度を100にして、二週したところで影響度を0に戻しています。</div>
<div>
<br /></div>
<h3>
螺旋運動</h3>
<div>
<br /></div>
<br />
今度はソースレイヤーを円運動させて、ターゲットを中央に固定します。<br />
そして徐々に位置ウェイトを上げていけば螺旋運動をします。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC45Pt5sMKJP9eoLOFdS3FPtvahcbpxOSxRBlCX2BzQau0Q4uMkKMC4r0oQInDP9Y_17TVV4gEPtZSq6f_qA7Ilbsm_iqtHHqbgCvmfYsCoSpozv16J_ixMUHLDeb-O_l0nI6oU5OK_mo/s320/2d_3.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">白がソース、赤がターゲット<br style="font-size: 12.8px;" /><span style="font-size: 12.8px;">クリックで再生します</span></td></tr>
</tbody></table>
illustratorでパスを作って貼り付けて…としないでも簡単にできます。<br />
で螺旋で何をするの? というとよくあるのがパーティクルな処理のときに使います。<br />
ソースをNullレイヤーにして、エクスプレッションでエミッターをつなぐとこんな感じ。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;">
<img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmBRy6uLE4fCbBLfwr4J8uizMZSjSY7Wbbl8utLkS-C9JAJt1i1QU22RVe7cZN7xmcZ0dB3-Wtc1_fmFNC_OIbnokl0lnnXjMn8rqlGzZUv0WIcXLM2pPjk2OndTJntbLYeXUEAS5VfI/s320/2d_4.gif" width="320" />
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">クリックで再生します</span></td></tr>
</tbody></table>
<br />
<h3>
3Dレイヤー</h3>
3Dレイヤーにも適用出来ます。<br />
これはZ軸がずれた円運動にちょっと浮気して戻る動き。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JDhUiK21km4tN7wkdkQMonR3DXvymS9OBrWviyK4dlJ-EktDmz3wKeMAuDSPZck6vU6HbHOBMVt6csTezawsT69YzJUC7V4I7XSDjFNwuetfGA7UpaTYU1s2wZIybXSLltRSTBItSvs/s320/3d.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">白がソース、赤がターゲット<br style="font-size: 12.8px;" /><span style="font-size: 12.8px;">クリックで再生します</span></td></tr>
</tbody></table>
<br />
<h3>
手ぶれの射影</h3>
2Dなアニメでリアルな手ぶれをさっくり作るため、スマホとかで適当でターゲットを撮影して、それをトラッキングするとします。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEIiChSBmlyhZjRpvMI5txo-GA_QjWZ4eLrnIqb6ZLW2BNuvAauwJzNlBLnOhIs30i59wd97Iu3DRTFSEgqQZGBCBD-dbNFz3LCwMU__Xh2doAzAjj48bJpc5P2xWD8Itj2jV-3QX6SY/s320/camera1.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">壁に貼ったマーカー<br />クリックで再生します</td></tr>
</tbody></table>
トラッキングを焼き付けたNullとかに、そのまま親子付けするとこんな感じになります。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_o2FHnRYeEb5AONl-NgTK0FMBejrVc5BlOZm2kyAqJ5f-6IMQbIj_tf3XEPBfv_mWl8L8Nuh7TMENMbykh0A6sepURYn6VlZmyIVbu4WY46GkUr7ScSt2yW3TZ_XyYIg7Rj6wbdYfxtc/s320/camera.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">親子付けのまま<br />クリックで再生します</td></tr>
</tbody></table>
ちょっと動きすぎかな、とか回転とスケールは端が切れちゃうから少なめが良い、というときこのエクスプレッションを挟んで調整します。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" data-original-height="266" data-original-width="400" height="212" data-gifffer="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1QN3SCNac7n_b6BjbxhTF2qeNEsEvD2oIP4eqIiE6QvJsCNXQz9omiw4rVI4GnJyuVHXA2unPdsCklTWcusEE95dssDjZsMEeUhK5oqdBjd8N6hwNAziQqPEPO312daUy1rNrv7LM9E/s320/camera_2.gif" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">transformWeightで抑制させたもの<br />クリックで再生します</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
他にも、2Dなゲームのアドバタイズムービーだと、キャラの入りと捌けを別々に制御したりにも使いました。<br />
<br />
便利に使ってもらえたらうれしいです。<br />
<br />
最後に。<br />
最初はしゃべりながら操作説明の動画を撮ろうと思ったのですが、いざやってみると操作しながら説明するのがむずい!<br />
配信者の人たちってすごいよ。ほんと。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-87491906917533651082019-02-17T21:40:00.000+09:002019-02-17T21:49:41.501+09:00UE4でテキストファイルを読み込む方法UE4の開発中に頻繁に変更されるテキストファイルを読み込みたいときのメモ。<br />
残念ながらUE4のBPにはテキストファイルを扱う機能がありませんが、以下の方法で読めるようになります。<br />
<br />
<a name='more'></a><br />
<br />
まずでいきなりですが新規C++クラスを作成します。<br />
(C++わからん、という人でもコピペだけでどうにかなるかも)<br />
作成するのは、成果物がBPで扱えるBlueprint Function Libraryになります。<br />
<br />
フォルダやクラス名を適当に決めたら、VisualStudioが開きます。<br />
まず.hファイルに定義を書きます。<br />
ここではScriptLoaderというクラスを作成することにします。<br />
書いたコードはこんな感じ。<br />
<pre class=" language-cpp"><code class="prism language-cpp"><span class="token comment">// ScriptLoader.h</span>
<span class="token function">UCLASS</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword">class</span> <span class="token class-name">MINIADV_API</span> UScriptLoader <span class="token operator">:</span> <span class="token keyword">public</span> UBlueprintFunctionLibrary
<span class="token punctuation">{</span>
<span class="token function">GENERATED_BODY</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token function">UFUNCTION</span><span class="token punctuation">(</span>BlueprintCallable<span class="token punctuation">,</span> Category <span class="token operator">=</span> <span class="token string">"MyBPLibrary"</span><span class="token punctuation">)</span>
<span class="token keyword">static</span> <span class="token keyword">void</span> <span class="token function">ScriptLoad</span><span class="token punctuation">(</span>FString<span class="token operator">&</span> FileData<span class="token punctuation">,</span> <span class="token keyword">bool</span><span class="token operator">&</span> Success<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>
<span class="token comment">// ScriptLoader.cpp</span>
<span class="token macro property">#<span class="token directive keyword">include</span> <span class="token string">"ScriptLoader.h"</span></span>
<span class="token macro property">#<span class="token directive keyword">include</span> <span class="token string">"FileHelpers.h"</span></span>
<span class="token macro property">#<span class="token directive keyword">include</span> <span class="token string">"Engine.h"</span></span>
<span class="token keyword">void</span> UScriptLoader<span class="token operator">::</span><span class="token function">ScriptLoad</span><span class="token punctuation">(</span>FString<span class="token operator">&</span> FileData<span class="token punctuation">,</span> <span class="token keyword">bool</span><span class="token operator">&</span> Success<span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>GEngine<span class="token punctuation">)</span>
<span class="token punctuation">{</span>
FString FilePath <span class="token operator">=</span> <span class="token string">"d:\\test.txt"</span><span class="token punctuation">;</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>FPlatformFileManager<span class="token operator">::</span><span class="token function">Get</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">GetPlatformFile</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">FileExists</span><span class="token punctuation">(</span><span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
Success <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
<span class="token keyword">return</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword">const</span> int64 FileSize <span class="token operator">=</span> FPlatformFileManager<span class="token operator">::</span><span class="token function">Get</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">GetPlatformFile</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">FileSize</span><span class="token punctuation">(</span><span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">;</span>
FFileHelper<span class="token operator">::</span><span class="token function">LoadFileToString</span><span class="token punctuation">(</span>FileData<span class="token punctuation">,</span> <span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">;</span>
Success <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
Success <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
これをコンパイルすると、UE4で以下のように呼び出せるようになります。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKysqXlbvAh9jaL7Z2y2Kypb8aiamPzu5tlPbmRnOakHjq0C_AOQ38UX8DgIO4SaC9u3vmOiid6in8D-EEDy9IMqe3X9eZ2ewOqfx90qGgx_oWVzfGKaoGM5ZWdH1fEbzIkq0DBulk6A/s1600/2019-02-17_21h16_30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="410" data-original-width="410" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKysqXlbvAh9jaL7Z2y2Kypb8aiamPzu5tlPbmRnOakHjq0C_AOQ38UX8DgIO4SaC9u3vmOiid6in8D-EEDy9IMqe3X9eZ2ewOqfx90qGgx_oWVzfGKaoGM5ZWdH1fEbzIkq0DBulk6A/s320/2019-02-17_21h16_30.png" width="320" /></a></div>
<br />
作成したノードはこちら。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4u_7OZaIHSI4EWcLR1awFnXcJ581p1tQVbZrtFoQ4N6OZ2BbJ2xyisAHwypmmHLNRQ5kKOzavFq-YoU0-ZX2b5v9FBgbITqmiP1V7jyiKFnDovK5oywg3wc90v9Wit1ICoNuBOv7lGWo/s1600/2019-02-17_21h16_51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="166" data-original-width="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4u_7OZaIHSI4EWcLR1awFnXcJ581p1tQVbZrtFoQ4N6OZ2BbJ2xyisAHwypmmHLNRQ5kKOzavFq-YoU0-ZX2b5v9FBgbITqmiP1V7jyiKFnDovK5oywg3wc90v9Wit1ICoNuBOv7lGWo/s1600/2019-02-17_21h16_51.png" /></a></div>
<br />
Successから読み込みの成否が返ります。<br />
このままだとファイル名の取り回しが面倒なので、ファイル名をBP側で指定できるようにします。<br />
<pre class=" language-cpp"><code class="prism language-cpp"><span class="token comment">// ScriptLoader.h</span>
<span class="token function">UFUNCTION</span><span class="token punctuation">(</span>BlueprintCallable<span class="token punctuation">,</span> Category <span class="token operator">=</span> <span class="token string">"MyBPLibrary"</span><span class="token punctuation">)</span>
<span class="token keyword">static</span> <span class="token keyword">void</span> <span class="token function">ScriptLoad</span><span class="token punctuation">(</span>FString Filename<span class="token punctuation">,</span> FString<span class="token operator">&</span> FileData<span class="token punctuation">,</span> <span class="token keyword">bool</span><span class="token operator">&</span> Success<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// ScriptLoader.cpp</span>
<span class="token keyword">void</span> UScriptLoader<span class="token operator">::</span><span class="token function">ScriptLoad</span><span class="token punctuation">(</span>FString Filename<span class="token punctuation">,</span> FString<span class="token operator">&</span> FileData<span class="token punctuation">,</span> <span class="token keyword">bool</span><span class="token operator">&</span> Success<span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>GEngine<span class="token punctuation">)</span>
<span class="token punctuation">{</span>
FString FilePath <span class="token operator">=</span> FPaths<span class="token operator">::</span><span class="token function">GameContentDir</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">+</span> Filename<span class="token punctuation">;</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>FPlatformFileManager<span class="token operator">::</span><span class="token function">Get</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">GetPlatformFile</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">FileExists</span><span class="token punctuation">(</span><span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
Success <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
<span class="token keyword">return</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword">const</span> int64 FileSize <span class="token operator">=</span> FPlatformFileManager<span class="token operator">::</span><span class="token function">Get</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">GetPlatformFile</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">FileSize</span><span class="token punctuation">(</span><span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">;</span>
FFileHelper<span class="token operator">::</span><span class="token function">LoadFileToString</span><span class="token punctuation">(</span>FileData<span class="token punctuation">,</span> <span class="token operator">*</span>FilePath<span class="token punctuation">)</span><span class="token punctuation">;</span>
Success <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
Success <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
</code></pre>
これで、こんな風にBP上でファイル名を指定できるようになりました。<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IB3RkHnce03xBGIpm9FlyP0XntX8JvD8rwvQFkn_OiEbGCKWN7JR09Jg-PskGVI5uaYtKYnbpQoJo1Ial4nhh572afSQtT8UAJ2fuoAIPsu4sEwapaf3ABzl1GIHB0p6CzSwLraMh1k/s1600/2019-02-17_21h20_25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="166" data-original-width="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IB3RkHnce03xBGIpm9FlyP0XntX8JvD8rwvQFkn_OiEbGCKWN7JR09Jg-PskGVI5uaYtKYnbpQoJo1Ial4nhh572afSQtT8UAJ2fuoAIPsu4sEwapaf3ABzl1GIHB0p6CzSwLraMh1k/s1600/2019-02-17_21h20_25.png" /></a></div>
<br />
ディレクトリはGameContentDirなので、contentフォルダがルートになります。<br />
<br />
まだまだいろいろと課題がありますが、これでとりあえず読めるはずです。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-44805723999588843582019-02-07T11:04:00.000+09:002019-02-07T11:22:15.577+09:00クリスタのサブビューの中身を並び替えるツール作りました。<h1 id="サブビュー入れ替えツール">
サブビュー入れ替えツール</h1>
サブビューをよく使うクリスタユーザーの皆さんこんにちは。<br />
サブビューを長く使っていると、入れ替えたくなりませんか。<br />
資料を表示したり、スポイドで色を拾えたりと便利なツールですが、順番を入れ替えたり、指定のページへ一気に飛んだりする機能がまだありません。<br />
地味に待ってますが、まだありません。<br />
最近追加したファイルと最初の頃追加したファイルを行ったり来たりするのが面倒!ということで、<br />
クリスタのサブビューの設定ファイルを書き換えて、表示順を並び替えるWEBアプリを作りました。<br />
<br />
<a href="https://suigensoba.github.io/subviewtool/">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td border="0" data-original-height="694" data-original-width="1112" height="198"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1TOdtCS4-i-ACVkh9kL0T80fBlLmwixWgjCKuubXqatVA_YWdXcBn3wZiCeYBsiQz5wUI4woLAcsqFLwhW6sr-G8McZT0l5AlhD_QGQ3Jvmr3BVPaDX3dgHfQ1Lf6Ik_YBXHWSeoowbo/s320/2019-02-07_10h55_01.png" style="text-align: center;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">CLIP STUDIO PAINTのサブビューを並び替えるツール</td></tr>
</tbody></table>
</a>
<br />
<h1 id="動作について">
<div style="font-size: medium; font-weight: 400;">
今現在出来るのは並び替えるだけで、削除や追加は出来ません。<br />
後お約束ですが、編集するdefault.psvファイルはバックアップをとってからお使いください。</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
このWEBツールはお手元のPC内で処理が完結します。</div>
<div style="font-size: medium; font-weight: 400;">
ですので、サブビューの中身がどこかに送信されることはありません。大丈夫です。</div>
</h1>
<h1 id="動作について">
動作について</h1>
一通りのメジャーどころのブラウザで動くはずです。<br />
ただしiPad版のクリスタでは動かないと思います。<br />
ファイル形式には問題ないのですが、iPadのブラウザからiPadのクリスタの設定ファイルまでたどり着けないのが原因です。<br />
<h1 id="技術的なことを少し">
技術的なことを少し</h1>
サブビューの定義ファイルはsqliteなファイルです。<br />
このファイルをローカルPCで処理が完結するために、JavaScriptだけでsqliteファイルを読んでSQLで書き換えて書き出しが出来という神ライブラリsql.jsを使っています。<br />
sql.js、なんでもCで描かれたSqliteのコードを、EmscriptenでJavaScriptに変換しているという。そんなこと出来るんだーの世界です。<br />
GUIはReactでサクッと、あとはwebpackとかを使ってます。<br />
<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-13543736112941966142019-01-23T08:59:00.000+09:002019-02-07T11:04:25.014+09:00クリスタのサブビューの画像順を(無理矢理)編集するこの記事は2012-07-04に掲載したFC2時代のブログの転載した記事です。<br />
<br />
クリペ正式版ことCLIP STUDIO PAINT PRO(おそらくEXも)にはイラスタからの機能でサブビューというパレットがあります。<br />
簡単に言えば資料や色を拾いたい画像表示用のパレットの事で、複数枚の画像をストックできて、終了後も保存されるのでいろいろと重宝しています。<br />
ただイラスタと同じくストックしている画像の順番を入れ替えるなどの編集が出来ないのがちょっと不便でした。<br />
今回のクリスタは主なデータのやりとりに、SQLite形式というすでにある形式を採用したため、先人たちの便利な編集ツールが使えます。<br />
ということで編集ツールをつかって無理矢理気味にリストの順番を入れ替えてみようというネタです。<br />
<br />
まずお断りです。<br />
この記事は編集ツールの都合でWin版を元にして書いています。<br />
Macは標準でコマンドラインSQLiteツールが入っていたり、SQLite managerでCSVに書き出して取り込んで~とかすれば出来るのですが、別の機会か他の詳しいかたお願い致します。<br />
あとクリスタ以外のツールを使ってクリスタの設定を書き換えるので、自己責任でお願いします。<br />
<br />
まず用意する物は、pupSQLiteというツールをダウンロードして使用可能な状態にしておきます。<br />
<br />
1.クリスタを終了します。<br />
<br />
2.ドキュメントフォルダ内にあるクリスタの設定フォルダの中から\subview\というフォルダを探して、その中にあるdefault.psvというファイルを見つけます。<br />
このdefault.psvファイルをpupSQLiteで開きます。<br />
<br />
3.左側のペインのtebles一覧から「subviewimagecategory」をダブルクリックします。<br />
<br />
4.右側のペインに内容がエクセルのような画面が表示されます。<br />
subviewfilepathという列がサブビューで表示される画像ファイルのパスですね。その次が拡大率、表示位置x,yの情報と並びます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKV6Xh4xxG_Tub3QGNznw_0qXDLeXsstWdi9qUsMnthRXnRQgex9zAo3vo1Wn4Y2GHBvNySC_t3Lr808hd6NZupBVnR7L1UJh6pvDdqZMONM_Zo8xDe24BoJ7OzyWPwz9kqRX9XmHC9zw/s1600/subview1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="468" data-original-width="1142" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKV6Xh4xxG_Tub3QGNznw_0qXDLeXsstWdi9qUsMnthRXnRQgex9zAo3vo1Wn4Y2GHBvNySC_t3Lr808hd6NZupBVnR7L1UJh6pvDdqZMONM_Zo8xDe24BoJ7OzyWPwz9kqRX9XmHC9zw/s320/subview1.jpg" width="320" /></a></div>
<br />
<br />
<br />
5.画像のようにPW_ID列以外を選択して、CTRL+Cを押します。<br />
これでこの範囲がテキスト形式でクリップボードにコピーされました。<br />
選択範囲はそのままで次へ進みます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYuONtOfYqcoZqhqcBhotNOj21mh10NzbCelrmBIfTKfwc6eIeFRA6uy_Qq-3L3lJGvVKi38vBM2-ugsgX3ks_w8H1CwP2Ppq-Xge5tuJ0yzsVOjv1Mg-9zUNP3F0cw8ouMqGQkq0hW8/s1600/subview2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="278" data-original-width="1049" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYuONtOfYqcoZqhqcBhotNOj21mh10NzbCelrmBIfTKfwc6eIeFRA6uy_Qq-3L3lJGvVKi38vBM2-ugsgX3ks_w8H1CwP2Ppq-Xge5tuJ0yzsVOjv1Mg-9zUNP3F0cw8ouMqGQkq0hW8/s320/subview2.jpg" width="320" /></a></div>
<br />
<br />
6.そのままメモ帳なり適当なテキストエディタを開いて、貼り付けます。<br />
後は、このテキストを行単位で並び替えます。<br />
並び替え終わったらこのテキストを選択してコピーします。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03liT5E6MkQfmWTIwgMahUxhATgt9FTaIhi7Ftr0J3JIqJXUcTpH5G4XRL-gm_oAanrFjT-Rt6SYgdSuJBi1526Eyr_OorBtT-U1SaYI3hVhPMu129ls_6DB1XumEtfgxfpmH-fQYZ7I/s1600/subview3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="190" data-original-width="937" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03liT5E6MkQfmWTIwgMahUxhATgt9FTaIhi7Ftr0J3JIqJXUcTpH5G4XRL-gm_oAanrFjT-Rt6SYgdSuJBi1526Eyr_OorBtT-U1SaYI3hVhPMu129ls_6DB1XumEtfgxfpmH-fQYZ7I/s320/subview3.jpg" width="320" /></a></div>
<br />
<br />
7.pupSQLiteの画面に戻り、ctrl+Vつまり貼り付けをします。<br />
どうでしょうか。並び変わっていないでしょうか。<br />
あとはこのままこのpsvファイルを保存してクリスタを起動して並び替えが出来ていれば成功です。<br />
<br />
若干面倒ですが慣れればそうでもないような、気がします。<br />
リストファイルを個別に保存しておけば、プリセット的に切り替える、と言うことも出来るかもしれませんが、やっぱり公式で編集機能があったら楽ですね。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-24932554445006121542019-01-23T08:54:00.001+09:002019-02-07T11:05:00.726+09:00クリスタでインク溜まり加筆っぽいアクションこれは2013-05-31に投稿したFC2時代のブログの転載記事です。<br />
<br />
clip studio paintのプラグインコンテストの成果物が配布開始になりました。<br />
一番の見所はやはり大賞の加筆プラグインでしょうか。<br />
<br />
このプラグインは交点付近にインク溜まりのような塗りつぶしを付加するものです。<br />
で、このプラグイン公開後にツイートで「一種のブラーぽいもの」というのを見まして、<br />
ああなるほど、と。アクションでそれっぽいこと出来るかなと試してみたのが次のもの。<br />
<br />
<a name='more'></a><br />
<br />
クリックで大きくなります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbILSxHb9LmRS72HOY28rpaq85JdPzFGhxsB1cxMTFvhGgsvF-1xXWBjK5DzIcfvSBR_8QdgLJWgfbrLiXy2rJWX7oWAtaVb3fWVjUBuYnAfX-aTYNEZ24TxxXxtty3lboaFxPg8W0u4/s1600/csp_addpen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="447" data-original-width="600" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbILSxHb9LmRS72HOY28rpaq85JdPzFGhxsB1cxMTFvhGgsvF-1xXWBjK5DzIcfvSBR_8QdgLJWgfbrLiXy2rJWX7oWAtaVb3fWVjUBuYnAfX-aTYNEZ24TxxXxtty3lboaFxPg8W0u4/s320/csp_addpen.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiiIgCT8EH_hoQ-4m6pYg-c9RIyhwahfBJ4H5xmMMvPht1xdhrRgH-ot1FyDAApL6qTDvJPB2XtAP1CN1MDbwMgiO3qVbc8y-rHeoorPKPOiHohdqUrzQilix9M1C7wgylLKtL0N782sA/s1600/csp_addpen2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1401" data-original-width="600" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiiIgCT8EH_hoQ-4m6pYg-c9RIyhwahfBJ4H5xmMMvPht1xdhrRgH-ot1FyDAApL6qTDvJPB2XtAP1CN1MDbwMgiO3qVbc8y-rHeoorPKPOiHohdqUrzQilix9M1C7wgylLKtL0N782sA/s320/csp_addpen2.jpg" width="137" /></a></div>
<br />
<br />
twitter用画像共有サービスに合わせたので縦横バラバラで申し訳ないのです。<br />
こんな感じになりました、という感じです。<br />
原理は簡単でぼかしてレベル補正で形を補正して二値化で潰す、というもの。<br />
アクションではリアルタイムで効き具合をプレビュー出来るようにしています。<br />
<br />
・ぼかし幅で効きが変わります。デフォルトより大きくしたり、小さくしてみたりしてください。<br />
・ガウスぼかしフィルタを使っているので、値を変えてからプレビューまでワンテンポ遅れます。<br />
・加筆部分は別レイヤーになるので、ゴミっぽいところは消してください。<br />
・基本、モノクロな内容のレイヤーにしか使えません。(モノクロモードのレイヤーというわけではありません)<br />
・通常機能のみ使用しているのでProの方でも使えます。<br />
・ぼかしすぎると効果出ません。(アクションが進むと描画範囲がないので実行できないみたいな警告が出ます)<br />
薄い(細い)線画だと効果が出にくいです。その場合は線画レイヤーを複製し、複製したレイヤーにさらに複製したレイヤーを結合する、などして濃くしたレイヤーで試してみてください。<br />
<br />
加筆アクションファイル<br />
<a href="https://drive.google.com/open?id=0B8St-6t9mR-AV2htbGN2d1hEYWM" target="_blank">>ダウンロード<</a><br />
<br />
興味本位の思いつきで作ってみた感満載なので、実用的か…は二の次です。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-25444621333003083112019-01-12T23:10:00.000+09:002019-02-07T11:06:46.491+09:00 iPadで長文や小説を書くのに適したテキストエディタ話(2018年版)今年もやってきましたこのコーナー。<br />
私個人的にipadでガシガシ長文を書くのに適したアプリを紹介するコーナーです。<br />
<br />
今年はテキストエディタアプリ界隈もある程度落ち着きを見せたのか、かつてのような勢いのあるリリースはなかったように思います。<br />
ですが、そんな中で個人的におすすめしたいのが一つありました。<br />
<a name='more'></a><br />
<h1 id="縦式">
縦式</h1>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaMl-WdWg1zMjte1YOLAkVBEQVbiBaG5YyiEco-1IOKFxHS5CUKzS3zeMzhUJFyQOuT2GuLhp4qKSC7_LMIXKnNORBUb6EXMnTGhbWxVhyphenhyphen5bv9KDE0ThQzfBIVXf7UGxhEuiklFePGkg/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2019-01-11+13+59+36.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaMl-WdWg1zMjte1YOLAkVBEQVbiBaG5YyiEco-1IOKFxHS5CUKzS3zeMzhUJFyQOuT2GuLhp4qKSC7_LMIXKnNORBUb6EXMnTGhbWxVhyphenhyphen5bv9KDE0ThQzfBIVXf7UGxhEuiklFePGkg/s320/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2019-01-11+13+59+36.jpeg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">縦式のスクリーンショット(縦書き)</td></tr>
</tbody></table>
名前の通り、縦書きエディタです。<br />
縦書きエディタは過去にもありましたが、変換候補が見づらかったりと些か使い難さがありました。<br />
ところが、この縦式はそのあたりはよく出来ています。<br />
<h3>
良いところ</h3>
一行文字数や行間調整やフォントの変更はもちろん出来ます。<br />
日本製アプリなので三点リーダーがおかしくなることもありません。<br />
禁則処理も設定できます。<br />
マス目を表示して原稿用紙風にしたり出来ますし、最近はやりのダークテーマもあります。<br />
<h3>
クラウドへの対応</h3>
ファイル操作はファイルアプリを用いますので、対応したDropboxやOnedrive、もちろんiCloudなどクラウドストレージに保存することも出来ます。<br />
<br />
階層的なアウトライン機能はありませんが、見出しにジャンプする「目次」機能はありますので、文章が長くなったときに見出しでジャンプすることが出来ます。<br />
<h3>
出力方法</h3>
出力結果はテキスト形式またはPDF形式です。<br />
ただiAWriterのように、Markdownに対応していないので、簡易に見栄えある文章を作ったりは出来ません。<br />
<h3>
その他</h3>
機能無制限で無料というのはうれしいです。<br />
ただ、無料ですと広告バナーが出ますので、気になる方、もっと広い画面を使いたい方は360円で広告を解除することが出来ます。<br />
更新のペースもまだまだ速く、意欲的に開発が進んでいる感じも好印象です。<br />
<h1 id="その他のアプリ">
その他のアプリ</h1>
前回まで個人的にぶっちりぎりにおすすめしていたiA Writerですが、dropboxでの使い勝手が微妙になりまして、現在私的ランクダウン中です。<br />
具体的にはconflictファイルを大量にはいてしまうんですね。<br />
<br />
2019年はどんなアプリが出てくるのか。縦式がどんな進化をするのか楽しみです。<br />
あとはiOS側が、外部キーボードを使った場合もサードパーティーの日本語変換アプリを解放してくれたらうれしいなぁ、と。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-32595967462345887062019-01-11T10:38:00.002+09:002019-04-12T22:51:31.949+09:00吉里吉里のゲームをSTEAMに対応する方法 プラグイン編<h1 id="昔作った吉里吉里のゲームをsteamに対応する方法">
Steamの話</h1>
steamといえば、言わずと知れた世界で一番有名かつ大きなゲームの販売サイトです。<br />
そこが去年の後半に成年向けゲームの販売を許可しだしたというので話題になりました。<br />
また、日本ではあまり元気がないように思えますノベル系ADVゲームですが、最近は海外勢のものをよく見かけます。逆に人気があるのでしょうか。<br />
<br />
2019/04/12 実際の案件を元に内容を更新<br />
<a name='more'></a><br />
<h2 id="吉里吉里にsteamを組み込む">
吉里吉里にsteamを組み込む</h2>
吉里吉里はよく出来たゲームエンジンで、これを使って作られたゲームタイトルはとてもたくさんあると思います。<br />
これをsteamで売りたい、でも組み込みはどうすんだろう、という人向けの話です。<br />
吉里吉里にsteamのUIや実績機能や組み込むのに一番簡単な方法は、krkrsteam,dllというプラグインを用いるのが一番簡単です。<br />
これは<a href="https://github.com/jeeb/kirikiri2/tree/master/kirikiri2/src/plugins/win32/steam">こちら</a>で公開されています。<br />
<h2 id="準備">
準備</h2>
githubからソースコードをダウンロードして適当なところに展開します。<br />
readmeにあるようにsteamのsdkであるsteamworkもダウンロードして適当なところに展開します。ついでに環境変数のSTEAMWORKS_SDK にsteamworkのパスも追記します。<br />
readmeに指示されるままpremake4を実行してvisualstdioのプロジェクトファイルを生成します。<br />
<h2 id="修正">
修正</h2>
さて、できあがったプロジェクトファイルをVisualStudioでコンパイルすればできあがり、となるはずなのですが、残念ながらエラーになります。<br />
<br />
このkrkrsteam.dllが作られたときからsteamworkが更新されて、一部プラグインとは合わないようになっているからです。<br />
なので今度はそこを修正します。<br />
<br />
修正するのはgetCloudQuota() というクラウドストレージ機能のクオータ処理のところです。<br />
<pre><code>int32 total;
int32 available;
</code></pre>
この二つはクラウドストレージのトータルサイズと使用可能容量を示す変数ですが、現在のsdkではuint64型である必要があります。なので、これをuint64に修正します。<br />
<br />
さらにこのtotalとavailableは、tjsの getCloudQuota() メソッドの返値として用いられようになっています。ここも修正します。<br />
ここでは吉里吉里のゲームのクラウドストレージで4GB以上使うことはないだろう<sup class="footnote-ref"><a href="https://www.blogger.com/blogger.g?blogID=695690589435237812#fn1" id="fnref1">1</a></sup>、という見積もりでキャストして処理してしまうとします。<br />
なので、実運用する場合はsteamのアプリ管理で、ユーザーごとのバイトクォータが4GBを超えないように設定するのがいいでしょう。(多分)<br />
<pre><code>obj.SetValue(L"total", (uint32)total);
obj.SetValue(L"available", (uint32)available);
</code></pre>
これでコンパイルが通るはずです。<br />
<h2 id="吉里吉里に組み込む">
吉里吉里に組み込む</h2>
できあがったkrkrstream.dllをゲームフォルダにコピーします。<br />
併せてsteamwork sdkのフォルダからsteam_api.dllもコピーします。<br />
krkrsteam.dllをPlugins.link で読み込みます。<br />
<h2>
AppIdの仮設定</h2>
ですが、このままではうまく動作しません。appIdが割り振られていないからです。<br />
appIdというのはsteamで販売されるゲームに一意に割り振られている番号です。これは開発者登録をするともらえます。<br />
<br />
開発者登録は有料です。登録料は$100で$1000以上売れたら返ってきます。個人的には、ゴミアプリをいっぱいアップロードしないようにという措置だと思っています。<br />
<br />
じゃあ、ここでお金を払わないといけないのかというと、そこはテスト用のIdが用意されています。今回はそれを使って話を進めます。<br />
krkrsteam.dllと同じフォルダにsteam_appid.txtというテキストファイルを作り、中に<br />
<pre><code>480
</code></pre>
とだけ記します。<br />
さてゲームを起動してみましょう!<br />
<pre><code>Steam must be running to play this game (SteamAPI_Init() failed)
</code></pre>
と、起動に失敗してしまいました。<br />
直訳すると「このゲームをプレイするにはsteamが実行している必要があります」です。<br />
ということなので、steamを起動してから再度実行します。<br />
今度は画面の端にsteamの通知が表示され、shift+tabを押すことでsteamUIが表示されたと思います。<br />
<h2>
描画部分の修正</h2>
SteamUIは表示されるようになりましたが、多くのゲームでは表示がおかしいと思います。<br />
というのも、steamUIはゲーム画面の更新時に同期して描画されます。ですが吉里吉里は負荷軽減のため、必要に応じて描画を行う方式をとっているため、安定してsteamUIが描画されません。<br />
具体的には画面上で何か動いているものがないとsteamUIの描画が反映されないことになります。<br />
<br />
そこで常に画面更新をするように、ゲーム起動の比較的早い段階、kagならなばinitialize.tjsの冒頭にでも、次のように書いておきます。<br />
<pre><code>function UIUpdate()
{
Window.mainWindow.primaryLayer.update();
}
</code></pre>
続いて、メインウィンドウの初期化後あたり、kagならば、KAGWindowコンストラクタの末尾あたりに次のように追記します。<br />
<pre><code>System.addContinuousHandler(UIUpdate);
</code></pre>
これで隙あらば、画面描画を行うようになります。<br />
必要ならばYesNoDialog.tjsにも同様の処理を入れておきます。<br />
これでsteamUIが画面に表示されます。<br />
<h2 id="実績のテスト">
実績のテスト</h2>
実績の解除は次のように記します。<br />
<pre><code>Steam.setAchievement(id or API Name);
</code></pre>
idは数字か実績名(API Name)が入ります。<br />
実績の内容(文言)はsteam側で設定しますので、ここをカスタマイズするためには開発者登録が必要になります。<br />
とりあえず0を入れておくと、実績「intersteller」が発動します。<br />
API Nameはsteamworksの実績設定画面に表示されているアルファベット名です。<br />
これを文字列で渡すことでも実績解除が出来ます。<br />
<br />
<h2 id="課題">
Steamの自動起動を組み込む</h2>
現状、steamを起動していないときのエラーがダダ漏れです。<br />
ゲームを単体起動しようとするとSteamが勝手に起動する仕組みが入っていないからです。<br />
この仕組みは、SteamAPI_RestartAppIfNecessaryをプラグインの初期化部分に差し込むことで解決します。<br />
このAPIは、Steamが起動していない場合Steamを起動してログイン後に引数で渡されたAppIdのゲームをSteamが起動します。<br />
Steam起動後にゲームを起動するため、このAPIがtrueだった場合は速やかにゲームを終了する必要があります。<br />
TVPGetApplicationWindowHandleでゲームウィンドウのHWNDを拾って終了してください。<br />
<br />
SteamAPI_RestartAppIfNecessaryを組み込む際に注意が二つあります。<br />
一つ目はSteamに開発中のゲームが登録されていないとエラーになってしまうこと。<br />
これは当然といえば当然。<br />
二つ目はsteam_appid.txtが存在するときは、SteamAPI_RestartAppIfNecessaryが必ずfalseを返す=Steamが起動しないことです。<br />
Steamによればこれは開発中にSteamを介さずに起動できるようにするため、だそうです。<br />
<br />
<h2 id="課題">
課題</h2>
吉里吉里Zだと、エンジンの描画範囲の修正をしたほうがいいです。<br />
じゃないとウィンドウから全画面時に切り替えると描画範囲が正しくSteamUIに反映されず、戻れなくなったりします。<br />
これはkrkrzのBasicDrawDevice.cppを修正することで解決します。<br />
<br />
その他にも、実績関係だったりsteamの配信サーバーへのアップロードなどステップがありますが、長くなるので今回はここまで。<br />
<hr class="footnotes-sep" />
<br />
<br />
<section class="footnotes">
<ol class="footnotes-list">
<li class="footnote-item" id="fn1">セーブデータくらいですし。 <a class="footnote-backref" href="https://www.blogger.com/blogger.g?blogID=695690589435237812#fnref1">↩︎</a><br />
</li>
</ol>
</section>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-36782991491379355762018-09-25T12:49:00.002+09:002019-02-07T11:07:21.964+09:00吉里吉里TJSで実装した経路探索アルゴリズムを公開した話limecat制作のタイトルの制作依頼のときに作成したAstarアルゴリズムを、limecatさんの合意を得た上で、整理して使いやすくしてgithubに公開しました。<br />
<h3>
ちょっとした説明</h3>
limecatでは、広い室内を逃げるということだったので経路探索アルゴリズムを実装しました。<br />
<br />
<a href="https://github.com/suigensoba/krkrastar" target="_blank">https://github.com/suigensoba/krkrastar</a><br />
<br />
本来はC++などでプラグイン実装するのがスマートなのですが、諸般の都合でTJSで実装されています。<br />
<br />
もちろんTJSなので毎フレーム計算するようなリアルタイム処理には向いていません。なのでUnityのNaviMeshみたいなものを想像してはいけません。<br />
<br />
目的地を指定するとワンテンポ遅れて、そこまでの経路座標を配列で返すだけの代物です。<br />
一応計算をフレームで分割するようにはしています。<br />
<br />
地形データは画像データ(Layerクラス)を用います。<br />
なのでこの画像を操作することで半動的に地形を変化することができます。<br />
イベントによって通路が通行可能になったり不可能になったり、というのも可能です。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ps0nupYA3dsVzD3llnikZ3JPst6unBsHpX5G2jNFuY0rnlPvNDA3fBCeGSmYOykUkBPcXOgpOYc03U8da7jdxZDh3ar93mEuH-qmBi6_vqPkUhr1cWow0k1-abX2oJKlk6FdbX2EgdA/s1600/tmximage.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="480" data-original-width="640" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ps0nupYA3dsVzD3llnikZ3JPst6unBsHpX5G2jNFuY0rnlPvNDA3fBCeGSmYOykUkBPcXOgpOYc03U8da7jdxZDh3ar93mEuH-qmBi6_vqPkUhr1cWow0k1-abX2oJKlk6FdbX2EgdA/s320/tmximage.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">地形データのサンプル<br />
黒が通行可能</td></tr>
</tbody></table>
<br />
詳しい使い方はgithubのほうを見てください。<br />
吉里吉里2/Zでの動作を想定しています。<br />
そのほかの吉里吉里プロジェクトではわかりません。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-61358695195810633802018-07-11T13:50:00.001+09:002018-07-11T13:50:21.379+09:00公式Twitterページを省スペースで使う<div class="tr_bq">
Twitterは近々(2018/8/16)UserStreamの廃止という大きな仕様変更が行われます。</div>
詳しいことはここでは解説しませんが利用者目線でざっくり言うと「無料のサードパーティークライアントでは、これまでの流れるタイムラインを表示出来なくなるよ」というもの。<br />
<br />
この仕様変更を境にTwitterのPCクライアント界隈も、色々とバージョンアップするかと思います。<br />
ただ中には開発が停まっていてバージョンアップしなかったり、やむを得ず機能の削除が行われるクライアントもあるかと思います。<br />
<br />
なら繋ぎで公式ページを使ってみるか、と思って開いてみたら「公式ページ、余計なのが多いよ」と気になる人がいるかもしれません。<br />
<br />
PC版の公式ページは3カラムで、ウィンドウを縮めてもこんな感じ。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zpNUFWkPwM2SP2X6t6-818JJAMCEp8V8-Sd8pND_-ounbBmVKzcAy6n_jJTgJh0a2ZrifTJOzwi4RhjQmt2mjuyVjKeTQJYv72bd1VSXFCtZTsnqiS4Q4kewQIfMS_R6PXqFCFVZICI/s1600/2018-07-11_03h10_00.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="937" data-original-width="583" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zpNUFWkPwM2SP2X6t6-818JJAMCEp8V8-Sd8pND_-ounbBmVKzcAy6n_jJTgJh0a2ZrifTJOzwi4RhjQmt2mjuyVjKeTQJYv72bd1VSXFCtZTsnqiS4Q4kewQIfMS_R6PXqFCFVZICI/s320/2018-07-11_03h10_00.jpg" width="199" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">横幅を縮めたところ</td></tr>
</tbody></table>
レスポンシブにレイアウトが変わってくれればいいのに、というか自分のアイコンとかフォロワー数とか常時要らないよ、と思うのは自分だけじゃないはず。<br />
<br />
この記事はそんな人向けに、公式ページをすっきりさせようという話です。<br />
<br />
<a name='more'></a><br />
<br />
<h3>
CSSは弄りません</h3>
webページのレイアウトいじりの定番と言えばStylishを使ったCSSのカスタマイズですが、今回はこれを使いません。<br />
WEB界隈に聡い方はご存じかと思いますが、<a href="https://forest.watch.impress.co.jp/docs/news/1131143.html" target="_blank">「人気のFirefox拡張機能「Stylish」がポリシー違反でブロック、すべての閲覧履歴を収集か」</a> というようなことがあり、現在firefoxでもchromeでも公式からブロックされています。<br />
Stylishには互換アドオン/機能拡張がありますが、CSS変更をしないでも簡単に実現出来るので、この記事では触れずに進みます。<br />
<h3>
Twitterのもう一つの公式ページ「Twitter Lite」</h3>
Twitterには <a href="https://twitter.com/">https://twitter.com/</a> という公式ページの他に、軽量化したサイトがあります。<br />
入り方は <a href="https://mobile.twitter.com/">https://mobile.twitter.com/</a> からアクセスします。<br />
ログイン情報は共通なので、公式ページにログインしているならばそのまま自分のホーム画面が開くはずです。<br />
するとちょっと画面がすっきりしたTwitterページが表示されると思います。<br />
この画面ではウィンドウの幅に応じて2カラムから1カラムに変更されます。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLFTHUaMqg-U-pmz4ma40_6wyjqBQdV5MANyBl_31CW-m8qIHUQA000No6Bxtd4rHvDjCuZfGnR_elRPEhwWWS2I146-7kZ8rirVthNJVmsLaGfB94LVkS79Cj79DsX1K0ObCvsCO0xM/s1600/2018-07-11_03h28_53.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="937" data-original-width="554" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLFTHUaMqg-U-pmz4ma40_6wyjqBQdV5MANyBl_31CW-m8qIHUQA000No6Bxtd4rHvDjCuZfGnR_elRPEhwWWS2I146-7kZ8rirVthNJVmsLaGfB94LVkS79Cj79DsX1K0ObCvsCO0xM/s320/2018-07-11_03h28_53.jpg" width="189" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">PCでTwitter Liteを開いてウィンドウ幅を縮めた画面</td></tr>
</tbody></table>
<h3>
<br />「ブラウザだからうっかりタブを閉じそう」</h3>
そんな場合に便利なのがPWAです。<br />
<div>
<br /></div>
PWAというのは、Webアプリ/ページをデスクトップアプリのように開く仕組みです。<br />
今回はChromeの場合で話を進めます。<br />
<br />
PWAが有効化されていると、Twitter Liteのページを開いた状態で右上に「…」というメニューに「Twitter Liteをインストールしています」という表示が出ます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNJdMQM1YnaQSz2GrmP2ejjo9DBAnlm9nlCkXeU4WletXZ0LvrHyhqJMwh0ON6J1k7DZb41gwPsMX7nFvcaO2HpAjbGD_1nBCU8z2J_7ZC83BUtHxFPxwNpGOmoJTUJsf1KhxFIL8PZDs/s1600/2018-07-11_03h33_35.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="440" data-original-width="344" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNJdMQM1YnaQSz2GrmP2ejjo9DBAnlm9nlCkXeU4WletXZ0LvrHyhqJMwh0ON6J1k7DZb41gwPsMX7nFvcaO2HpAjbGD_1nBCU8z2J_7ZC83BUtHxFPxwNpGOmoJTUJsf1KhxFIL8PZDs/s320/2018-07-11_03h33_35.jpg" width="250" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
もし表示されない場合は、chrome://flags を開いて、検索窓に「PWA」と入れて「Enable PWA full code cache」と「Desktop PWA」の項目をEnabledに設定します。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRfIZktf_etdy5Dtk812WwdvubQzxh1IQTCiNzbGJF_WYZfezrJJaBkp-R8Bp-m7lWyrOlUNwGj5IIkCHj5DqYCCW3Ulq_D_AzZC6naQf3ISXqsVbJGQpdIHU6ub6RGKJCP1RvZ1Wnz2s/s1600/2018-07-11_03h34_29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="740" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRfIZktf_etdy5Dtk812WwdvubQzxh1IQTCiNzbGJF_WYZfezrJJaBkp-R8Bp-m7lWyrOlUNwGj5IIkCHj5DqYCCW3Ulq_D_AzZC6naQf3ISXqsVbJGQpdIHU6ub6RGKJCP1RvZ1Wnz2s/s400/2018-07-11_03h34_29.jpg" width="400" /></a></div>
<br />
ただ常時インターネットに繋がっている環境ならば、「ショートカットを作成」のままでも困らないと思います。<br />
インストールとの違いは、WEBアプリをローカルに保存するかどうかなので、Twitterのように常時インターネットに接続前提のサービスの場合は「ショートカットを作成」でもいい気がします。<br />
<br />
さて、「Twitter Liteをインストールしています」を選ぶと、<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggIkYIPbcd_LEIzYxSH3fxqPqvmTGDm0Tgopa53a7MfhSghto8Bb4P_2HY5TOysWpgdLx6-4MTwhmSr9WUbGFbzXDhOml_UiNiwkmp6GDj2EVgIfbySaNh_bU5Zq-ijMkahQ1VKN0rK4s/s1600/2018-07-11_03h39_06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="172" data-original-width="324" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggIkYIPbcd_LEIzYxSH3fxqPqvmTGDm0Tgopa53a7MfhSghto8Bb4P_2HY5TOysWpgdLx6-4MTwhmSr9WUbGFbzXDhOml_UiNiwkmp6GDj2EVgIfbySaNh_bU5Zq-ijMkahQ1VKN0rK4s/s320/2018-07-11_03h39_06.jpg" width="320" /></a></div>
こういうダイアログが表示されて、こんな感じにウィンドウが開きます。<br />
2ペインで開いている場合はウィンドウ幅を縮めてみて下さい。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9Rxd1kaWZTFBdiO83wbVvDClR2P0_-Qj6YzvY5xCXexqHGgGVcg_ClW-X7EbfG2v3S6SFolP8JxuWC4w-Ei9X0k2apDKmOkSk_-TIUR8yiXmDSrHAWAyeVsL2KBETGBcT2aEGqYR4FE/s1600/2018-07-11_03h47_07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="904" data-original-width="392" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9Rxd1kaWZTFBdiO83wbVvDClR2P0_-Qj6YzvY5xCXexqHGgGVcg_ClW-X7EbfG2v3S6SFolP8JxuWC4w-Ei9X0k2apDKmOkSk_-TIUR8yiXmDSrHAWAyeVsL2KBETGBcT2aEGqYR4FE/s320/2018-07-11_03h47_07.jpg" width="138" /></a></div>
<br />
どうでしょうか。<br />
ブラウザにあるアドレスバーやツールバーがなくデスクトップアプリのように開いています。<br />
またWindowsならばタスクバー、MacならばDockには単体アプリとして表示されます。<br />
<br />
通知はブラウザ側で通知を有効化していればちゃんと来ます。<br />
<br />
設定などは左上のアイコンをクリックすると表示されます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnQalEwl4bgKUrzD4tlDUB82eiu2zHw7INkHYUsnXBl7AsQkr54N_oXv_jnvQzLgESpCH5mljpSO4uHGDTSZRbUWtqp6uYWU6yzPZ0tv6wY8J_o29BaOJo5_GIfjQdpT7XqQHS2fXJ7XE/s1600/2018-07-11_03h46_572.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="100" data-original-width="376" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnQalEwl4bgKUrzD4tlDUB82eiu2zHw7INkHYUsnXBl7AsQkr54N_oXv_jnvQzLgESpCH5mljpSO4uHGDTSZRbUWtqp6uYWU6yzPZ0tv6wY8J_o29BaOJo5_GIfjQdpT7XqQHS2fXJ7XE/s320/2018-07-11_03h46_572.jpg" width="320" /></a></div>
<br />
ツイートをする場合は、右下の羽のボタンをクリックすることで入力欄が表示されます。<br />
<br />
これでうっかりブラウザと一緒に閉じてしまう心配は無くなります。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggQF3vfCNw8GfQypWvk9RqqXC6onxMTZZTo9bqBAyf6jrSVvpC9kGLXWvZlEXVVcHlVrpOEKQo7m-Jc7ggbsDiyqxhUkn1rpRWKncYnMG7-d5AmRhpsGwj0weya3cb65fNNxPsXvn3PdY/s1600/2018-07-11_04h03_29.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="28" data-original-width="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggQF3vfCNw8GfQypWvk9RqqXC6onxMTZZTo9bqBAyf6jrSVvpC9kGLXWvZlEXVVcHlVrpOEKQo7m-Jc7ggbsDiyqxhUkn1rpRWKncYnMG7-d5AmRhpsGwj0weya3cb65fNNxPsXvn3PdY/s1600/2018-07-11_04h03_29.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Win10のタスクバー(アイコン小)</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfKqO47U47R9yE_lYmlynKDEOMqGQ-t62_eTbApoSCciuam8UNvLAlbDQRN6nJPoVmOJkdtbHH9AAGtd0gCBgJPM1NM0Ew2UL8ianc9HYMgKyzzihnbGsmtBPy7-kIZoqyLrV8iAyKM0/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-07-11+3.58.31.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="80" data-original-width="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfKqO47U47R9yE_lYmlynKDEOMqGQ-t62_eTbApoSCciuam8UNvLAlbDQRN6nJPoVmOJkdtbHH9AAGtd0gCBgJPM1NM0Ew2UL8ianc9HYMgKyzzihnbGsmtBPy7-kIZoqyLrV8iAyKM0/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-07-11+3.58.31.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">MacのDock</td></tr>
</tbody></table>
<br />
<h3>
アプリの起動の仕方</h3>
Windowsの場合は、デスクトップにアイコンが追加されますので、これを起動すればオッケーです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3_fQHRohKn-lFWw_l4tvNGXLsVbMcVXkLhzRxLHwmskHqMBouDzjTkfWrTG_TAVQKFxE1Bx08wKfpYmJnomaghpu90pg3oc26seM6k9KwxNISX683Vf9qwJlEZj3nQWpf59v26qGi6k/s1600/2018-07-11_03h44_57.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="93" data-original-width="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3_fQHRohKn-lFWw_l4tvNGXLsVbMcVXkLhzRxLHwmskHqMBouDzjTkfWrTG_TAVQKFxE1Bx08wKfpYmJnomaghpu90pg3oc26seM6k9KwxNISX683Vf9qwJlEZj3nQWpf59v26qGi6k/s1600/2018-07-11_03h44_57.jpg" /></a></div>
<br />
<br />
Macの場合は、chromeアプリフォルダにリンクが入っています。<br />
(インストール時に開くはずです)<br />
<br />
これを起動することで起動できます。<br />
<br />
またWin/Mac共通として <a href="chrome://apps/">chrome://apps</a> から開くことも出来ます。<br />
<h3>
アンインストール方法</h3>
インストールされたといいますが、実際はブラウザのキャッシュです。<br />
ですが通常の「閲覧履歴の消去」からは削除されません。<br />
<br />
アンインストールするには <a href="chrome://apps/">chrome://apps</a> を開いて、Twitter Liteのアイコンを右クリックすると「chromeから削除」という項目がありますのでここからアンインストールが出来ます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQwLCEa5ZYOZv72-j6exwonzVkutc-ljssgdK98TOeoZ_09tc7Z_cxINP_l5LTGAb5_D-R8ZqZyaim5EKCcHsj8MtBYQAp4NwPtoFIRZNwRvwTb9Zkh3AUy2h_uo5PXvEPlIcHXxBARI/s1600/2018-07-11_04h10_23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="310" data-original-width="284" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQwLCEa5ZYOZv72-j6exwonzVkutc-ljssgdK98TOeoZ_09tc7Z_cxINP_l5LTGAb5_D-R8ZqZyaim5EKCcHsj8MtBYQAp4NwPtoFIRZNwRvwTb9Zkh3AUy2h_uo5PXvEPlIcHXxBARI/s200/2018-07-11_04h10_23.jpg" width="183" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3>
最後に</h3>
Twitter Liteは公式のページなので仕様変更にすぐに反映されます。<br />
あと軽量化されたサイトなので軽いのも魅力です。<br />
一時期はサードパーティークライアントのみだったミュート機能も公式側で実装されたので、人によってはあまり遜色なく使えるかも知れません。<br />
<br />
大きなデメリットはというと、裏でchromeを起動していることくらいでしょうか。<br />
メモリ食いなChromeなのでメモリが少ない環境では厳しいかもしれません。<br />
(条件付きで)省メモリで運用する方法もあるのですが、それはまた機会があれば。<br />
<h3>
余談</h3>
ウェブアプリをデスクトップアプリのように開く機能は、Gmailとか、Googleスプレッドシートとかで使うと使い勝手が結構変わってきます。<br />
リアルタイム協調作業に強いGoogleのオンラインオフィス系スイートは、少人数の遠隔地同士でガシガシ書き込むときに便利です。<br />
<br />
一時期言われていた「Googleドライブにアップロードすると著作権がGoogleのものになる」という話については、<a href="https://support.google.com/drive/answer/2450387?hl=ja" target="_blank">googleドライブ利用規約</a>を見て判断するのが確実だと思います。<br />
書かれていることを一部引用しますと<br />
<blockquote>
Google の利用規約に記載されているように、「ユーザーは、そのコンテンツに対して保有する知的財産権を引き続き保持します。つまり、ユーザーのものは、そのままユーザーが所有します。」</blockquote>
<br />
<blockquote>
Google は、ユーザーがドライブ アカウントでアップロード、共有、保存しているテキスト、データ、情報、ファイルなどのいかなるコンテンツの所有権も請求しません。Google の利用規約の目的は、ユーザーがドキュメントを共有したり別の端末で開いたりする機能など、ユーザーに必要なサービスを Google が提供できるようにすることです。</blockquote>
<br />
ということらしいです。<br />
<br />
<div class="amazlet-box" style="margin-bottom: 0px;">
<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B07DV95WPD/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="月刊MdN 2018年8月号(特集:SNSバズ百景 ――「RT」&「いいね」時代のクリエイション100)" src="https://images-fe.ssl-images-amazon.com/images/I/51kXViAYAkL._SL160_.jpg" style="border: none;" /></a></div>
<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
<div class="amazlet-name" style="line-height: 120%; margin-bottom: 10px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B07DV95WPD/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank">月刊MdN 2018年8月号(特集:SNSバズ百景 ――「RT」&「いいね」時代のクリエイション100)</a><br />
<div class="amazlet-powered-date" style="font-size: 80%; line-height: 120%; margin-top: 5px;">
posted with <a href="http://www.amazlet.com/" target="_blank" title="amazlet">amazlet</a> at 18.07.10</div>
</div>
<div class="amazlet-detail">
<br />
エムディエヌコーポレーション (2018-07-06)</div>
<div class="amazlet-sub-info" style="float: left;">
<div class="amazlet-link" style="margin-top: 5px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B07DV95WPD/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jpで詳細を見る</a></div>
</div>
</div>
<div class="amazlet-footer" style="clear: left;">
</div>
</div>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-82379268444880560052018-07-09T12:14:00.000+09:002018-07-09T12:14:16.716+09:00AEでカートゥーン風爆発エフェクトを作る<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfurQ46ztLpgEBZBjFH331ernWEgZCoUyWMiK7zV-qWIOHviQvG420m3wvPXHWhHURrTqq_h644MQADt8jshzPZqb45sNqpyzjqjHOx9C4Yh52UMbBn0YzDiNgY1mNbtPJKtF8wwL9P8/s1600/_10.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfurQ46ztLpgEBZBjFH331ernWEgZCoUyWMiK7zV-qWIOHviQvG420m3wvPXHWhHURrTqq_h644MQADt8jshzPZqb45sNqpyzjqjHOx9C4Yh52UMbBn0YzDiNgY1mNbtPJKtF8wwL9P8/s1600/_10.gif" /></a></div>
<br />
AEネタが続きます。<br />
今回はAEでカートゥーン風の爆発を作る方法を、覚え書きついでにざっくりと書いてみます。<br />
<br />
カートゥーン風と言っても年代やジャンルによって様々ですが、トムとジェリーのようなコミカルなものではなく、今回はわりと新しい目のアニメの雰囲気を目指します。<br />
<br />
ご本家は手書きでぐりぐり書き込んだり、マスクをアニメーションさせたり、3Dモデリングで作っていくのだと思いますが、こちらは変形系のエフェクトを使ってそれっぽく再現したいと思います。<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a><br />
<br />
<h3>
環境</h3>
AfterEffects 2018.1ですが凝ったことはしないのでCS6とかでも問題ないと思います。<br />
<h3>
エフェクトの要素</h3>
エフェクトを作るにあたって、対象をよく観察して要素を分解して見ていきます。<br />
各要素を再現する方法を組み合わせていけば、再現出来るんじゃない? という考えです。<br />
<br />
実写系のエフェクトの場合は物理的な現象から要素を積み上げていきます。カートゥーンの場合も大幅なデフォルトがなされていますが基本は同じだと思います。<br />
<br />
ただ今回は「ぱっと見てそれっぽい!」というグレードの解説ですので、あまり細かい考察は無しでいきます。<br />
<br />
で今回のエフェクトの場合は以下のように分解しました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-oPm1NgnZOcfE5ySW8IjCg0R70T9JRfz6l0Jn80clNL1sCYStg_qzQstt6U7I_nZFWMp4VVY8ZxIbFsri02rf6OPUnTZEEIBBBx4VhydJelK8l2itLsnTDgFJzpAUr8Dj-JB0Fbq79U/s1600/2018-07-06_12h48_57.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="375" data-original-width="656" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-oPm1NgnZOcfE5ySW8IjCg0R70T9JRfz6l0Jn80clNL1sCYStg_qzQstt6U7I_nZFWMp4VVY8ZxIbFsri02rf6OPUnTZEEIBBBx4VhydJelK8l2itLsnTDgFJzpAUr8Dj-JB0Fbq79U/s400/2018-07-06_12h48_57.jpg" width="400" /></a></div>
<br />
<br />
<ul>
<li>不規則な形が変形しつつ爆発的に大きくなる</li>
<li>温度が高いコア部分は外側のレイヤーよりはみ出さない</li>
<li>プロミネンス的な外形が生まれたり萎んだりする</li>
<li>上記が幾重か繰り返す</li>
</ul>
<div>
ガバガバですが、こんな感じでいきます。</div>
<h3>
マスク作成</h3>
<div>
「不規則な形」を作るためのベースを作ります。</div>
<div>
今回は平面にマスクで作ることにしました。</div>
<div>
マスク形状を星形を選んでコンポ中央に適当に配置します。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
ここでマスク作成についておさらいですが、星形のプリセットはドラッグ中にカーソルキーやpageUp/Downキーを押すことで様々に変形することが出来ます。</div>
<div>
<br /></div>
<div>
例えばpageUp/Downを押すと内径のエッジが丸みが変わります。</div>
<div>
カーソルの左右では外径のエッジの丸みが変わります。</div>
<div>
カーソル上下で角の数を増減できます。これはホイールでも操作出来ます。</div>
<div>
ctrlキーを押すと内径の大きさを変えずに外径だけ変わります。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz8or9rPXxgnaqEyVUbQ9xXYi_0QtfkRlqnAJjwiegDlR8SVLO559DlhjLG6GYfkHhtDm4vXgH3bRgLdd1Jip8TLU_JeKYGqR63bjcJbh_SM_XZM47uxxbWwYv5icxCK_kLFBrWAJAY6Q/s1600/Desktop_2018_07_06_12_34_34_3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz8or9rPXxgnaqEyVUbQ9xXYi_0QtfkRlqnAJjwiegDlR8SVLO559DlhjLG6GYfkHhtDm4vXgH3bRgLdd1Jip8TLU_JeKYGqR63bjcJbh_SM_XZM47uxxbWwYv5icxCK_kLFBrWAJAY6Q/s1600/Desktop_2018_07_06_12_34_34_3.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<h3>
外径の作成</h3>
<div>
外径のために、白色の新規レイヤーを作成します。</div>
<div>
レイヤーを白で作る理由は、最後に色合いエフェクトを使って着色することで色の調節が楽になり、プロジェクトの再利用性が高まるからです。<br />
<br /></div>
<div>
白いレイヤーに漫画の吹き出しと星形の中間のようなマスクを作ります。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PqBwscMPxk39I8KrPecweVFVqIGP7so1p86f5TpJL9pgwtiR35oWmnKQMVLNAvN7qPiXTry8xBRShNvFY1cmnURGudexb3Dh_RwQkOhUFEBamhdM49X9HIl84APWumC9tmauq2x848E/s1600/2018-07-06_14h57_48.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="376" data-original-width="652" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PqBwscMPxk39I8KrPecweVFVqIGP7so1p86f5TpJL9pgwtiR35oWmnKQMVLNAvN7qPiXTry8xBRShNvFY1cmnURGudexb3Dh_RwQkOhUFEBamhdM49X9HIl84APWumC9tmauq2x848E/s320/2018-07-06_14h57_48.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
吹き出し型にするのは、プロミネンス風の先細りしたエッジを作りたいからです。</div>
<h3>
外径の変形</h3>
<div>
変形はアニメでおなじみタービュレントディスプレイスを使います。</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
パラメータはこんな感じです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNp58geiYoKdH__O24yRwEV0AWIWA1u_HfrtSOcFnAGt_6JQYTWNaNPwbkXpubnzYtct1SQ3szs79nisi0l03YugxJRS6WXXce6cjAIp6ZVkYYXj7y7nvQz1lrgoh0EaD6u2gOxD9aOzI/s1600/2018-07-06_15h11_07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="496" data-original-width="358" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNp58geiYoKdH__O24yRwEV0AWIWA1u_HfrtSOcFnAGt_6JQYTWNaNPwbkXpubnzYtct1SQ3szs79nisi0l03YugxJRS6WXXce6cjAIp6ZVkYYXj7y7nvQz1lrgoh0EaD6u2gOxD9aOzI/s320/2018-07-06_15h11_07.jpg" width="230" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
変形はタービュレント、ツイスト、バルジとありますが今回は爆発なので、変形に拡縮方向が追加されるバルジを選びました。</div>
<div>
<br />
さらに「マスクの拡張」を使い、見えないほど縮めたものから、画面を覆うほどまで1秒かかけてアニメーションさせます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
少し物足りないので、タービュレントディスプレイスの方でも、展開をアニメートさせます。大体、1秒で90度回転するようにキーフレームを打ちました。<br />
この白いところは後で黄色になります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUoHWLN3R5G_ExaXESXZikBzPrEoTyNxnrhW3C6Snc4ppot89kU4rjJAndyRowerwFWJjN5ouJPmf3gDMwlBIpEW4eoeLxXuMMWRbX77I91KMaBMn2DR88w1piwjenAie4Uu70euhjTuw/s1600/_3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUoHWLN3R5G_ExaXESXZikBzPrEoTyNxnrhW3C6Snc4ppot89kU4rjJAndyRowerwFWJjN5ouJPmf3gDMwlBIpEW4eoeLxXuMMWRbX77I91KMaBMn2DR88w1piwjenAie4Uu70euhjTuw/s320/_3.gif" width="320" /></a></div>
<br />
続いて、このレイヤーを複製し、上になっているレイヤーを1ないし2フレームほど後ろへずらします。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGkKBdKp0VdQabPyFLBnYQXu0-EltZl6QnGFb-VZEPChIehAhb1qPzNwoH_3aQhj1gquJV2KAEsvlZ_s2aYM0mZg4tZXx9bwQpy8J982a8-vAYvd-gERWilcA8gVZLX-_8oZ6BKY8vbQ/s1600/2018-07-06_15h26_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="101" data-original-width="781" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGkKBdKp0VdQabPyFLBnYQXu0-EltZl6QnGFb-VZEPChIehAhb1qPzNwoH_3aQhj1gquJV2KAEsvlZ_s2aYM0mZg4tZXx9bwQpy8J982a8-vAYvd-gERWilcA8gVZLX-_8oZ6BKY8vbQ/s320/2018-07-06_15h26_02.jpg" width="320" /></a></div>
<br />
そして合成モードを除外に設定します。<br />
そうして出来たのがこちらです。</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJmAUUIQYmXJx3wCybN7DiErFj6uiKjNFvYVioMBPvgH-DQjkyFKi8ZNxnlXf8Vx2nAC1er6Gpoh45hBPdkeG5Qm-2B58jMAeO7OcS9Lt57zFT7EQrET5IVcUBFSDWnhJBTPtsxQr2Dh8/s1600/_4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJmAUUIQYmXJx3wCybN7DiErFj6uiKjNFvYVioMBPvgH-DQjkyFKi8ZNxnlXf8Vx2nAC1er6Gpoh45hBPdkeG5Qm-2B58jMAeO7OcS9Lt57zFT7EQrET5IVcUBFSDWnhJBTPtsxQr2Dh8/s320/_4.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
爆風の外側ぽい感じのものが出来ました。<br />
gifだと分かりにくいのですが、内側の黒いところは透明ではなく黒で、爆発の温度が高いところ、つまりコア部分で後で赤色になるところです。<br />
<br />
ただ一個だけだと寂しいので、もう一ひねりします。<br />
flame2レイヤーを複製します。出来上がったレイヤーをFlame2レイヤーより2フレームほど後ろへ配置します。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVFa48E4RW4WgYXBBWDXhHXpM51g_t4HEoH_VMtLyPUOGG1arN6dIWQFnQtVWuSyodaoPNr8s9rj4TZCxO0TWvVtjiGLkLSIAGB_jCE0Cy_ocntrxXLfE4wylHpQXyWKUnieGyTRtlw4/s1600/2018-07-06_15h37_43.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="128" data-original-width="901" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVFa48E4RW4WgYXBBWDXhHXpM51g_t4HEoH_VMtLyPUOGG1arN6dIWQFnQtVWuSyodaoPNr8s9rj4TZCxO0TWvVtjiGLkLSIAGB_jCE0Cy_ocntrxXLfE4wylHpQXyWKUnieGyTRtlw4/s400/2018-07-06_15h37_43.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
これで爆風が2度発生しますが、同じ形で2度起きるのはちょっと違和感があります。<br />
そこで二度目の方のタービュレントディスプレイスのパラメータに変化を付けます。<br />
今回はサイズと量を少し下げ、ランダムシードを変えました。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFa6yiHJRMABDZ9OpCvx_J8YGdofnuWz27LrrfxbAHQcJDdXaeA592f7u0tjy5mPX6mjcwsCavRh_Ac8hn47txATzMFJwB4bgRiJwezKG5P1JY9vLybb0ky6jHZ_AM9cietb9tSGH7yI/s1600/_5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFa6yiHJRMABDZ9OpCvx_J8YGdofnuWz27LrrfxbAHQcJDdXaeA592f7u0tjy5mPX6mjcwsCavRh_Ac8hn47txATzMFJwB4bgRiJwezKG5P1JY9vLybb0ky6jHZ_AM9cietb9tSGH7yI/s320/_5.gif" width="320" /></a></div>
<h3>
爆発のシャドウ部分</h3>
</div>
<div>
爆発の形状のシャドウ部分を作成します。</div>
<div>
今回はシャドウ部分はコア部分と同じで最終的に赤色で表現でします。</div>
<div>
<br /></div>
<div>
flame3レイヤーを複製し、flameレイヤーが画面一杯に広がったあたり(20フレーム付近)に移動します。</div>
<div>
シャドウ部分つまり、球形に爆発の窪み部分を表現したいので、爆発の形状よりも細かくしたいです。</div>
<div>
そこでタービュレントディスプレイスの「量」を200に増やし、キーフレームを1秒かけて、「サイズ」を15->100、「複雑度」を1->3で打ちます。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7XOqjn7cGQTt5JeBpLykRly17opsM6vfpXl3Z-sdZuF-ASLyd_xnlwQCDXz-ZMM29kB9JChjaJ995ynosvyDvFU7kdvBG1v-w3Zk3EXPMWKpVvv59RqxZ9QHmbSuiPq8AAiux6MKL8CM/s1600/_6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7XOqjn7cGQTt5JeBpLykRly17opsM6vfpXl3Z-sdZuF-ASLyd_xnlwQCDXz-ZMM29kB9JChjaJ995ynosvyDvFU7kdvBG1v-w3Zk3EXPMWKpVvv59RqxZ9QHmbSuiPq8AAiux6MKL8CM/s320/_6.gif" width="320" /></a></div>
<div>
<br /></div>
<h3>
色つけ</h3>
<div>
ここで一端色を付けてみましょう。</div>
<div>
一番上に調整レイヤーを作り、「色合い」フィルターを割り当てます。</div>
<div>
「ブラック」を赤色、ホワイトに黄色系に設定することで、合成結果の色に応じて着色されます。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivB2JtOIbVUdtqmRRtniMqvYc1DatmoOzfkQaiDJcWg6etc0hNGp1jpaPmW1UQFXnFhB187VOZFUsnRFMztfhbqQSWSG0VKuXlHkm4hZYUy7cpGItgCoWmlwQ12M_C7qIBDafpbZjV7w/s1600/_7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="350" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivB2JtOIbVUdtqmRRtniMqvYc1DatmoOzfkQaiDJcWg6etc0hNGp1jpaPmW1UQFXnFhB187VOZFUsnRFMztfhbqQSWSG0VKuXlHkm4hZYUy7cpGItgCoWmlwQ12M_C7qIBDafpbZjV7w/s320/_7.gif" width="320" /></a></div>
<div>
爆発っぽく見えてきました。</div>
<h3>
ポストエフェクトの追加</h3>
<div>
グローやブラーエフェクトを追加して質感を上げていきます。</div>
<div>
ブログでは標準のグローを使いますが、他に使い勝手が良いグローエフェクトを持っているならばそれでもオッケーです。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsEb7qvQDwpm32IsHQ05kZGLTguNw1nlAZ9CrZRBVUYTwFOfErJDShaypmSL_eplwNXWMaBQpveV0yC7TbGarULiMQL2LMwDpukyGCSfHPLhEr9pvjxtmEZdvZhRYyLK1J32fY-W1UaM/s1600/2018-07-06_17h55_28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="496" data-original-width="358" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsEb7qvQDwpm32IsHQ05kZGLTguNw1nlAZ9CrZRBVUYTwFOfErJDShaypmSL_eplwNXWMaBQpveV0yC7TbGarULiMQL2LMwDpukyGCSfHPLhEr9pvjxtmEZdvZhRYyLK1J32fY-W1UaM/s320/2018-07-06_17h55_28.jpg" width="230" /></a></div>
<div>
続いて爆発の勢いを足すためブラーを追加します。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_USzs39pYN7ln7N__zbmVw9tABkudSdBOyJzuiMdLht-f7rI88wBOUGiorroMTxD25Cl4CZ17bcxe9nDyKn769Gg3kD499by607_j9hQFEvm_YZhDPmKPhfMhPwaXQ8huXcvxElNoEw/s1600/2018-07-06_18h05_00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="119" data-original-width="356" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_USzs39pYN7ln7N__zbmVw9tABkudSdBOyJzuiMdLht-f7rI88wBOUGiorroMTxD25Cl4CZ17bcxe9nDyKn769Gg3kD499by607_j9hQFEvm_YZhDPmKPhfMhPwaXQ8huXcvxElNoEw/s320/2018-07-06_18h05_00.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
結果はこんな感じです。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOpI3iLqD6wkX_1Llors3C3W0U3m3nDVSUWSUv00eaNzDklfI2YWJmkWdh3X7R7KHcOodmGIotROr7UrfI3cGdUNBNDIwHnJIxdwCyj-dGWZNiZl8FLX_SnlMj65JlRjiH31iB7xmxahM/s1600/_4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOpI3iLqD6wkX_1Llors3C3W0U3m3nDVSUWSUv00eaNzDklfI2YWJmkWdh3X7R7KHcOodmGIotROr7UrfI3cGdUNBNDIwHnJIxdwCyj-dGWZNiZl8FLX_SnlMj65JlRjiH31iB7xmxahM/s1600/_4.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
これで基本は完成になります。</div>
<div>
あとは<br />
<br />
<ul>
<li>レイヤーを重ねる。</li>
<li>爆発に遭わせてカメラを揺らす。</li>
<li>パーティクルを足す。</li>
<li>トランジションぽくするためにトラックマットでくり抜く。</li>
</ul>
<div>
というようなカスタマイズが出来ると思います。</div>
</div>
<div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82Ggv00ampwH3UlMIztuezTXBJEi4c2zmcSSbK0HXMVmFPmghpMf32FQJ5JsgyQuPVNlE9fdM7jSMYfkfzXNUupZaSXBaqJxMk7WHBsI68ygzNZkFvxXQI5ytmgJpNgUzu2jUQKX3rnk/s1600/_10.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="300" data-original-width="450" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82Ggv00ampwH3UlMIztuezTXBJEi4c2zmcSSbK0HXMVmFPmghpMf32FQJ5JsgyQuPVNlE9fdM7jSMYfkfzXNUupZaSXBaqJxMk7WHBsI68ygzNZkFvxXQI5ytmgJpNgUzu2jUQKX3rnk/s320/_10.gif" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">パーティクルを足してくり抜いたもの</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<h3>
まとめ</h3>
<div>
ノイズだけで作るカートゥーン風の簡単爆発でした。</div>
<div>
キーフレームやタービュレントディスプレイスのパラメータを変えれば正面から受ける炎とかも出来るかも。</div>
<div>
<br /></div>
<div>
これは某ゲームの案件で「神風動画さんぽい感じで」という時に使ったやり方です。<br />
他にも炎や雷バージョンなどもあるのでそちらもそのうち書こうかなと思います。<br />
<br />
ちなみにもっと手軽にカートゥーン風を!という場合はVideohiveに素材集が沢山売っていますので、そちらを使う手もあります。<br />
素材系はライセンスが商業利用のために「extendedライセンスで、最終製品1タイトルごと」の場合が多いので、複数の作品で使い回しが出来いでそのあたりは注意が必要です。<br />
<br /></div>
<div>
<br /></div>
<div class="amazlet-box" style="margin-bottom: 0px;">
<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4862463401/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="吉田流! アニメエフェクト作画" src="https://images-fe.ssl-images-amazon.com/images/I/518Oe13LOIL._SL160_.jpg" style="border: none;" /></a></div>
<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
<div class="amazlet-name" style="line-height: 120%; margin-bottom: 10px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4862463401/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank">吉田流! アニメエフェクト作画</a><br />
<div class="amazlet-powered-date" style="font-size: 80%; line-height: 120%; margin-top: 5px;">
posted with <a href="http://www.amazlet.com/" target="_blank" title="amazlet">amazlet</a> at 18.07.06</div>
</div>
<div class="amazlet-detail">
吉田徹 <br />
ボーンデジタル (2016-12-27)<br />
売り上げランキング: 58,162</div>
<div class="amazlet-sub-info" style="float: left;">
<div class="amazlet-link" style="margin-top: 5px;">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4862463401/suigensoba-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jpで詳細を見る</a></div>
</div>
</div>
<div class="amazlet-footer" style="clear: left;">
</div>
</div>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-29327975328993165692018-06-07T13:04:00.000+09:002019-02-07T11:08:02.971+09:00AEだけでVR動画を作る話AfterEffectsオンリーでVR動画を作る機会がここ立て続けて二つほどありました。<br />
いわゆる360度なカメラで撮影したものではなく、3Dレイヤーなどで1から映像を作るものです。<br />
作れることは知っていたのですが、以外と日本語のリソースがなかったのでメモ代わりに書いておこうと思います。<br />
<br />
使ったAEはCC 2018.1、つまり最新版です。<br />
作るだけなら一個前の2018でも出来ますが、最新版のほうがプレビューが圧倒的に楽です。<br />
最新版だとAEからVR HMDに映像を送れるのでいちいち書き出す必要がなくて便利です。<br />
<br />
説明は日本語版の表記で進めていきます。<br />
<br />
<h2>
セットアップ</h2>
<div>
いきなりのtipsなのですが、環境設定で「<b>レイヤーをコンポジションの開始時間に作成」</b>をオンにします。<br />
これをオンにしておかないと、後々面倒になります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2S5sL9BQgXX5b5MTpv-2n0JBz8LCpSVA07CmiMVKjCLI76nr6DvzpjVCyUUMJ2qoXnZUhRZKLQT3w1lhERz-99eJSdx-Pvb0lI8dmz8sbOLeBP3dPOUcxMSVIB_jPkpxP4E-dq_55RZM/s1600/2018-05-22_11h42_05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="54" data-original-width="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2S5sL9BQgXX5b5MTpv-2n0JBz8LCpSVA07CmiMVKjCLI76nr6DvzpjVCyUUMJ2qoXnZUhRZKLQT3w1lhERz-99eJSdx-Pvb0lI8dmz8sbOLeBP3dPOUcxMSVIB_jPkpxP4E-dq_55RZM/s1600/2018-05-22_11h42_05.jpg" /></a></div>
<br />
続いて<b>「コンポジション>VR>VR環境を作成」</b>を開きます。<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4lc_a96zq9bfZoRvW_Q1cterluNHfcKuap8vOwuvGG6X0_zeC_aGfrDb8spUF_m4BEKG-jLM5sMHCEPlE6HIk90VRtazN5dGjRzbv-Nhz_cFB1c6WXNGsXyytsSMEJ50lSU5orL-Pihc/s1600/2018-05-18_12h09_27.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="102" data-original-width="540" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4lc_a96zq9bfZoRvW_Q1cterluNHfcKuap8vOwuvGG6X0_zeC_aGfrDb8spUF_m4BEKG-jLM5sMHCEPlE6HIk90VRtazN5dGjRzbv-Nhz_cFB1c6WXNGsXyytsSMEJ50lSU5orL-Pihc/s320/2018-05-18_12h09_27.jpg" width="320" /></a></div>
<br />
<br />
開いた<b>「VR環境を設定」</b>ウィンドウを設定していきます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhx9Zrvm-IXOuklhlbropf0-rpTiAz625P2W_Ql-4Pcx5ZaZ2_uJO5aNZYl7NAFJhOqbWQb7VZMQaXLfDO5Ru6Sg-45ZpMzg80mXCpbCQF0PEGvLRbtjeWPLwc8InuuEpY1dp28V0ouyU/s1600/2018-05-18_12h18_34.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="310" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhx9Zrvm-IXOuklhlbropf0-rpTiAz625P2W_Ql-4Pcx5ZaZ2_uJO5aNZYl7NAFJhOqbWQb7VZMQaXLfDO5Ru6Sg-45ZpMzg80mXCpbCQF0PEGvLRbtjeWPLwc8InuuEpY1dp28V0ouyU/s320/2018-05-18_12h18_34.jpg" width="229" /></a></div>
<br />
項目を軽く説明します。<br />
<h3>
サイズ</h3>
サイズはVR空間のコンポジションサイズになります。<br />
AEのVRは正方形を6面組み合わせた箱の中心にカメラを置いた形になります。その一面の解像度を指定するところになります。<br />
正方形になっていますがこれで問題ありません。<br />
<br />
サイズを高くするとより鮮明な映像になります。<br />
ですが高くし過ぎても重くなりますし、最後にこのコンポジションを3列2行の6面貼り合わせます。よって最終サイズの横幅は3倍の3072x1536になります。結構な高解像度です。<br />
ただVR動画の画質という点では、3072x1536は悪くない数字だと思いますが、4Kきっちりで作りたいと方2048を選んで後で縮小すると良いと思います。<br />
<br />
<h3>
フレームレート</h3>
そのまんまです。<br />
高い方が現実感が高まります。<br />
ただし、高いと書き出すのが遅くなります。<br />
<br />
小技として、編集は29,97でしておいて、書き出し時に倍にする手も使えます。ただこの場合はエクスプレッションなどを使っていると予期しない挙動を起こすので注意が必要です。<br />
<br />
余談ですが、VR動画アプリによってはフレームレートとヘッドトラッキングのFPSが同期するものがあったりします。<br />
<br />
<h3>
デュレーション</h3>
言わずと知れたコンポジションの長さです。<br />
<br />
<h3>
2ノードカメラを使用</h3>
カメラを2ノードカメラで作成します。<br />
映像中にカメラを動かす必要のある人は、1ノードか2ノードかやりやすい方を選んで下さい。<br />
<br />
<h3>
3Dヌルカメラコントロール...</h3>
カメラ操作用のリグをヌルレイヤーで作成します。<br />
有った方が楽です。<br />
<br />
<h3>
カメラの中心</h3>
カメラを空間の中央に配置します。<br />
3Dモデリング風に言えば座標0か、人の目線を想定した位置に配置するかを決めます。<br />
1024x1024のコンポジションの場合、オンで<u>512,512,0</u>、オフで<u>512,512,-512</u>にカメラが初期配置されます。<br />
<div>
<br /></div>
もっとも後からいくらでも調節出来るので、最初に作業しやすい方でいいでしょう。<br />
<br />
<h3>
3Dプラグインの使用</h3>
これはELEMENT 3DやParticularのように「平面レイヤーだけどカメラ情報を参照して見え方が変わる3Dレンダリング系プラグインを使っているか」という項目です。<br />
該当するプラグインを使う予定ならオンで。<br />
<br />
今回はこれはオン前提で進めます。<br />
<br />
<h3>
エッジブレンディングを使用</h3>
エッジブレンディングとは複数のスクリーンをつなぎ合わせるとき、隣のスクリーンと少し被せて配置することで滑らかに繋げることです。<br />
プロジェクターを複数台使って大画面を構築するときによく聞く言葉です。<br />
<br />
AEの場合は、前後左右上下に向けられた複数のカメラ映像を滑らかに繋げるために、間になる映像を生成します。<br />
オフだと前後左右上下の一つのコンポから6面に生成するのに対して、オンだと20面生成します。<br />
結果、かなりムービーの書き出しが重くなります。<br />
<br />
ただコンポジションで3D系の描画系プラグインを使う場合や、オブジェクトが空間内を動き回る場合はエッジ付近のつながりが良くなり映像の質は良くなります。時間に余裕があるなら使っていきたい項目です。<br />
<br />
<h2>
コンポの作成</h2>
必要な設定を済ませたら、「VRマスターを作成」をクリックします。<br />
カメラなど必要なレイヤーが設定されたコンポが開きます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsUrQGfHFj0n6kCiDeJvFnKitK7QsUd3Hhe99kKUxXF2ZbfUPfgaD1UmT7auwe9i8bX6mGPDoEiCFO6yX_CYUm1uzThV8h45YBOrwE3B19983NgBIhIg5qjcaspm5XHChztm8GYoMsIZU/s1600/2018-05-31_12h46_29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="175" data-original-width="323" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsUrQGfHFj0n6kCiDeJvFnKitK7QsUd3Hhe99kKUxXF2ZbfUPfgaD1UmT7auwe9i8bX6mGPDoEiCFO6yX_CYUm1uzThV8h45YBOrwE3B19983NgBIhIg5qjcaspm5XHChztm8GYoMsIZU/s200/2018-05-31_12h46_29.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
「VRマスターコントローラー」というのは「<b>3Dヌルカメラコントロール...</b>」で作成したリグになります。<br />
カメラの移動はこれに対して行います。<br />
<br />
<h2>
オブジェクトの配置</h2>
<br />
コンポ内のオブジェクトは基本的に3Dレイヤーで行います。<br />
そうすることで、VR動画に変換したさい、適切な位置に表示されます。<br />
<br />
じゃあ、2Dレイヤーを配置したらどうなるかというと、こうなります。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1gOCE65CiwbAdwXPb4lVUoxO8pES8JmGRlJoWKxYyWdFGHzsRwmSFto_mWqVp1OoBL1826Mu4dHwmCPOg5ObucEltjepB96EvNoItMQALVlb6D5-Vgq4LTBmu7JE2gpKhirH7FkYLLQo/s1600/2018-05-31_12h53_00.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="403" data-original-width="793" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1gOCE65CiwbAdwXPb4lVUoxO8pES8JmGRlJoWKxYyWdFGHzsRwmSFto_mWqVp1OoBL1826Mu4dHwmCPOg5ObucEltjepB96EvNoItMQALVlb6D5-Vgq4LTBmu7JE2gpKhirH7FkYLLQo/s320/2018-05-31_12h53_00.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">VR変換後のコンポ</td></tr>
</tbody></table>
<br />
2Dと書かれた白い平面が2Dレイヤーです。それが画面上にいくつも存在します。<br />
360度動画を素の状態で見たことある人なら、ピンとくるかも知れません。<br />
2Dで配置すると、前後左右上下すべての面に描画されてしまい、不思議空間になってしまいます。<br />
ただ、この性質を利用して単色背景として使うのはアリですし、是が非でも読ませたい警告文とかそういうものを表示するならばアリかもしれません。<br />
<br />
<h2>
3Dエフェクトのオブジェクトの配置</h2>
<br />
3DレイヤーやElement 3DやC4Dのオブジェクトは普通に配置します。<br />
テキストレイヤーも3Dレイヤーにして下さい。<br />
例では3Dレイヤーで地面のグリッドを作り、E3Dで適当に箱を散らしてみました。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsRvfUwEO_kamGaHVmJxUzqxyuKh9vLPjg2PmPRxsdrH4gCi6k7ouHky2xUp5tQkbfFsnl1Xws5vwdXcELqqWVgKGx5rpK8O4rAuu-oJwKcbcRefnKD7taOC0Vg1jOEMHhvVi2JhUyFU/s1600/2018-05-31_13h53_35.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="766" data-original-width="1098" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsRvfUwEO_kamGaHVmJxUzqxyuKh9vLPjg2PmPRxsdrH4gCi6k7ouHky2xUp5tQkbfFsnl1Xws5vwdXcELqqWVgKGx5rpK8O4rAuu-oJwKcbcRefnKD7taOC0Vg1jOEMHhvVi2JhUyFU/s320/2018-05-31_13h53_35.jpg" width="320" /></a></div>
<br />
さて、ここまで来たら一旦360度動画へ変換してみましょう。<br />
<br />
<h2>
360動画の作成</h2>
<br />
360度の変換には先ほどの<b>「VR環境を設定」</b>ウィンドウを使います。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6BFnURYAHLcYX_bzQnB6c8DQ2-wYmHl0sT3y_9Dhpue13pdRtcdSnDEe0APCUKJp2NSIeFo0NbmE_hmHQ4zpNkRaP5pUtBL5INBL2ukn1MqIf9eS7Ckq9eN2aJ3j1qQgX3dZjdmZ5tBQ/s1600/2018-05-31_14h01_27.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="336" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6BFnURYAHLcYX_bzQnB6c8DQ2-wYmHl0sT3y_9Dhpue13pdRtcdSnDEe0APCUKJp2NSIeFo0NbmE_hmHQ4zpNkRaP5pUtBL5INBL2ukn1MqIf9eS7Ckq9eN2aJ3j1qQgX3dZjdmZ5tBQ/s320/2018-05-31_14h01_27.jpg" width="248" /></a></div>
<br />
1.ウィンドウ上部にある「現在のコンポジションからVRを作成」を選択します。<br />
2.VRを作成したコンポを選択します。普通は「VRマスター」になります。<br />
3.「VR出力を生成」を押します。<br />
何やらコンポが自動的に生成されて、以下のような画面が出来るはずです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghEdUZOxhHKUYiFhgO_130VnanSYt-LwD20oq4YLeaX2y9sx7jR0ESTUqcjYgldFgT73B-sRKAMBNgW1LJYxtoEffy0dExugHxRGnfAzzEwIsZCeJ2Nlo9bTQK_oauEU0qCNigV5tN4kw/s1600/2018-05-31_14h02_46.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="496" data-original-width="1006" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghEdUZOxhHKUYiFhgO_130VnanSYt-LwD20oq4YLeaX2y9sx7jR0ESTUqcjYgldFgT73B-sRKAMBNgW1LJYxtoEffy0dExugHxRGnfAzzEwIsZCeJ2Nlo9bTQK_oauEU0qCNigV5tN4kw/s320/2018-05-31_14h02_46.jpg" width="320" /></a></div>
<br />
これで360度見渡せる動画の完成です。<br />
ミスっていたら「VRマスター」コンポに戻り、修正後に<b>「VR環境を設定」</b>ウィンドウから、「VR出力を更新」を押します。すると再度計算されて修正内容が適用されます。<br />
<br />
後は適当な形式でエンコード&書き出しをすれば映像を見ることが出来ます。<br />
周囲360度をぐるりと箱に囲まれた不思議空間が出来ているはずです。<br />
<br />
ただ、いちいち書き出してVRプレイヤーでチェックして・・・というのは大変面倒です。<br />
そこでAE2018からAEからVR機器へ直接映像を送りプレビュー出来るようになりました。<br />
<br />
SteamVR対応機器を持っている場合は、VR機器でプレビューをすることが出来ます。<br />
現在の対応はOculusとVIVEらしいですが、steamVR経由なのでriftcatやMS MRもいけるんじゃ無いかと思うんですがこの辺りは未確認です。(自分はOculusで確認しました)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Bh-HJqEDmHGUOWl1flb9vEj0dahI4n0MyydpxQ34_zqIUar-W_-aSh0YXR1LUyGqaUi_89ciusO3x95lc82c0Bqflp6CnBWNSMkQmk70K_87x27KOAvZ9fsREAnGo9EqoPu7nxbB0OE/s1600/2018-05-31_14h05_38.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="158" data-original-width="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Bh-HJqEDmHGUOWl1flb9vEj0dahI4n0MyydpxQ34_zqIUar-W_-aSh0YXR1LUyGqaUi_89ciusO3x95lc82c0Bqflp6CnBWNSMkQmk70K_87x27KOAvZ9fsREAnGo9EqoPu7nxbB0OE/s1600/2018-05-31_14h05_38.jpg" /></a></div>
<br />
コンポジションパネルの左下にあるHMDのアイコンをクリックし、適切な方式を選べばSteamVRが起動し、HMDに映像が送られます。<br />
この場合は、立体視が入っていないので平面視になります。<br />
<br />
<br />
<h2>
立体視の設定</h2>
<br />
さて、折角なので立体視つまり3D VRな動画にしてみましょう。<br />
立体にするに必要なことは左右用別々の映像をつくることです。<br />
<br />
人の目は左右にあります。そのためそれぞれの目が見ている映像は微妙に角度が違います。人はその僅かな角度のずれから距離感を感じ取っています。<br />
<br />
なので3DなVR動画を作る際も、微妙に角度が違う動画を作りだす必要があります。<br />
<br />
<h2>
コンポの修正</h2>
<br />
視差を作るにはカメラを少し左右に動かせば事足ります。<br />
なのでVRマスターを複製し、カメラ位置を少しずつ動かせばいいです。<br />
ただ一発で決まればいいのですが、距離感の調節を繰り返す場合、毎回複製してカメラを移動して・・・とするのは面倒です。<br />
なのでここはエクスプレッションの力を借りてしまいしょう。<br />
<br />
カメラコントローラの位置に次のようなコンポジションを追加します。<br />
<br />
t = transform.position;<br />
if(thisComp.name.indexOf("2") == -1)<br />
x=t[0]-20;<br />
else<br />
x=t[0]+20;<br />
[x,t[1],t[2]];<br />
<div>
<br /></div>
<div>
ざっくり説明するとコンポ名に”2”が入っていれば右にずらし、入っていなければ左にずらす、という内容です。</div>
<div>
コンポを複製すると「VRマスター」は「VRマスター 2」となるように、末尾に数字が入ります。この数字をチェックして勝手にずらすようにしています。</div>
<div>
<br /></div>
<div>
ずらす量は中央からそれぞれ20ずつ、このあたりは適当です。</div>
<div>
離せば立体感が増しますが、多すぎると見え方が変になります。</div>
<div>
少ないと立体感は損ないますが、安定した絵になります。</div>
<div>
<br /></div>
<h2>
動画の出力</h2>
<div>
<br /></div>
<div>
3D動画を出力します。</div>
<div>
<br /></div>
<div>
まず<b>「VR環境を設定」</b>ウィンドウから、「VR出力を更新」でVRマスターコンポを出力します。</div>
<div>
<br /></div>
<div>
続いてプロジェクトパネルでVRマスターコンポを複製します。この時、「VRマスター 2」とコンポ名がなっていることを確認します。</div>
<div>
<br /></div>
<div>
次にもう一度、<b>「VR環境を設定」</b>ウィンドウから、「VR出力を出力」で「VRマスター2」コンポを出力します。</div>
<div>
<br />
これで微妙に視差がある360動画が二つ完成しました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdFp8nsU_eb7sEJajXmLY76XGiT2SMCtFuO2FOILlhNx1NUFrmNUVGvU6badx0mf8-P4UlU35tMFeBkTxmpwCdcbaUu63-NTju4H7iDnOB52eM_5WBj2Eo7foxHPhP28Mhc88nqGcTVU/s1600/2018-05-31_14h46_31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="180" data-original-width="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdFp8nsU_eb7sEJajXmLY76XGiT2SMCtFuO2FOILlhNx1NUFrmNUVGvU6badx0mf8-P4UlU35tMFeBkTxmpwCdcbaUu63-NTju4H7iDnOB52eM_5WBj2Eo7foxHPhP28Mhc88nqGcTVU/s1600/2018-05-31_14h46_31.jpg" /></a></div>
<br />
<br />
今回は、立体視上下(T/B = トップアンドボトム)形式で作成します。<br />
これは上半分が左目、下半分が右目になっている動画の形式です。<br />
<br />
まず、二つの360度動画を並べるためにコンポを作ります。<br />
このコンポの解像度は最終的なレンダリングの解像度になりますので、ターゲットになるプラットフォームに合わせます。<br />
今回はYoutubeにアップロードする、と仮定します。<br />
Youtubeの仕様は<a href="https://support.google.com/youtube/answer/6316263?hl=ja&ref_topic=2888648" target="_blank">こんな感じ</a>です。<br />
最大8Kまでオッケーみたいです。<br />
<br />
なの今回は1920x1080前提の360度動画で作りますので、単純に高さを2倍にして1920x2160でコンポを作りました。<br />
もしVRマスターのサイズを2048などで作っている人はここで4Kを選んでもいいかもしれません。<br />
このコンポを仮に「3D VR」と名付けます。<br />
<br />
3D VRコンポに「VR マスター (VR 出力)」と「VR マスター 2(VR 出力)」を放り込みます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Zcf4JIAq_zqm_EufjMhodm5iumgOABeQIv4Go8HLuypmAw2rbXpM8fL5Xk09r1B3digXXXEs1SbBy4OjS_LesEGv0IEX8POIArjfXV7zBs9wQ4WfadIrDzdkawiytxRQKx-aIQiK20s/s1600/2018-05-31_14h58_53.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="253" data-original-width="312" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Zcf4JIAq_zqm_EufjMhodm5iumgOABeQIv4Go8HLuypmAw2rbXpM8fL5Xk09r1B3digXXXEs1SbBy4OjS_LesEGv0IEX8POIArjfXV7zBs9wQ4WfadIrDzdkawiytxRQKx-aIQiK20s/s200/2018-05-31_14h58_53.jpg" width="200" /></a></div>
<br />
後はこのコンポを上下に二つ並べるだけなのですが、コンポサイズとVR出力のコンポサイズが一致していない上に縦横比が合っていないのでサイズと位置の調節が必要になります。<br />
画面を見ながら合わせてもいいのですが、面倒なのでこれもエクスプレッションで解決します。<br />
<br />
まず位置決めがやりやすいように二つのコンポのアンカーを0,0に設定します。<br />
左目用の「VR マスター (VR 出力)」の位置を0,0にします。<br />
次に右目用の「VR マスター 2(VR 出力)」の位置を0,1080にします。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsb27SJA3byLVr9636h553i1ckr1ODLMkuMakKUgIbUi7dkixYxEHk3uiDo-FB5kVXZaQiYUWQgVbPQes3ymDETy3kbL9GWcRLYJEhmMiboqaVvurvGTMnPiFPRLkknRK-c4fepAdh-j0/s1600/2018-05-31_15h29_53.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="410" data-original-width="907" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsb27SJA3byLVr9636h553i1ckr1ODLMkuMakKUgIbUi7dkixYxEHk3uiDo-FB5kVXZaQiYUWQgVbPQes3ymDETy3kbL9GWcRLYJEhmMiboqaVvurvGTMnPiFPRLkknRK-c4fepAdh-j0/s320/2018-05-31_15h29_53.jpg" width="320" /></a></div>
<br />
続いてスケールのところに以下のエクスプレッションを入力します。<br />
<br />
<blockquote class="tr_bq">
[thisComp.width / width*100,(thisComp.height/2) / height * 100];</blockquote>
<br />
これでぴったりになります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TnFgZJglo2FYBL5nE0WN28NVnKSwJYEVN1uUPSt9eU9KY2XdNprvYbNdTe25RNNPU9G6XK4LRX3-l3y7JG-1gZTzei0yjK0JuhMMcK2iDIFNSE25TliwrWeidJH9MbtpMNlbs629Xbo/s1600/2018-05-31_15h30_00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="327" data-original-width="308" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TnFgZJglo2FYBL5nE0WN28NVnKSwJYEVN1uUPSt9eU9KY2XdNprvYbNdTe25RNNPU9G6XK4LRX3-l3y7JG-1gZTzei0yjK0JuhMMcK2iDIFNSE25TliwrWeidJH9MbtpMNlbs629Xbo/s320/2018-05-31_15h30_00.jpg" width="301" /></a></div>
<br />
<br />
<h2>
プレビューと修正</h2>
<br />
この状態になるとHMDでプレビューすることが出来ます。<br />
距離感などを確認します。<br />
修正したくなったら、またVRマスターコンポまで戻ります。<br />
修正が終わったら、プロジェクトパネルから「VRマスター 2」を削除して、「VRマスター」を複製します。すると修正された「VRマスター 2」が作られます。<br />
<b>「VR環境を設定」</b>ウィンドウから、「VR出力を更新」で「VRマスター」と「VRマスター 2」コンポを出力すれば、修正完了です。<br />
(この課程がいまいち面倒なのですが、どうにか良い方法がないものかと)<br />
<br />
<h2>
書き出しと配信</h2>
<br />
完成したら適当な形式を指定して書き出します。<br />
カメラ6ないし20個分の映像をレンダリングしますのでゆっくり待ちましょう。<br />
<br />
youtubeにアップロードする場合は「360 Video Metadata アプリ」で「これは360度で立体視動画ですよ」という情報を書き込む必要があります。<br />
このあたりは上にあるYoutubeのページに説明が書いてあるのでここでは割愛します。<br />
<br />
<h2>
まとめ</h2>
<br />
AEでモーショングラフィックなどを、3Dな360度動画、いわゆるVR動画で作るのはそれほど難しくはありません。<br />
コンポジションを作るだけなら普通の動画とほぼ一緒です。<br />
強いて違うすれば以下の点です。<br />
<br />
<br />
<br />
<li>すべて3Dレイヤーで組む必要がある</li>
<li>奥行きを感じられるので、HMDで見たときのサイズ感や距離感に注意が必要</li>
<li>同じような理由で、2D的な誤魔化しが効かない(効きづらい)</li>
<br />
<div>
<br /></div>
映像を正面以外も考える必要がありますが、個人的には仕込みは前方向200度くらいに納めておけばと思います。<br />
個人的な経験でVRゴーグルを付けて振り返るというのはなかなかしないです。<br />
<br />
以上がAEだけで作る360度VR動画の覚え書きでした。<br />
<br />
<br /></div>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-59690442835947737842017-12-25T13:32:00.001+09:002018-06-12T10:29:41.414+09:00iPadで長文や小説を書くのに適したテキストエディタ話(2017年版)去年末に書いた「<a href="https://horizonglow2.blogspot.jp/2016/11/ipad2016.html" target="_blank">iPadで長文や小説を書くのに適したテキストエディタ話(2016年版)</a>」のアップデート版になります。<br />
新規に登場したアプリや使い勝手が大きく変わったアプリ、新しく見つけたアプリが中心になります。<br />
<br />
今回、取り扱うアプリは次の通りです。<br />
<br />
<br />
<ul>
<li>iA Writer</li>
<li>Wrix</li>
<li>Tate Pad</li>
<li>その他</li>
</ul>
<div>
<a name='more'></a><br /></div>
<h3>
iA Writer</h3>
<div>
<br /></div>
<div>
markdownが扱えるエディタです。</div>
<div>
去年の回でも紹介していますので、詳しくはそちらに説明を譲ります。</div>
<div>
<br /></div>
<div>
dropboxにも対応しており、クラウド面でも安心です。</div>
<div>
ファイル保存は自動保存なのでPCと編集を交互にするときに、「さっきiPadで書いた(修正した)文章、保存してないからロールバックしちゃった」というのが起こり難いのもありがたいです。</div>
<div>
<br /></div>
<div>
去年からメジャーバージョンアップをし、画像の埋め込みができるようになったりと色々と機能が追加されました。</div>
<div>
pdfやwordデモ書き出せるので、簡単な書類はこれ一本で書けます。</div>
<div>
標準のメモも機能強化されて近づいてきていますが、データの取り回しの良さではまだこちらに軍配があります。</div>
<div>
<br /></div>
<div>
強いて言えば複数のファイルを同時に開けないのがネックですね。</div>
<div>
<br /></div>
<div>
このアプリは買い切りモデルで、執筆現在は600円です。</div>
<div>
<br /></div>
<br />
<h3>
Wrix</h3>
<div>
<br /></div>
<div>
前回もオススメしたエディタです。</div>
<div>
こちらも去年の回でも紹介していますので、詳しくはそちらに説明を譲ります。</div>
<div>
<br /></div>
<div>
一言で言えばPCのエディタ並に多機能です。</div>
<div>
今年に入ってアウトライン機能やページ機能が追加になりました。</div>
<div>
弱点だった長文のファイル内移動が便利になり、死角がさらに減りました。</div>
<div>
<br /></div>
<div>
このエディタは基本的には無料で全機能が使えますが、多くの機能に制限が施されています。例えば連続して数回しか使えない(ただしホーム画面に一回戻るとリセットされる)、一定間隔待たないといけない、などです。</div>
<div>
これらはアプリ内課金で対応した項目をアンロックすれば、無制限に使えます。</div>
<div>
アンロックは一個が大体500円から600円。これを高いと取るか適正ととるかは評価が分かれるところです。</div>
<div>
<br /></div>
<div>
Dropbox v2に関するアプリ内課金や作者のレビュー運営にちょっと思うところがありますが、機能としては申し分なく、エディタとしてはオススメできる一本です。</div>
<div>
<br /></div>
<h3>
縦書きエディタ「Tate Pad」</h3>
<div>
<br /></div>
<div>
縦書き専門のエディタです。</div>
<div>
前述のWrixに比べたら機能面では大きく譲りますが、縦書きのまま編集が出来るというのは一定の層には多少の機能不足は補ってあまりあると思います。</div>
<div>
縦書きが出来るのはWrixやiA Writerなどにはない魅力です。</div>
<div>
<br /></div>
<div>
Dropboxなどクラウドストレージと直接やりとりをする機能はありません。ですが、インポートからiOS11から追加されたFilesアプリへアクセスできますので、ここからdropboxやonedrive,iCloud等々へアクセスが出来ます。</div>
<div>
<br /></div>
<div>
弱点はやはり編集機能の心許なさでしょうか。</div>
<div>
最低でも検索置換くらいは欲しい気がします。</div>
<div>
<br /></div>
<div>
執筆時点で無料、アプリ内広告などもありません。</div>
<div>
<br /></div>
<h3>
その他</h3>
<div>
<br /></div>
<div>
今年も沢山のメモアプリ、エディタアプリが世に出ました。</div>
<div>
たとえば「大人のメモ帳」というアプリは自動履歴保存、つまるところのバージョン管理をしてくれるエディタです。</div>
<div>
この機能はなかなかに光る物があるのですが、エディタ部分と書き出し機能が寂しいアプリでした。</div>
<div>
<br /></div>
<div>
今回も外れたUlyssesは、単純に多くの機能とコンセプトがiA Writerと被るのが選外の理由です。</div>
<div>
どちらも良いアプリですので、このあたりは好みだと思います。</div>
<div>
<br /></div>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-7430954346208013602017-12-05T12:27:00.000+09:002017-12-05T12:28:02.878+09:00iOS11のキーボードの"ショートカット”の謎(CMD+Cとかじゃない方)外図家キーボードでiライターズというアプリを使っていて、入力行が画面下端のほうになると入力文字と変換候補が被ってしまうという問題が起きました。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAgvS0kXDHcVG4dU7RlerZdpN-VtZgNxkRwryYPiNTPk0BcN9_HbqkZt-GB5Glbj_AJajW_18kP1ekcesDjEfi3Ot7Age9KYFyxq-knlF3QhbSSs09lwzbBFY_XI9FG8MuFc7etuP1Mk/s1600/IMG_0140+%25282%2529_result.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="439" data-original-width="642" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAgvS0kXDHcVG4dU7RlerZdpN-VtZgNxkRwryYPiNTPk0BcN9_HbqkZt-GB5Glbj_AJajW_18kP1ekcesDjEfi3Ot7Age9KYFyxq-knlF3QhbSSs09lwzbBFY_XI9FG8MuFc7etuP1Mk/s320/IMG_0140+%25282%2529_result.jpg" width="320" /></a></div>
<br />
多分一番したにあるキーボードの”ショートカット”のせいかなと思い、これを非表示にしようと思ったのですが…設定項目が無いんです。<br />
iOS9の頃には確かにあったのにです。<br />
<br />
<a name='more'></a><br />
<br />
<h3>
キーボードの”ショートカット”</h3>
<br />
キーボードのショートカットというのは、ソフトキーボードの上部に表示されるコピーやペーストといったコマンドを実行でいるボタンのことです。<br />
たしかiOS9の頃に搭載された機能のはずです。<br />
<br />
iOS9には<b>「設定>一般>キーボード>英語>ショートカット」</b>という設定項目があり、ここをオンオフすることで非表示にすることが出来ました。<br />
<br />
ところがiOS11にはその項目がありません。<br />
<br />
<h3>
ショートカットの設定は「ユーザ辞書?」</h3>
<br />
名前が変わったのかなと、あれこれ設定を変えてみると消せる項目がありました。<br />
それは「ユーザ辞書」という項目です。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRTl-UsWdWXHyPIFKhCQcSZcQxtmQFQj-N0Om7lwWfIT818aaozyU60m3U0M3PGAN6iR-nqiAosC-LtOtzJfcPUz1zPYaoNTxA-OV_Ef9CbM6PrttMzJDSBiGBjBAgt6eoYf2niawZDAo/s1600/IMG_0136_result.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="770" data-original-width="1412" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRTl-UsWdWXHyPIFKhCQcSZcQxtmQFQj-N0Om7lwWfIT818aaozyU60m3U0M3PGAN6iR-nqiAosC-LtOtzJfcPUz1zPYaoNTxA-OV_Ef9CbM6PrttMzJDSBiGBjBAgt6eoYf2niawZDAo/s200/IMG_0136_result.jpg" width="200" /></a></div>
<br />
これをオフにすることで、ショートカットは非表示に出来ました!<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2xqS3axVs8sgPranXgeWc5OtU-Np4fEcUPJSF76n9dNshpAIhlM9ULGMncxMMuN6f7exHAVP9bCaCXU_PpFK-5ipYWnc7j_XcCyeF3j1ZgeZZiWoezC24Tq4UN7LRSg9sPlTcWSviDM/s1600/IMG_0138_result.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="579" data-original-width="1077" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2xqS3axVs8sgPranXgeWc5OtU-Np4fEcUPJSF76n9dNshpAIhlM9ULGMncxMMuN6f7exHAVP9bCaCXU_PpFK-5ipYWnc7j_XcCyeF3j1ZgeZZiWoezC24Tq4UN7LRSg9sPlTcWSviDM/s200/IMG_0138_result.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">「ユーザー辞書」をオンにしたところ</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-gXjBJhqtywX8bZ_Vmll97cQHzlH4oC3sMTnP604CsZoHEALPB_5N4t6SMWrURk9NnEPiNazjLpb-M26eJTueETUmkpRj9IqmSwgTo1iuRHP0DkJDhx3NmWMjqZxPtFLC78t97_Ki3k/s1600/IMG_0137_result.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="589" data-original-width="1085" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-gXjBJhqtywX8bZ_Vmll97cQHzlH4oC3sMTnP604CsZoHEALPB_5N4t6SMWrURk9NnEPiNazjLpb-M26eJTueETUmkpRj9IqmSwgTo1iuRHP0DkJDhx3NmWMjqZxPtFLC78t97_Ki3k/s200/IMG_0137_result.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">「ユーザー辞書」をオフにしたところ</td></tr>
</tbody></table>
<br />
これでアプリの下段に表示されたショートカットも消えました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59bEETQck1AYpncAPLXOJnxaefBKqA5_-kIl37Z8Pi5loz8c3ot5yUU6P2788vxJIppmfAfKuwai1XjzeMpokNpz-3h3akgFeqBbjfo3kv6URlMqWWZ-NoDs8-OTTrBZm7fAfCxGPBVE/s1600/IMG_0139_result.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="451" data-original-width="672" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59bEETQck1AYpncAPLXOJnxaefBKqA5_-kIl37Z8Pi5loz8c3ot5yUU6P2788vxJIppmfAfKuwai1XjzeMpokNpz-3h3akgFeqBbjfo3kv6URlMqWWZ-NoDs8-OTTrBZm7fAfCxGPBVE/s200/IMG_0139_result.jpg" width="200" /></a></div>
<br />
<br />
でも、変換項目が被ったのは直りませんでした…。<br />
アプリ側に対応がいるのかなぁ。<br />
ちなみに下段に表示されているのは、iライターズ独自の変換候補です。独自に辞書を持っているんですね。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
ちなみにその二。<br />
ソフトキーボードの場合は余白ショートカットがあったところの余白部分は消えません。変換候補が表示される領域だからですね。<br />
<br />
<h3>
ユーザ辞書項目の謎</h3>
<br />
でもユーザ辞書がオフになるのはちょっと困ります。<br />
特異な読み方や記号はユーザ辞書に入れて使っているからです。<br />
でもどうやら、ユーザ辞書は設定をオフにしても効いてるっぽいのです。<br />
学習されたところに取り込まれた、という可能性もあるのですが登録したものの一度も使っていない項目もちゃんと候補に出てくるので…謎な感じです。<br />
<br />
<h3>
ユーザ辞書の代わりに</h3>
<br />
ちょっとしたtipsとしてはユーザ辞書の代わりに連絡先を使うという手もあります。<br />
連絡先にある名前や読みも変換候補に出てくるのを利用した技ですね。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-88762492363178666212017-10-23T15:35:00.000+09:002017-12-25T13:36:02.163+09:00古いPCにOculus Riftを繋ごうとして苦労した話<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdooHAo3IKnOclAQBJPJS8L-E0RSa7Oz83nkkUsjIATgnytODRf_RfuKakCwerWZQF8IGJHgdOrkCvUQCOyCmQFnV2Ryv_l95pW448ATAcx5QfVZq8VO9uZYnvRA3A735HwodEwfTzAg/s1600/IMG_0498+-+%25E3%2582%25B3%25E3%2583%2594%25E3%2583%25BC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdooHAo3IKnOclAQBJPJS8L-E0RSa7Oz83nkkUsjIATgnytODRf_RfuKakCwerWZQF8IGJHgdOrkCvUQCOyCmQFnV2Ryv_l95pW448ATAcx5QfVZq8VO9uZYnvRA3A735HwodEwfTzAg/s320/IMG_0498+-+%25E3%2582%25B3%25E3%2583%2594%25E3%2583%25BC.jpg" width="320" /></a></div>
<br />
サマーセールに続いて値下げになったOculus Riftさん。<br />
古めのPCへの接続と安定運用への試行錯誤をそっと置いておく記事です。<br />
<br />
<a name='more'></a><br />
<br />
接続しているPCはかなり前にBTOで買ったi7 870というかなり古めのPCです。<br />
マザボもこれまた古めのH55系を使っています。<br />
最低動作環境はi3 6100ですのでOculus HOMEだと「スペック足りてないよ」という警告が出ます。<br />
ただPASSMARK的にはスコアはほぼ同じななんですよね。なので言うほど不具合無く使えています。<br />
…ただi7とi3が同速度というあたりで世代の差を感じます。<br />
<br />
<br />
もっと新しいPCもあるのですが、そちらは本来仕事PCで絶讃進行中の案件を複数抱えています。<br />
今回はPCI-expressカードを増設したりします。折角の安定環境を崩したくないので古い方のPCで構築することにしました。<br />
<br />
ちなみにこのPCは元々ゲーム用に使っていたので、CPUはアレですが、GPUはGeforce GTXの1060とギリVR Readyのカードを乗せて電源周りも換装済みです。<br />
<br />
<h3>
USBの増設</h3>
<br />
Oculus Rift+touchにはHMDとSensor2つのためにUSB3.0のポートが3つ必要になります。<br />
H55のマザーボードUSB3.0なんか付いていないので増設することになります。<br />
で買ったのは<a href="https://support.oculus.com/1798990480336565/" target="_blank">Oculus公式でオススメ</a>されているInateckのKTU3FR-4Pです。<br />
聞いたこと無いところだったので調べてみたらドイツのメーカーだそうです。<br />
型番は違いますが、ボード上刻印は「KTU3FR-4P」ですので同一かなと。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/dp/B00F5R3P6O/ref=as_li_ss_il?_encoding=UTF8&psc=1&linkCode=li2&tag=suigensoba-22&linkId=a27c61506d73f167ad706399e56c9fa0" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00F5R3P6O&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Inateck 4ポートUSB3.0増設ボード UASP対応 補助電源需要 PCIex1 Rev.2用インターフェースカード KT4001</td></tr>
</tbody></table>
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B00F5R3P6O" style="border: none !important; margin: 0px !important;" width="1" />これをPCI-Expressに差し、補助電源ケーブルを手近に余っていたSATA電源に刺しました。<br />
PCを起動して、認識したのを確認。windows10だとドライバレスで動くらしいので、そのままにしておきました。<br />
<br />
<h3>
センサーの設置</h3>
<br />
付属のセンサーは卓上におけるスタンドが付属していますが、机の上に置き場がないのとルームスケールを後で試したいので、部屋の隅に取り付けることにしました。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/%E5%B9%B3%E5%AE%89%E4%BC%B8%E9%8A%85%E5%B7%A5%E6%A5%AD-%E5%BC%B7%E5%8A%9B%E5%A4%AA%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E7%AA%81%E3%81%A3%E5%BC%B5%E3%82%8A%E6%A3%92-%E8%80%90%E8%8D%B7%E9%87%8D30-8kg-%E5%8F%96%E4%BB%98%E5%AF%B8%E6%B3%95170-280cm-RTW-170/dp/B00I4HEI2C/ref=as_li_ss_il?s=home&ie=UTF8&qid=1508732601&sr=1-4&keywords=%E7%AA%81%E3%81%A3%E5%BC%B5%E3%82%8A%E6%A3%92&linkCode=li2&tag=suigensoba-22&linkId=89a472539ec963564997fb62cfc66b53" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00I4HEI2C&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">平安伸銅工業 強力太タイプの突っ張り棒 バネ入り ホワイト 耐荷重30~8kg 取付寸法170~280cm RTW-170</td></tr>
</tbody></table>
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B00I4HEI2C" style="border: none !important; margin: 0px !important;" width="1" />
<br />
センサーはカメラ用の1/4インチネジが使えるので、固定具にはこれを買いました。<br />
ひねりも無く突っ張り棒のオススメに載っていたものです。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/MyArmor-%E3%82%AB%E3%83%A1%E3%83%A9%E3%83%9B%E3%83%AB%E3%83%80%E3%83%BC-%E3%82%AA%E3%83%BC%E3%83%88%E3%83%90%E3%82%A4%E3%83%BB%E3%83%90%E3%82%A4%E3%82%AF%E3%83%BB%E8%87%AA%E8%BB%A2%E8%BB%8A-%E3%83%89%E3%83%A9%E3%82%A4%E3%83%96%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC-%E3%82%AB%E3%83%A1%E3%83%A9%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E3%81%BF/dp/B01D9WTL5U/ref=as_li_ss_il?_encoding=UTF8&psc=1&refRID=F4KA04EWM0R58WEF8E0Q&linkCode=li2&tag=suigensoba-22&linkId=7d00131b581aaebb83b5d422f3dfeeb1" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01D9WTL5U&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">MyArmor カメラホルダー</td></tr>
</tbody></table>
<span style="background-color: white; color: #111111; font-family: "ヒラギノ角ゴ pro w3" , "hiragino kaku gothic pro" , , "meiryo" , "ms pゴシック" , "ms pgothic" , "ms ui gothic" , "helvetica" , "arial" , sans-serif; font-size: 16px;"><br /></span>
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01D9WTL5U" style="border: none !important; margin: 0px !important;" width="1" />突っ張り棒を部屋の隅に立てます。<br />
縦に突っ張るだけなので一人でも楽に出来ます。<br />
センサーのスタンドを外して、クランプ式の固定具に装着します。<br />
後は突っ張り棒に挟み込んで固定しておしまいです。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypiUW0ElryW_z1wexY_ZnyvACQccfxFLCkSufvYalaHQTesFNDqc5hp7ywv-DdkYXvZmLHvZR6SWqq-cDnZW369tcINZINkl-9i4CSVvnRl__o2jTu3AjbIp_hCcFCug-A-Ordn8udeU/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-10-23+13+29+19.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1394" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypiUW0ElryW_z1wexY_ZnyvACQccfxFLCkSufvYalaHQTesFNDqc5hp7ywv-DdkYXvZmLHvZR6SWqq-cDnZW369tcINZINkl-9i4CSVvnRl__o2jTu3AjbIp_hCcFCug-A-Ordn8udeU/s320/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-10-23+13+29+19.jpeg" width="278" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ケーブル根元を引っ張りそうで怖かったので、とりあえずそこらにあったクリップを挟んで回避。<br />
後で見た目が良いのに置き換える予定。</td></tr>
</tbody></table>
これをとりあえずOculus推奨の左右2つの配置で設置します。<br />
→今は対角に配置しています。<br />
<br />
<h3>
接続~Poor tracking Quality</h3>
<br />
センサーのUSBケーブルを繋いで、電源を入れてOculusのソフトウェアをインストール。<br />
機器のセットアップへと進みます。<br />
<br />
touchのペアリングが無事終了し、センサー類のチェックへと進みます。<br />
ここで現れたのが「Poor Tracking Quality」というエラー。<br />
要するに「トラッキング品質が低いよ」という警告です。<br />
<br />
偶に品質チェックを通過しても、ゲーム中に切断されたりと散々でした。<br />
<br />
カードとの相性はお墨付きのはず。<br />
電力が足りないのか、でも補助電源付いてるしなぁ。<br />
と調べてみたら、どうやらUSB3.0未対応マザボの場合は、<a href="http://plugable.com/japanese/not-enough-usb-controller-resources/" target="_blank">エンドポイント不足</a>ということもあるらしい。さらにはH55だとPCI-Expressは5Gbpsでないという話も。<br />
<br />
<h3>
解決編</h3>
<br />
さてここからがこの記事の本題です。<br />
これを一応解決したことをメモ代わりに置いておきます。<br />
ちなみにどれが効果あって無かったのか、精査していないのでとりあえずやったことを全部書きます。<br />
<br />
<b>・余計なUSBデバイスを外す</b><br />
<div>
エンドポイント不足に効果があるかは分かりませんが、とりあえず使用頻度が低いデバイスを外しました。</div>
<div>
エンドポイントというのはUSBの通信に使うバッファのことです。<br />
凄い乱暴に言えばソシャゲなどの装備やデッキ枠にある「コスト」みたいなものです。<br />
このエンドポイントを消費することで、PCはパーツを認識していきます。<br />
<br /></div>
<div>
で、このPCはUSBオーディオ系のデバイスやヘッドセットばかり4つも付いていて、さすがに多過ぎだろうと。</div>
<div>
他にも使わないけど余っていたので繋いでいたウェブカメラやWacomの板タブなども外しました。</div>
<div>
最終的に残っていた外部デバイスは以下の通りです。</div>
<div>
<ul>
<li>Bluetoothドングル x1</li>
<li>G300s(ゲーミングマウス) x1</li>
<li>どっかのメカニカルキーボード PS2接続</li>
<li>G633(USBオーディオデバイス)</li>
<li>UR22((USBオーディオデバイス)</li>
</ul>
</div>
<b><br /></b>
<b>・メーカードライバを入れた</b><br />
このUSBカードはWin10ではドライバーレスでも動作しますが、win10用のドライバも<a href="https://www.inateck.com/jp/inateck-ktu3fr-4p-usb-3-0-pci-express-karte-mit-4-usb-3-0-ports.html" target="_blank">メーカー</a>から出ています。<br />
「Driver for Windows Ver-3.8.33709.0」というのがそれです。<br />
「入れない方が安定した」「入れた方が安定した」と賛否あるみたいですが、自分のところでは後者でした。また後述のOculus Tray tooolsの為にも入れています。<br />
<br />
<b>・セレクティブサスペンドUSBを無効にした</b><br />
良く出てくる対処法その1。<br />
セレクティブサスペンドというのはUSBの省電力機構です。<br />
<br />
<b>・デバイスマネージャーからUSB3.0カード周りの「電力の節約のために、コンピューターでこのデバイスの電源をオフにできるようにする」をオフにした。</b><br />
良く出てくる対処法その2。<br />
<br />
<b>・USBケーブルの引き回しを変えた</b><br />
いきなりアナログな話になってしまいました。<br />
最初は突っ張り棒に沿わせていましたが、これを少し離すように引き回したら、各々で品質チェックを数回繰り返すというテストで、結果が変わったのだからよく分からないものです。<br />
延長入れてUSB3.0の規格上で許容される長さギリギリ近いので電気的な何かがあるのでしょうか。<br />
<br />
<b>・センサーの1つはUSB2.0端子へ</b><br />
最終的には対角配置にしたのですが、うち後ろ側は2.0へ繋ぎました。<br />
特に今のところ遅延や不具合は感じていません。<br />
ちなみに7畳という部屋の対角位置にはケーブルの長さが足りなかったので延長ケーブルを使っています。一応USB3.0のケーブルですが、接続先は2.0端子です。<br />
延長ケーブルは近くの電気店に駆け込んで買ったこれです。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/%E3%82%A8%E3%83%AC%E3%82%B3%E3%83%A0-USB%E3%82%B1%E3%83%BC%E3%83%96%E3%83%AB-USB3-0-A%E5%BB%B6%E9%95%B7%E3%82%BF%E3%82%A4%E3%83%97-USB3-E20BK/dp/B00BTR3ECE/ref=as_li_ss_il?s=computers&ie=UTF8&qid=1508735585&sr=1-1&keywords=elecom+usb3.0+2m&linkCode=li2&tag=suigensoba-22&linkId=41c07741976e5009256902204f85073c" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00BTR3ECE&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">エレコム USBケーブル USB3.0 A-A延長タイプ スタンダード 2m ブラック USB3-E20BK</td></tr>
</tbody></table>
<br />
<b>・<a href="https://forums.oculus.com/community/discussion/47247/oculus-traytool-supersampling-profiles-hmd-disconnect-fixes-hopefully/p1" target="_blank">Oculus Tray Tools</a>を使う</b><br />
有志が作ったOculus RIFTの<a href="https://forums.oculus.com/community/discussion/47247/oculus-traytool-supersampling-profiles-hmd-disconnect-fixes-hopefully/p1" target="_blank">Hackツール</a>。<br />
このツールにはFlecso FL1100チップ(<a href="https://www.amazon.co.jp/Inateck-4%E3%83%9D%E3%83%BC%E3%83%88USB3-0%E5%A2%97%E8%A8%AD%E3%83%9C%E3%83%BC%E3%83%89-UASP%E5%AF%BE%E5%BF%9C-Rev-2%E7%94%A8%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%E3%82%AB%E3%83%BC%E3%83%89-KT4001/dp/B00F5R3P6O/ref=as_li_ss_tl?s=computers&ie=UTF8&qid=1508732475&sr=1-1&keywords=KTU3FR-4P&linkCode=ll1&tag=suigensoba-22&linkId=b403d43ebb6291f3861cb5e3175525b7" target="_blank">KTU3FR-4P</a>に使われてる)に関するTweak機能があり、上に書いた電源設定を含めた動作改善を計る機能がついています。<br />
これでサクッとオンにしました。<br />
<br />
他にも「Spoof CPU」という機能があり、これをオンにすると最低要求仕様である「i3 6100」より古いシステムを使っているときに表示される警告を非表示に出来たりもします。<br />
<br />
これでとりあえず安定して使えています。<br />
<br />
<h3>
Windows Game Modeに注意</h3>
<br />
Windows10のCreater Updateあたりからゲームモードというものが追加されました。<br />
これは登録したアプリ(ゲーム)は、優先的にリソースを使いゲームの動作を快適にする、という主旨の機能です。<br />
設定はゲーム起動中にWin+Gキーを押してゲームバーを表示し、ギヤマークの中から設定出来ます。<br />
これを使うとフレームレートの向上が見込めたりするのですが、Oculus Riftを使う場合はオンにしないことをオススメします。<br />
というのも裏で動くセンサーを処理するOVRのサービスプロセスの動作を抑制してしまうため、余計に動きがガクガクになります。<br />
具体的には、アプリがアクティブ中は妙にガクガクしてフレームレートが出ず、非アクティブにすると逆にスムーズになります。<br />
同様のツールはサードパーティーでもありますので、同様のツールをお使いで同じような現象が出る場合は、設定の検討をしてみるといいかもしれません。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-47568949704978720912017-09-27T13:44:00.003+09:002017-09-27T13:44:37.273+09:00FireTV Stickとxbox oneコントローラAmazonさんのFireTV Stickを便利に使っていたのですが、ふとmoonlightアプリを使いたくなったもの、対応するコントローラについて意外と記事がないので、なので書いておこうと思います。<br />
<br />
<a name='more'></a><br /><br />
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/Xbox-One-%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AC%E3%82%B9-%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC-%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF/dp/B01MZYWXI3/ref=as_li_ss_il?ie=UTF8&qid=1506486191&sr=8-1&keywords=xbox+one+%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC&linkCode=li2&tag=suigensoba-22&linkId=2bc3b4caae0124e49085199ba2fadd82" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01MZYWXI3&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Xbox One ワイヤレス コントローラー<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01MZYWXI3" style="border: none !important; margin: 0px !important;" width="1" /></td></tr>
</tbody></table>
ざっくり本題からいうと、xbox one用のコントローラはfireTV Stickで無事認識さまして、moonlightでも動きましたよ、と。<br />
<div>
とりあえずNieR:Automataは動きました。<br />
<div>
forza6 APEXは動かなかったので、ちょっと処理が違うのかもしれません。</div>
</div>
<div>
<br /></div>
<div>
xbox one用のワイヤレスコントローラはUSBで繋げば普通に手堅いPC用有線コントローラとして使えるので、自分のように本体持ってない人でもコントローラだけ買うのもありかなと思います。</div>
<div>
<br />
<br /></div>
<div>
<br /></div>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4048928201&linkId=179822462c8cab086cd5a61a01b8e7bd" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01LYS572Y&linkId=c56960030326e9d58cfedda58f26b5c8" style="height: 240px; width: 120px;"></iframe>スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-89260360913727084572017-09-22T11:47:00.000+09:002017-09-23T15:11:13.424+09:00iOS11で楽になったお絵描き資料表示<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzeWflLSIgyYFLRBv9e35PYs41XIdYcfFIZqRkFpj8iaNpCNVLKZsPPI9XweomRRKb9C8feTTnlRaBWzSVvipetzKKnhvhPV58QuoyX3piEzZylaZmMPXeMItdCHcPssL-ga4AHz7lq0/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-09-22+11+48+24.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="249" data-original-width="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzeWflLSIgyYFLRBv9e35PYs41XIdYcfFIZqRkFpj8iaNpCNVLKZsPPI9XweomRRKb9C8feTTnlRaBWzSVvipetzKKnhvhPV58QuoyX3piEzZylaZmMPXeMItdCHcPssL-ga4AHz7lq0/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-09-22+11+48+24.jpeg" /></a></div>
<br />
先日、iOS11がリリースされました。<br />
色々と変更点がありますが、一番大きいのはiPadにDockとファイルアプリが搭載されたことでしょうか。<br />
<br />
このアプリは、iPad内のファイルだけではなく、DropboxやOnedrive、BOXなどのクラウドストレージも扱うことが出来る優れものです。<br />
また簡易なビュアーとしても機能しますので、その場で画像ファイルや映像ファイルを見ることも出来ます。<br />
<br />
Dockのほうは、単にアプリの起動だけではなくsplit Viewの起点にもなっています。<br />
この新しい方法では左右任意の位置に表示出来るようになりました。<br />
<br />
前回は左方向に表示するときは非常に面倒でしたが、iOS11では簡単に出来ます。<br />
<br />
<a name='more'></a><br />
<br />
<h3>
方法</h3>
<div>
方法は簡単です。</div>
<div>
今回は、めでたくバージョンアップしたProcreateと新しいファイルアプリを例に進めます。</div>
<div>
<br /></div>
<div>
<ol>
<li>まずProcreateを普通に起動します。</li>
<li>下からスワイプしてDockを表示します。</li>
<li>Dock内のファイルアプリを少し長押ししてProcreateアプリ内のドラッグします。</li>
</ol>
<div>
これで、ファイルアプリが開きました。</div>
</div>
<div>
ファイルアプリは上部の「ー」みたいなところをドラッグすることで左右に移動します。</div>
<div>
右利きの人は左側に、左利きの人は右方向にした方が便利だと思います。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwc5MnMiiAD63zeNyMINYFWFwNsn2OVdI21cQ00_UYh47OUlscTL5v_qnZ7YPAxNBrg_80D6W2BXPQCz875VvjoLOaY6D7kpv1f5zTAVbgSeUeyo00O_QUnH4PrLWYbVtLM8yOjChIZNs/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-09-22+10+56+39.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="269" data-original-width="790" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwc5MnMiiAD63zeNyMINYFWFwNsn2OVdI21cQ00_UYh47OUlscTL5v_qnZ7YPAxNBrg_80D6W2BXPQCz875VvjoLOaY6D7kpv1f5zTAVbgSeUeyo00O_QUnH4PrLWYbVtLM8yOjChIZNs/s320/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-09-22+10+56+39.jpeg" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
後は、好きなローカルなりクラウドドライブなりに保存されている画像ファイルを開くだけです。</div>
<div>
<br /></div>
<div>
現時点では<strike>Dropbox</strike>やOnedriveは従来通りのファイル選択のダイアログ開きますが、BOXだとローカルドライブと変わらない表示で、使い勝手は頭1つ抜けている感じです。<br />
※Dropboxは早速対応しました。</div>
<div>
<br /></div>
<div>
ウィンドウの下にあるボタンが押せない?</div>
<div>
<br /></div>
<div>
さてこの方法(<span style="background-color: white; color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif; font-size: 16px;">Slide Over</span>)の問題点ですが、前回のsplit viewと違いアプリの上に浮かんでいるので、下にあるボタンが押せなくなってしまいます。</div>
<div>
それだと困るのでSplit Viewに切り替えて画面分割に切り替えます。</div>
<div>
方法は簡単で、</div>
<div>
<ul>
<li>上部にある「-」のところを画面上か下に引っ張るだけ。</li>
</ul>
<div>
これだけで、任意の方向位置に画面分割されました。</div>
</div>
<div>
この状態だと<span style="background-color: white; color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif; font-size: 16px;">Slide Overと違い、</span>アプリを切り替えてもファイルアプリが残っているため、いちいち立ち上げ直す必要も無く便利です。</div>
<div>
<br /></div>
<div>
Split Viewを解除するには同じように上の「-」を下に引っ張ります。</div>
<div>
これで<span style="background-color: white; color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif; font-size: 16px;">Slide Overに戻ります。</span></div>
<div>
<br /></div>
<div>
<span style="background-color: white; color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif; font-size: 16px;">Slide Overを削除したい場合は、さらに「-」を画面外にドラッグします。</span></div>
<div>
<br /></div>
<h3>
メモはどうするの?</h3>
<div>
大丈夫です。メモも使えます。</div>
<div>
やり方はファイルアプリと同じでメモアプリをDockからドラッグするだけです。</div>
<div>
同じように<span style="background-color: white; color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif; font-size: 16px;">Slide OverしたりSplit Viewが出来ます。</span></div>
<div>
<br /></div>
<h3>
快適になったところと不便になったところ</h3>
<div>
呼び出しと位置決めが簡単に決まるようになってSplitViewはとても快適になりました。</div>
<div>
前回の端からビニールシュリンクの切り口の、赤いテープを爪先で引っ張るようなことからの解放されてすっきりです。</div>
<div>
反面、<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;">Split View内のアプリの切り替えがSplit View内からは出来なくなりました。</span></span></div>
<div>
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;">前回まで「開いてから、選ぶ」という流れだったのが、「選んで開く」になったので「いらないよね」と削除されたのかも知れませんね。</span></span></div>
<div>
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;"><br /></span></span></div>
<div>
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;">BluetoothをコントロールセンターでオフにしてもApple Pencilは使えたりと、iOS11はお絵描きまわりは便利になった気がします。</span></span></div>
<div>
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;">Bluetoothの件は、オフにしても「接続を切ってるだけ」でbluetooth自体は生きてるそうな。</span></span></div>
<div>
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;">「手早くBTイヤホンは切りたいけど、ペンやWatchとの接続は残したい」という需要に答えたものかなぁと思ったりします。</span></span><br />
<span style="color: #111111; font-family: "hiragino kaku gothic pron" , "meiryo" , "helvetica" , "arial" , sans-serif;"><span style="background-color: white;"><br /></span></span></div>
<div>
<br /></div>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B06XH81MWY&linkId=88e6db26f451e7f800b02ebcba732958" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01MCULR9F&linkId=ee51e96446c7a302474eb59fc7bb5070" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01FWY7VD2&linkId=ff79ee491dbd498201d0ac98bcf9997a" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4046021519&linkId=71bf9a67a526182bc52c6ebb41047646" style="height: 240px; width: 120px;"></iframe>
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-69443380631681028192017-06-15T12:11:00.001+09:002017-09-22T11:47:54.391+09:00iPadでお絵描きの資料表示<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzVNQynsyYkkCgwTG_pMnHHp7wm61OuVvHuw2zAes4KkWT6zz6x9cnGc6WXNpH54vDmT4q2OEUVT0HwwTbvd0heiOOX5dwillCM0wQy1LPO4SJgAna8_2JeqCH8S4kcBI_MF9Eun7GJ0/s1600/2017-06-15+11+29+31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="250" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzVNQynsyYkkCgwTG_pMnHHp7wm61OuVvHuw2zAes4KkWT6zz6x9cnGc6WXNpH54vDmT4q2OEUVT0HwwTbvd0heiOOX5dwillCM0wQy1LPO4SJgAna8_2JeqCH8S4kcBI_MF9Eun7GJ0/s200/2017-06-15+11+29+31.jpg" width="200" /></a></div>
<br />
iPad Proなどでお絵描きをするとき、資料を見ながら描きたいな、というときのやり方を私なりに模索したものを書いた記事になります。<br />
最初に資料を表示する方法は3パターン思いつきました。<br />
<ul>
<li>スマホに表示する</li>
<li>アプリ内で表示する</li>
<li>Split Viewに表示する</li>
</ul>
<div>
<a href="https://horizonglow2.blogspot.jp/2017/09/ios11.html" target="_blank">※ iOS11の場合はこちら。</a></div>
<div>
<a name='more'></a><br /></div>
<h1 id="スマホに表示する">
スマホに表示する</h1>
単純にスマホに必要な画像を表示して、iPadケースなりに固定するという方法です。<br />
固定にはいわゆる、くねくねスマホアーム的なものや、クリップ式のスマホホルダを使います。<br />
<a href="https://www.amazon.co.jp/BESTEK-iPhone-%E7%94%A8%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E5%BC%8F-%E3%83%95%E3%83%AC%E3%82%AD%E3%82%B7%E3%83%96%E3%83%AB%E3%82%A2%E3%83%BC%E3%83%A0-BTIH750N/dp/B01E71UM5A/ref=as_li_ss_il?ie=UTF8&qid=1497585819&sr=8-9&keywords=%E3%82%B9%E3%83%9E%E3%83%9B%E3%80%80%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97&linkCode=li2&tag=suigensoba-22&linkId=152527c33e7abc90d5b2bab3ad28256e" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01E71UM5A&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01E71UM5A" style="border: none !important; margin: 0px !important;" width="1" />
<a href="https://www.amazon.co.jp/%E3%83%8E%E3%83%BC%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E5%93%81-%EF%BC%A4%EF%BC%AD-%EF%BC%A3-2-%E3%83%8E%E3%83%BC%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E5%93%81-iphone-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E7%94%A8%E5%9B%BA%E5%AE%9A%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E4%BB%98%E3%81%8D-%E8%87%AA%E7%94%B1%E9%9B%B2%E5%8F%B0%E3%82%AB%E3%83%A1%E3%83%A9%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%89%E5%BC%B7%E5%8A%9B%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97/dp/B00BE2OEAK/ref=as_li_ss_il?ie=UTF8&qid=1497585819&sr=8-4&keywords=%E3%82%B9%E3%83%9E%E3%83%9B%E3%80%80%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97&linkCode=li2&tag=suigensoba-22&linkId=1d197fee602d67feadbaca35280a3abc" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00BE2OEAK&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B00BE2OEAK" style="border: none !important; margin: 0px !important;" width="1" />
<a href="https://www.amazon.co.jp/Daite-TS037-WH-Daite%E3%81%AE%E5%81%B4%E9%9D%A2%E3%81%AB%E5%8F%96%E3%82%8A%E4%BB%98%E3%81%91%E3%82%89%E3%82%8C%E3%82%8B%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97-%E3%83%87%E3%83%A5%E3%82%A2%E3%83%AB-%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4-%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88-%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97-%E3%83%8E%E3%83%83%E3%83%88%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%BE%E3%81%9F%E3%81%AF%E3%82%A6%E3%83%AB%E3%83%88%E3%83%A9%E3%83%96%E3%83%83%E3%82%AF-%E8%B6%85%E8%96%84%E3%81%84%E3%83%8E%E3%83%83%E3%83%88%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3-%E3%81%AE%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%81%A8%E4%B8%A6%E3%81%B9%E3%81%A6%E8%A8%AD%E7%BD%AE%E3%81%99%E3%82%8B%E3%82%A2%E3%83%80%E3%83%97%E3%82%BF-%E7%99%BD/dp/B01N9FA5KA/ref=as_li_ss_il?ie=UTF8&qid=1497585886&sr=8-3&keywords=%E3%82%B9%E3%83%9E%E3%83%9B%E3%80%80%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E3%80%80%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88&linkCode=li2&tag=suigensoba-22&linkId=3517247ed643fea51d1e5304607d2a4b" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01N9FA5KA&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01N9FA5KA" style="border: none !important; margin: 0px !important;" width="1" /><br />
私の場合はアームはPC屋でワゴン売りしていた500円くらいのものです。ただ仕組みは全く同じみたいです。<br />
<br />
で、くねくねアームはアームが伸びた状態だと不安定なのでぐるぐる巻きます。アームがかなり堅いので小さく巻くのは一苦労です。軽く腕が疲れました。<br />
<br />
巻いたら適当なところに挟めば完成です。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8eHn5s_XBCPi5x-M0dIXqj1CJKg871Xuz6qdMbhL_9YULGSzXnXtwM2LLIjDleLnjf8sHlGTTVi1YuoNcrcvpmlVc1qJcbp0bHB0F9G7EvN8Ka1hcY6n4WOnMSBSo3IEHcTVbU1uwbM/s1600/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-06-16+13+06+33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8eHn5s_XBCPi5x-M0dIXqj1CJKg871Xuz6qdMbhL_9YULGSzXnXtwM2LLIjDleLnjf8sHlGTTVi1YuoNcrcvpmlVc1qJcbp0bHB0F9G7EvN8Ka1hcY6n4WOnMSBSo3IEHcTVbU1uwbM/s200/%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB+2017-06-16+13+06+33.jpg" width="150" /></a></div>
<br />
ちなみに、こんな苦労をしなくとも、こんなのがあるのを後から知りました。<br />
後は適当に画像を表示すれば完成です。<br />
<br />
さて使用感ですが、表示自体は悪くありません。<br />
ただ点灯しっぱなしになるのでスマホのバッテリーがもりもり減るのと、道具が増えること、クリップで固定するのでテーブルに置いて使うときに不安定になるというのがネックです。<br />
あと、タブレット自体をくるくる回して描く人も邪魔になりそうです。<br />
<h1 id="アプリ内に表示する">
アプリ内に表示する</h1>
これは古よりある方法で、レイヤーに画像を読み込んでしまう方法です。<br />
一番手軽で、ファイルと一緒に保存されるので環境の復元も簡単です。<br />
<br />
デメリットはキャンバスを拡大したりパンしたりすると見えなくなってしまうことでしょうか。<br />
<h1 id="splitviewを使う">
SplitViewを使う</h1>
多分、一番の本命です。<br />
SplitViewというのはiOS9のころに搭載された画面の左右分割機能のことです。<br />
これを使い、右もしくは左にSplitView対応のアプリを表示することが出来ます。<br />
<h2 id="splitviewで使うならメモが一番">
Splitviewで使うならメモが一番</h2>
もう見出しで結論言ってますが、メモが個人的に一番使い勝手が良かったです。<br />
その理由ですが以下のような感じ。<br />
<ul>
<li>複数の画像をストックできる</li>
<li>標準故にほとんどのアプリから画像を送れる</li>
<li>iPad内に保存されるので通信不要</li>
<li>カメラロールを使わない</li>
<li>iCloudで同期できる</li>
<li>最初から入ってる</li>
</ul>
カメラロールを使わない、というのは地味にありがたいです。<br />
<h2 id="やり方">
やり方</h2>
<h3 id="メモに画像を取り込む">
メモに画像を取り込む</h3>
特別トリッキーな使い方はしません。<br />
ブラウザなどで目的の画像を開いたら画像を長押しして画像データをコピーします。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7q-kRN7x0xQvZZ7ywXl2O-39o2evkyUoUxDb_WD6gZyA7SZWWwd0xuAMDHPQEElL_PZdzF-5TQ6Ylj0Rb8Zx2D-KoCFWkxGwOH-pX9EWC2ODxu2y0bU907QSppNr488TY4StBF1jre3Q/s1600/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+24+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7q-kRN7x0xQvZZ7ywXl2O-39o2evkyUoUxDb_WD6gZyA7SZWWwd0xuAMDHPQEElL_PZdzF-5TQ6Ylj0Rb8Zx2D-KoCFWkxGwOH-pX9EWC2ODxu2y0bU907QSppNr488TY4StBF1jre3Q/s200/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+24+15.png" width="200" /></a></div>
<br />
そしてSplitViewを開いてメモを表示します。<br />
ホームボタンが右側にある場合は、ホームボタンのやや上あたりからスワイプすると気持ちよく出ます。駄目でもアイコンが出るのでそれをドラッグすればオッケーです。<br />
<br />
目当てのアプリじゃない場合は、SplitView内の上にあるバーを下へドラッグして下さい。対応アプリ一覧に変わります。<br />
<br />
表示直後はSlideOverという「ちょい見」状態なので、境界線の黒いバーに少し触れます。左側のアプリが明るくなったらオッケーです。<br />
<br />
メモで新しいメモを作り、そこで長押ししてペーストを選びます。<br />
こんな感じで画像が貼り付けられます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw8b0xyBUC_bfiWS6auMWBZ_EodVMc6RIG10uNbSYA70hUK8qTOOAk8GRFUXtoMb_rpmiqmfyz3uUziFHtvETrr1OPRHMLOyLwLem_j3FBvvEd2KaGmM9vVx4ve61B3QR6jMFbnRcPKgE/s1600/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+26+44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw8b0xyBUC_bfiWS6auMWBZ_EodVMc6RIG10uNbSYA70hUK8qTOOAk8GRFUXtoMb_rpmiqmfyz3uUziFHtvETrr1OPRHMLOyLwLem_j3FBvvEd2KaGmM9vVx4ve61B3QR6jMFbnRcPKgE/s200/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+26+44.png" width="200" /></a></div>
<br />
一つのメモに何枚も貼れるので、ペタペタ貼っていきます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiR0PDOo5t_4aMgmdHGHBGTADbC0msxHu5sASVuEKzGOyW_chEDhbOZn_BwsXH0lJkGCxnPTiKp5oeJWvm3zpnmHiJqyur8fHvRLRrR4Oqvao_DaBd_m4_7mktmGLdrcC8C8eeUnI7zs/s1600/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+28+00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiR0PDOo5t_4aMgmdHGHBGTADbC0msxHu5sASVuEKzGOyW_chEDhbOZn_BwsXH0lJkGCxnPTiKp5oeJWvm3zpnmHiJqyur8fHvRLRrR4Oqvao_DaBd_m4_7mktmGLdrcC8C8eeUnI7zs/s200/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+28+00.png" width="200" /></a></div>
<br />
<h3 id="ペイントアプリの起動">
ペイントアプリの起動</h3>
貼り終えたらペイントアプリを立ち上げます。対応アプリであるならsplitViewが再び表示されます。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXXnu5Ya21Y0gGitlsHRlEogEaOzOxsOG1pC0Bl-jhfDrYEnp4DFRLx8VTP2nHDvKZvslkm1KhILl_oyL0wZbtxeD7UGGM8JrOz5xx3of-uPgilWWvVBiqVKTLmMfVTmxUh_XWr-_nvo/s1600/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+28+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXXnu5Ya21Y0gGitlsHRlEogEaOzOxsOG1pC0Bl-jhfDrYEnp4DFRLx8VTP2nHDvKZvslkm1KhILl_oyL0wZbtxeD7UGGM8JrOz5xx3of-uPgilWWvVBiqVKTLmMfVTmxUh_XWr-_nvo/s200/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+28+15.png" width="200" /></a></div>
後はメモ内の画像をタップして拡大なりして下さい。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBv-FmpFl9ZG1Vhzp9rxTpAKyv8sm3cBlIouQGo9voPcJ6QDW5eEOyoK5s-P3zEshlIwlQzY1QjVC3QYW77iTuBunS_P9bOQgc7wr68FXb80XLDfc4ScOwPckpM1WQB2v13iBaoY9B-Y/s1600/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+29+20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBv-FmpFl9ZG1Vhzp9rxTpAKyv8sm3cBlIouQGo9voPcJ6QDW5eEOyoK5s-P3zEshlIwlQzY1QjVC3QYW77iTuBunS_P9bOQgc7wr68FXb80XLDfc4ScOwPckpM1WQB2v13iBaoY9B-Y/s200/%25E5%2586%2599%25E7%259C%259F+2017-06-15+11+29+20.png" width="200" /></a></div>
<br />
<h3 id="メモを左側に表示したい">
メモを左側に表示したい</h3>
SplitViewは右から表示します。なので最初に起動したアプリが左側、SplitViewが右側になります。<br />
左利きの場合、右側にメモが表示されるのはあまり困らないので、「ペイントソフト→SplitViewでメモ」の順に表示して構わないのですが、右利きの方の場合は左側に出したい、という場合は逆に起動する必要があります。<br />
つまり、メモを起動して、メモのSplitview内でペイントアプリを起動するという方法です。<br />
<h4 id="すでにペイントアプリを起動していたら">
すでにペイントアプリを起動していたら</h4>
すでにペイントアプリを起動していた場合は、ホームに戻って起動し直す、ということも出来ますがSplitviewから順番を変えることも出来ます。<br />
<ol>
<li>SplitViewを表示しメモを起動します。</li>
<li>表示の境のところを左端へドラッグして、ペイントアプリの表示領域を追い出してしまいます。</li>
<li>メモに画面が切り替わりますのでもう一度SplitViewを開き今度はペイントアプリを開きます。</li>
</ol>
これでSplitViewの左右のアプリが入れ替わります。<br />
<h4 id="左側を小さく表示したい">
左側を小さく表示したい</h4>
SplitViewは5:5か7:3の比率で固定されているみたいで、3:7という比率はありません。現時点でのiOS10現在では出来ない、バージョンアップに期待、という状態です。<br />
12.9型のiPad Proだと半分でも10型相当の広さなのでさほど困らないのですが、10型のiPad Proだと狭いかもしれません。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-63839012566441726622017-06-06T13:25:00.001+09:002017-06-14T22:03:23.847+09:00シンプルラジアルメニューのリンク切れシンプルラジアルメニューのダウンロードリンクが切れていました。すみません。<br />
(あと、報告ありがとうございます)<br />
共有リンクの期限切れだったみたいです。<br />
ファイル設置場所の変更等々しましたので、現在は無事ダウンロード出来ます。<br />
ページは<a href="https://horizonglow2.blogspot.jp/p/blog-page.html">こちら</a>です。<br />
<br />
<strike>というかGoogle Driveへの移設は前にした記憶があるんだけど、あれは夢だったのかしらん。</strike><br />
<strike>どこかでロールバックしたかな。</strike><br />
Classeurから書き出すときにロールバックしていたポカミスでした。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-81956341452457414832017-06-03T23:50:00.002+09:002017-09-08T13:48:15.581+09:00液タブや普通のモニターを疑似4K化してクリスタを広々と使うクリスタを使っていてパレットの配置に悩むことありませんか。<br />
<div>
私はもう少しコンパクトに出来ないか、ブラシサイズのプリセットボタンはもう少し小さくいいのに、とかそんな感じで悩むことが多々あります。<br />
<br />
<a name='more'></a><br /></div>
<div>
漫画やアニメとか描かれる方は、ページ切り替えやタイムラインなどイラスト以上にパレットを表示されたりするのでなおさらではないでしょうか。</div>
<div style="text-align: left;">
<br />
高解像度な液タブに買い換えれば良いのですが、液タブは中々に高価です。<span style="background-color: white; font-family: "arial" , "ms pgothic" , "â£ãâ£ã“ â£ãâ¥â´â¥â·â¥ãƒâ¥â¯" , "ms pmincho" , sans-serif; font-size: 16.8px; text-align: center;">Cintiq Pro 16は4k</span><span style="font-family: "arial" , "ms pgothic" , , "ms pmincho" , sans-serif;"><span style="font-size: 16.8px;">ですが接続には注意が必要です。</span></span><span style="background-color: white; font-family: "arial" , "ms pgothic" , "â£ãâ£ã“ â£ãâ¥â´â¥â·â¥ãƒâ¥â¯" , "ms pmincho" , sans-serif; font-size: 16.8px; text-align: center;">(</span>USB-C以外だと4k対応GPU+Mini DP to DPケーブルが必要みたい<span style="background-color: white; color: #1c2022; font-family: "helvetica" , "roboto" , "segoe ui" , "calibri" , sans-serif; font-size: 16px;"><span style="background-color: white;">)</span></span></div>
<div>
<div>
<br /></div>
<div>
そこで本日のお題。</div>
</div>
<div>
「モニターを擬似的に高解像度にしてしまおう」という話です。</div>
<div>
もうちょっと言うと「多少UI文字が潰れていいから沢山パレットを表示しよう(そして広々とキャンバスを使おう)」という話です。</div>
<div>
GPUに詳しい人は結構には古いネタですがクリスタメインで一本書いてみます。<br />
<br />
<br /></div>
<h2>
前提</h2>
<div>
この話は前提としてNVIDIAやAMDのそこそこ最近のGPUカードが必要になります。</div>
<div>
具体的には「DSR」や「仮想超高解像度」という機能が付いているカード、GeforceならGeForce GTX 500番台以降(400番台後半も?)、AMDならAMD Radeon HD 7800以降です。</div>
<div>
<br /></div>
<h2>
DSRや仮想超高解像度</h2>
<div>
このDSRや仮想超高解像度とはなんぞや、という話ですが、「繋がってるモニターよりも高い解像度で表示してその後に縮小して表示すれば(ゲーム画面とか)綺麗に映るよね?」というコンセプトの機能です。</div>
<div>
イラストでいえば目標より大きいキャンバスで書いて縮小して公開する、みたいなものです。</div>
<div>
本来はゲーム向きの機能ですが、これを液タブ+クリスタでやってみようというお話です。</div>
<div>
<br /></div>
<h2>
設定方法</h2>
<div>
この話はNVIDIAのパターンで進めます。というのも私のメインPCがGeforceだからです。</div>
<div>
(対応したAMDのカードもあるけど差し替えるのが面倒)</div>
<div>
AMDの場合は、最初のDSRのところを「仮想超高解像度」で置き換えるといけると思います。「仮想超高解像度」の設定は「CCC」の「マイデジタルフラットパネル>イメージスケーリング」にあるらしい。<br />
<span style="background-color: white; color: #333333; font-family: , "ヒラギノ角ゴ pro w3" , "hiragino kaku gothic pro" , "ms pゴシック"; font-size: 13.1693px;"><br /></span></div>
<h3>
コンパネの設定</h3>
<div>
コントロールパネルから「NVIDIAコントロールパネル」を開きます。</div>
<div>
<br />
「3D設定の管理」から「DSR-係数」をクリックし、x2とx4を選び適用を押します。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwtJO0hMK1X2KPGDXYviDBuE1rjWSkY0lv5OB1HNv9Lr-7DAlZO0J0b5iyGestsWaNxrzZFi_yFoM14QuV9bXR792pudYcxb3mD3DEqrsRo-zA5h96XlHrD6YI6qZ_RN_Dt8GA4P3EgQ/s1600/2017-05-30_01h52_40.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="274" data-original-width="654" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwtJO0hMK1X2KPGDXYviDBuE1rjWSkY0lv5OB1HNv9Lr-7DAlZO0J0b5iyGestsWaNxrzZFi_yFoM14QuV9bXR792pudYcxb3mD3DEqrsRo-zA5h96XlHrD6YI6qZ_RN_Dt8GA4P3EgQ/s320/2017-05-30_01h52_40.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">DSRの設定</td></tr>
</tbody></table>
x4で現在の4倍の面積=4K相当の解像度が設定可能になります。</div>
<div>
x2はWQHDより大きくなります。</div>
<div>
x1.78でFHDの場合はWQHD相当になります。27HDやCintiq Pro 13相当ですね。<br />
<br />
「DSR滑らかさ」は縮小時のアンチエイリアス具合を設定します。<br />
数字を下げるとカリカリに、上げるとぼけ味が増えます。<br />
個人的にはデフォルトの33%はちょうど良い具合だと思います。</div>
<h3>
解像度の変更</h3>
<div>
デスクトップで右クリックなりをして「ディスプレイの設定」をします。そこで目的にモニターを選び解像度を設定しようとするとモニター以上の高解像度の設定可能になっているはずです。</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQnpGJ29YQ3EbuXadXxQBsUJ54EqHzFKHvh7e9EoWO0LvhkVlu7J0Zjxi2x730fWReDUINshVLBicY7vSS_DNWkaAzLHqicEhXfaBRUXl-z2AW2HaX1LEFWsts6pwd7PbGg7sccuPp7A/s1600/2017-06-03_14h52_17.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="174" data-original-width="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQnpGJ29YQ3EbuXadXxQBsUJ54EqHzFKHvh7e9EoWO0LvhkVlu7J0Zjxi2x730fWReDUINshVLBicY7vSS_DNWkaAzLHqicEhXfaBRUXl-z2AW2HaX1LEFWsts6pwd7PbGg7sccuPp7A/s1600/2017-06-03_14h52_17.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">憧れの4K解像度</td></tr>
</tbody></table>
<div>
<br />
好きな解像度を選びます。ここでは敢えて3840x2400を選んだ、とします。</div>
<div>
解像度が切り替わりますがあまり見た目に変化がないと思います。</div>
<div>
というのもUIスケーリングが推奨の200%にされているからです。100%にしてみると文字やボタンが一気に小さくなるのが分かります。</div>
<div>
ただ小さすぎて使い物にならないと思いますので200%で使うのをお進めします。</div>
<div>
<br /></div>
<h3>
カーソルの変更</h3>
<div>
解像度は大きくなったのですが、それに合わせてマウスカーソルも大きくなってしまいました。</div>
<div>
これは解像度に合わせてカーソルのサイズも調節してくれた結果なのですが、最終的なモニター解像度自体は変わっていないので、最後に描画されるカーソルのサイズが一致しなくなるというDSR特有の現象です。</div>
<div>
<br /></div>
<div>
これでは使いづらいのでコントロールパネルで「マウス」を開き「ポインターオプション>ポインターの軌跡を表示する」を次のように設定します。</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FwRyIBKvWuQCUml6t4sj1Jt6jeTo_j-tntKlZvi4zRAepoxI54mHLq9jUDzqL0PsOTyM7GK-6EgtjGkxP8s81kNkimwJ0JK4tUjkpo79xCE7r7VDuYwgJjRAC7Yr-K7f-zXxuAh096Y/s1600/2017-06-03_15h03_23.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="184" data-original-width="417" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FwRyIBKvWuQCUml6t4sj1Jt6jeTo_j-tntKlZvi4zRAepoxI54mHLq9jUDzqL0PsOTyM7GK-6EgtjGkxP8s81kNkimwJ0JK4tUjkpo79xCE7r7VDuYwgJjRAC7Yr-K7f-zXxuAh096Y/s320/2017-06-03_15h03_23.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">マウスのコンパネ</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
これでカーソルサイズが元に戻ったと思います。</div>
<div>
微妙に残像が出ますが、こればっかりは慣れるしかないみたいです。</div>
<div>
ただクリスタのカーソル移動には反映されませんのでご安心を。</div>
<div>
<br /></div>
<div>
このカーソル問題は将来のWindowsのアップデートで使えなくなる可能性があります。</div>
<div>
一方でNVIDIAドライバの更新で解消するかも知れません。</div>
<div>
<br />
(補足) 「ポインターの軌跡を表示する」を有効にしていると一部ゲームでフルスクリーン表示にするとカーソルが表示されない場合があります。<br />
一部ゲームというのは、自分の経験だとPUBGです。一応の回避策は「フルスクリーン(ウィンドウ)」にすれば表示されます。ただ解像度と同じ4Kでゲームをレンダリングするので重くなります。ゲーム中は解像度を下げた方が良いかもしれません。</div>
<h3>
クリスタの起動…あれ?</h3>
<div>
早速、クリスタを起動してみましょう。</div>
<div>
どうでしょうか?</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWDo3YFLnZ9eTlkNN7AZoFPghp6EiqO5QFevDhIDIDeqI_aQrjecXPk07FhlvzG3F0p-n1q5i_l-7IMfAKWcs2xPT9Ncc3RJiQRXZ2x-YcnmfgLAzcvDUD1a12-FnE5XeSgJRzA2RSVZM/s1600/2017-05-30_23h23_08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1034" data-original-width="1600" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWDo3YFLnZ9eTlkNN7AZoFPghp6EiqO5QFevDhIDIDeqI_aQrjecXPk07FhlvzG3F0p-n1q5i_l-7IMfAKWcs2xPT9Ncc3RJiQRXZ2x-YcnmfgLAzcvDUD1a12-FnE5XeSgJRzA2RSVZM/s320/2017-05-30_23h23_08.jpg" width="320" /></a></div>
<div>
<br /></div>
<div>
…なんかパレットサイズとか普通と変わらないですよね?</div>
<div>
ナビゲーションパレットとか一部小さくなったところもありますが、あんまり変わらないはずです。</div>
<div>
<br /></div>
<div>
そうなんです、クリスタはUIスケーリングに対応してるのでキャンバス以外は良い感じに拡大して表示してくれるのです。小型のタブレットPCとか本当の4Kモニターユーザーには嬉しい機能です。</div>
<div>
でも今回やりたかったことはパレットを縮小してでも沢山表示したいことなのでこれでは駄目です。</div>
<div>
<br /></div>
<h3>
改めてクリスタのスケーリング設定</h3>
<div>
というわけでクリスタがスケーリングしないようにします。</div>
<div>
起動ファイルやショートカットのプロパティを開きます。</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v2JzK9t-kwVHlqFlVrW0SF17gRomiGkGuvswwSa7Gn9eD-11z5fZ1hTKun7L19fFgrGPRCggWNumk-Tw_mUl4Yn-6fCWMorqSq9Lmhc_oubAnWEJ0NyMMsWuAVzwB0MhIVtP5Mm6uPA/s1600/2017-06-03_15h11_59.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="193" data-original-width="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v2JzK9t-kwVHlqFlVrW0SF17gRomiGkGuvswwSa7Gn9eD-11z5fZ1hTKun7L19fFgrGPRCggWNumk-Tw_mUl4Yn-6fCWMorqSq9Lmhc_oubAnWEJ0NyMMsWuAVzwB0MhIVtP5Mm6uPA/s1600/2017-06-03_15h11_59.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">タスクバーにピン留めしている場合</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
「互換性タブ」を開いて次のように「高いDPIスケールの動作を上書きします」を次のように設定します。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuArMJk9XCcCUmXzx61ooxr7dkHEFuK573GkmYvXWN5xlFC_VSTZZR_i7KvkykWLJYx329huDVLvUeLbsxwQv5Nu3YRQxkAlTveutq_T-fej5lGztir7BBSeuZ-1cImeD3lP4n6wi79Do/s1600/2017-06-03_15h12_50.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="272" data-original-width="366" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuArMJk9XCcCUmXzx61ooxr7dkHEFuK573GkmYvXWN5xlFC_VSTZZR_i7KvkykWLJYx329huDVLvUeLbsxwQv5Nu3YRQxkAlTveutq_T-fej5lGztir7BBSeuZ-1cImeD3lP4n6wi79Do/s320/2017-06-03_15h12_50.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
これで「OK」で閉じて設定完了です。</div>
<div>
再びクリスタを起動すると、こうなります。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutnr1-n7BYyrKdzIzvNo_ovY5mSjQl1FNxnZEwyJrbQVhWpkpLtM660x_3sTjYjHchVYocIHmuaXyTq2HtuBV_K46nO1R-wtNWNSWjqDj9o7qM_jcITcExjfG7oT5agDw4snY_QuBQJs/s1600/2017-05-30_23h13_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutnr1-n7BYyrKdzIzvNo_ovY5mSjQl1FNxnZEwyJrbQVhWpkpLtM660x_3sTjYjHchVYocIHmuaXyTq2HtuBV_K46nO1R-wtNWNSWjqDj9o7qM_jcITcExjfG7oT5agDw4snY_QuBQJs/s320/2017-05-30_23h13_02.jpg" width="320" /></a></div>
<div>
<br /></div>
<div>
どうでしょう!</div>
<div>
ちゃんと高解像度化しています!</div>
<div>
見よ! パレットがまるでゴミのよ(ry。</div>
<div>
UIを確認したら一旦再起動します。</div>
<div>
(経験からwacomドライバをきっちり再起動しないとペンと描画位置がずれました)</div>
<div>
<br /></div>
<h3>
4Kはやり過ぎた</h3>
<div>
やってみれば分かるのですが…4Kだとはっきりって24HDでも小さすぎます。</div>
<div>
読めないことはないですが疲れます。</div>
<div>
13HDとかだったら読めないんじゃないでしょうか。</div>
<div>
<br /></div>
<h3>
落としどころはx2かWQHD相当</h3>
<div>
<br /></div>
<div>
ということでDSRはx2あたりが普段使い的には落としどころだと思います。</div>
<div>
<br /></div>
<div>
なら「UIスケーリングを150%にすればいいんじゃないか?」という声もあると思いますが、どうしてだかスケーリング150%だと上手くペン位置と描画位置が一致しませんでした。</div>
<div>
200%だと再起動すればちゃんと上手くいくのに不思議です。</div>
<div>
なので解像度のほうを下げる方向で対応しました。</div>
<h3>
使用感</h3>
<div>
意外と普通に使えています。</div>
<div>
GPUがそれなりのを使っているためか重いな、ということもありません。</div>
<div>
一方、キャンバスを広々と使えるのはやはり快適です。</div>
<div>
<br /></div>
<div>
DSRはどのアプリケーションでも適用されます。</div>
<div>
なのでPhotoshopにも使えます。最近のPhotoshopはUIスケーリングに対応しているので良いように設定して下さい。<br />
SAIも使えました。SAIの場合はUIスケーリングに対応していないので、プロパティで設定しないでも解像度通りの表示をします。</div>
<h3>
メリットデメリット</h3>
<div>
この方法で得られるメリットデメリットは次の通りです。</div>
<div>
<b><br /></b></div>
<div>
<b>メリット</b></div>
<div>
<ul>
<li>パレットを沢山表示出来てキャンバスが広々使える</li>
<li><u>原理上は</u>ペンの位置精度が上がる</li>
</ul>
<div>
<div>
「パレットを沢山表示できる」は当初の目的通りです。</div>
<div>
<br /></div>
<div>
二つ目の「原理上ペン位置精度が上がる」というのは、表示キャンバスと実際のキャンバスサイズとタブレットが独自持つ解像度が近いほど誤差が減るし、半ドット単位でブラシカーソルが動くので見た目はカーソルの動きが滑らか、という話です。<br />
と、書いては見ましたが、はっきり実感するほどの差では無いかもと思います。<br />
<br /></div>
</div>
<div>
<b>デメリット</b></div>
</div>
<div>
<ul>
<li>(GPUで映像を縮小しているので)表示がぼける、かすむ</li>
<li>描画がやや重くなる</li>
<li>スケーリング未対応ソフトの対応の手間</li>
</ul>
<div>
<div>
「ぼける、かすむ」というのは擬似的に高解像度を表示しているので仕方がありません。<br />
ただ個人的な間隔では、イラストを描くときは拡大しているか縮小して見ていてDotByDotで画像を見ていることは少ないし、とは思います。</div>
<div>
<br /></div>
<div>
描画がやや重くなる、というのは単純に描画面積が増えるからです。これは本物?の4Kモニターを繋いだ時でも起きます。</div>
<div>
DSR自体はGPUモニターを見る限り,1060ではほとんど負荷がありません。アイドル時はGPUクロックはきっちり落ちてますし、消費電力は10W、GPU負荷も0%になります。</div>
<div>
<br /></div>
<div>
スケーリング未対応のソフトの手間というのは、例えば古いアプリやゲームで、スケーリングが上手く表示されない場合の問題です。</div>
<div>
その場合、実行ファイルのプロパティにある「高いDPIスケールの動作を上書きします」を「システム(拡張)」にすることで回避できたりする場合があります。<br />
<br /></div>
</div>
<div>
<b>どうにもならないこと</b></div>
</div>
<div>
<ul>
<li>ペンの性能向上</li>
</ul>
</div>
<div>
これはハードウェアの話なのでソフト側どうのではどうにもなりません。こればっかりは新機種を買うしか方法はないです。<br />
<br />
<h3>
ちょいと追記</h3>
タイトルでは液タブのあげてるけど、原理上は板タブでも出来ると思う。<br />
作業範囲が狭い! という人で対応GPUを持っている人は試してみてもいいかも。<br />
<br />
<h3>
</h3>
</div>
<div>
<br /></div>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01NCHVRGO&linkId=b27fb39181dab0a617967dc7b68a203b" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01M5GN23M&linkId=31f83b8bf31b76b08508631c49c92162" style="height: 240px; width: 120px;"></iframe>スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-90694131455009288132017-05-11T15:18:00.004+09:002017-05-11T15:28:24.307+09:00PureRefの画像にグリッドを表示する方法<h2>
PureRef</h2>
<br />
便利ばリファレンス画像表示ソフト、つまるところの資料画像表示に特化したビューアであるPureRefでグリッドを表示しよう、という話です。<br />
<br />
PureRef自体の詳しい話はこちらにも書いています。<br />
<a href="https://horizonglow2.blogspot.jp/2017/05/pureref.html" target="_blank">リファレンス/資料画像表示ソフト「Pureref」の使い方</a><br />
<br />
資料のバランスを見るとき、デスケルな使い方としてグリッド表示があると便利かな、と思ったのですがPureRefには1.90現在がグリッド表示機能はありません。<br />
<br />
ところがPureRefは透過画像に対応しています。<br />
なのでグリッドでみたい画像の上に、背景が透明なグリッド画像を重ねればいけんじゃ。<br />
ということで試してみました。<br />
<br />
<a name='more'></a><h2>
すぐ解決</h2>
<br />
<br />
結論から言えば、呆気なく出来ました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOBjV3ipyjCcRwOrnsHcJjmCijLnU5P8QyqZ_XKvBaThe4HUI5dl2Od0ZhYpNdAUjE5zF_WthYEVFiFaPlOPK30_Rh6ApRvs150fSvqMxn4Yf3ub23MkSF1BOP9VyWd9NNHS2kn79xyg/s1600/2017-05-11_14h50_58.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOBjV3ipyjCcRwOrnsHcJjmCijLnU5P8QyqZ_XKvBaThe4HUI5dl2Od0ZhYpNdAUjE5zF_WthYEVFiFaPlOPK30_Rh6ApRvs150fSvqMxn4Yf3ub23MkSF1BOP9VyWd9NNHS2kn79xyg/s320/2017-05-11_14h50_58.jpg" width="308" /></a></div>
<br />
<br />
画像はAfterEffectsのグリッドエフェクトでサクッと作りましたが、Photoshopでもクリスタでも簡単に作れます。<br />
<br />
ここに私が作った物を置いておくのでご自由にどうぞ。<br />
グリッドサイズを変えた物を白黒2バージョン入れています。<br />
<a href="https://drive.google.com/open?id=0B8St-6t9mR-AV2htbGN2d1hEYWM" target="_blank">>ダウンロード<</a><br />
右上のダウンロードボタン(↓みたいなボタン)を押すとzipでダウンロード出来ます。<br />
<h2>
使い方</h2>
<br />
<ol>
<li>グリッド画像をPureRefにD&Dなどして読み込みます。</li>
<li>グリッドをあてたい画像の上にグリッド画像をドラッグして移動します。</li>
<li>グリッド画像の大きさを調節します。あてたい画像と同時に選択してnormalize SizeやHeightコマンドを実行すると一発で大きさが揃います。</li>
<li>グリッド画像を選択した状態でctrl+shift+alt+左ボタンドラッグをして画像の透明度を変更します。</li>
</ol>
<div>
以上です。</div>
<div>
グリッドの大きさはグリッド画像をスケール(ctrl+alt+左ボタンドラッグ)するなどして調節出来ます。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<br />
<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-31331399977806065982017-05-08T13:28:00.001+09:002017-06-13T12:38:50.770+09:00リファレンス/資料画像表示ソフト「Pureref」の使い方※この記事は「<a href="https://horizonglow2.blogspot.jp/2015/05/pureref.html" target="_blank">資料画像表示ソフト「Pureref」のあれこれ</a>」を大幅に加筆修正したものです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFIuYiPGmCVXAhl6s7DAF9r1kSkwPpgARrC-JipyRyzYw-FiQvkUssoqS_IknqIHNZwNIT36BRbQD_SKMCnavY3Ec8yli92OjwpqROlKyhNAK3YiO0OB31HIxVcm6bLPKpjQh4Px6YUE/s1600/pureref.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFIuYiPGmCVXAhl6s7DAF9r1kSkwPpgARrC-JipyRyzYw-FiQvkUssoqS_IknqIHNZwNIT36BRbQD_SKMCnavY3Ec8yli92OjwpqROlKyhNAK3YiO0OB31HIxVcm6bLPKpjQh4Px6YUE/s320/pureref.JPG" width="315" /></a></div>
<br />
<h1 id="リファレンス画像">
PureRef</h1>
イラストなどのリファレンス画像を表示するのに特化した画像ビューアことPureref。<br />
リファレンスを平たく日本語にすると参照や引用という意味で、イラストを描く人的に言えば何かを描くのに参考にする画像、資料用の画像ですね。<br />
3Dだとビューの背面や板ポリに表示してモデリングのガイドにする下書きもそう呼ばれたりします。<br />
「(作りたいものに対して)基準になる画像」的なニュアンスなんだと思います。<br />
<div>
<br /></div>
そんなPureRefはWin/Linux /Mac対応のドネーションウェアです。<br />
ダウンロード時に金額は0から任意の金額が入力出来ます。気に入ったり開発を応援してくれるなら好きな金額を払ってね、という仕組みです。デフォルトは5です。<br />
例えば0を入れるとそのままダウンロードへ移行します。それ以外ならPaypalの支払画面へと移行します。<br />
アカウント的なものはありません。<br />
<br />
対応形式は、BMP / DDS / GIF / ICNS / ICO / JPEG / JP2(JPEG2000) / MNG / PBM / PGM / PNG / PNM / PPM / PSD / TIFF / WEBP / XBM /XPM / TGA です。<br />
<a href="https://horizonglow2.blogspot.jp/2017/05/lipclip.html" target="_blank">Xnview</a>ほどではありませんが、WEBPやJP2にも対応しているので必要十分だと思います。<br />
(強いて言えばJPEG XRの姿がありませんが、普及度的に、まあいいかな、と)<br />
<h1 id="メリット">
メリット</h1>
PureRefは画像ビューアの中ではわりと特異なUI/UX を持っています。<br />
大量の画像を素早く切り替えたり並べて表示することに特化しています。<br />
前回作業終了時の環境をすぐに再現できること、というのも特徴です。<br />
<br />
素早くグレイスケール表示が出来るというのもポイントが高いです。<br />
グレイスケール化にあたっては、RGBに重みを付けてくれています。詳しい説明はここでは省きますが、「RGBの数値的には同じ明るさでも、青は暗めに見えよね、とか黄色は明るめに見えるよね、というのを考慮しますよ」という意味です。<br />
色に惑わされずにシルエットや凹凸を見るのに使われます。<br />
<br />
クリスタやPhotoshopで同じ結果を得るには、黒のレイヤーを上にのせてレイヤーモードをカラーにするか、クリスタの場合はレイヤーモードを「グレー」にする必要がありますので、ボタン1つで出来るのは便利です。<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbTONCVTss5-YnaZCwQJDSZ66kXcbk13Q-BJ2_Y1yA7Qtb4FC1QWQffp1kta6LiRexkA_PguVSOJoDbfes8-_3z5KZuJX8ey_5LP25ygcLGDnjB2BA2jeWCJ5NOi3V7faqSR3SRI9n70/s1600/14b.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbTONCVTss5-YnaZCwQJDSZ66kXcbk13Q-BJ2_Y1yA7Qtb4FC1QWQffp1kta6LiRexkA_PguVSOJoDbfes8-_3z5KZuJX8ey_5LP25ygcLGDnjB2BA2jeWCJ5NOi3V7faqSR3SRI9n70/s200/14b.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">元画像</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8e0hGdBCsMS3F9smnjTMDxRjTKCGoN7okPcv4zor4SF0ZcelQzVkhgbCitzrTb6XqPhCsQjgK4dN5HXHI0FnMmYtPfOetjM7AqhxGQB4GckYpkHxM2TZ_mSotrkSmWPkxI6uWy7ZNBH0/s1600/2017-05-08_11h06_43.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8e0hGdBCsMS3F9smnjTMDxRjTKCGoN7okPcv4zor4SF0ZcelQzVkhgbCitzrTb6XqPhCsQjgK4dN5HXHI0FnMmYtPfOetjM7AqhxGQB4GckYpkHxM2TZ_mSotrkSmWPkxI6uWy7ZNBH0/s200/2017-05-08_11h06_43.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">重き付け無し</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEH6DxBeD0Ss_CKJIP1_NFZmWpYRL2YuFPh0jbZWK0w33G3ONdRDOEMXGwXP-PkdWiJYLkVhRjTAkSbOE7WW2xvYrABktuXgwkaDc1mtJFKp10rUe6xCUOcH8vV7LaE76T8bg64x8iliQ/s1600/2017-05-08_11h07_43.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEH6DxBeD0Ss_CKJIP1_NFZmWpYRL2YuFPh0jbZWK0w33G3ONdRDOEMXGwXP-PkdWiJYLkVhRjTAkSbOE7WW2xvYrABktuXgwkaDc1mtJFKp10rUe6xCUOcH8vV7LaE76T8bg64x8iliQ/s200/2017-05-08_11h07_43.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">重き付け有り</td></tr>
</tbody></table>
<br />
<br />
資料は描いているところと出来るだけ近いところのほうが、目線移動が少なくて便利です。<br />
クリスタには資料表示用にサブビューというパレットがあります。<br />
資料を表示したり、色を拾えたりと、とても便利な機能で最近だと反転機能も追加されました。<br />
ただ、サブビューは画像に切替が「進む」「戻る」しかなく、画像の量が増えてくると切替が面倒になってきます。<br />
(このあたり昔、リストで選べたり順番を入れ替えできたりしないかなと要望を出してみたのですが、わりとおまけ感がある機能なので優先度はかなり低そうです)<br />
<h1 id="特徴">
特徴</h1>
<h3>
キャンバス</h3>
いわゆるWinのMassigraやMacのプレビューと大きく違うのは画像の表示の仕方だと思います。PureRefは1枚1枚の画像をページをめくるように表示するのではなく、大きなキャンバスにペタペタ貼り付けたように表示します。<br />
キャンバスは画像が端に行くと自動的に拡張されます。<br />
<h3>
画像データ</h3>
異なるサイズの画像を自動で並べる機能があります。<br />
そのとき、画像がリサイズされますがオリジナルのデータは保持されています。<br />
なのでリサイズされたからといって画像の縮小されてディティールが飛ぶということはありません。<br />
このあたりの操作感は「<a href="https://www.madewithmischief.com/" target="_blank">Mischief </a>」に似ています。<br />
<br />
デフォルトでは設定ファイルpurに画像データが埋め込まれます。<br />
なのでpurファイルをコピーするだけでwinやmacとOSや環境が変わってもデータを正しく再現出来ます。<br />
<h1 id="多彩な機能">
多彩な機能</h1>
出来る機能を現在でざっくり列挙すると以下の通りです。(バージョン1.90)<br />
<ul>
<li>自由な画像配置</li>
<li>オリジナルを保持した拡大縮小、回転、反転が可能</li>
<li>画像の指定箇所を切り抜き、後から範囲を変更可能</li>
<li>画像単体、キャンバス全体をグレイスケール化</li>
<li>選択画像を縦幅、横幅、全体サイズを基準にして自動で揃える</li>
<li>選択画像を名前順、追加順、形状に応じて並べるタイリング</li>
<li>クリック位置のカラーコードを取得</li>
<li>画像キャンバスの透明度を変更</li>
<li>マウスイベントを透過する機能</li>
<li>他準起動可能</li>
<li>複数の設定で起動可能</li>
<li>アプリがフォーカスされていなくても有効になるグローバルショートカットを割り当て可能</li>
</ul>
主要機能を挙動面を含めて意訳すると以下のような感じです。<br />
<table>
<thead>
<tr>
<th align="center">機能</th>
<th align="center">名称</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">-Action-</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">すべての画像を並べてキャンバス範囲を最適化</td>
<td align="center">Pack All and Optimize</td>
</tr>
<tr>
<td align="center">マウスやペンの情報を無視(透過)</td>
<td align="center">Transparent To Mouse</td>
</tr>
<tr>
<td align="center">選択画像を画面一杯に表示(オーバーレイ)</td>
<td align="center">Overlay selection</td>
</tr>
<tr>
<td align="center">ウィンドウのサイズを選択画像に合わせる</td>
<td align="center">Resize To Selection</td>
</tr>
<tr>
<td align="center">ウィンドウの位置を固定</td>
<td align="center">Lock Window</td>
</tr>
<tr>
<td align="center">カメラ(ズームや位置)をリセット</td>
<td align="center">Reset Camera</td>
</tr>
<tr>
<td align="center">カメラのズームだけをリセット</td>
<td align="center">Reset Camera Zoom</td>
</tr>
<tr>
<td align="center">キャンバス内の画像のロック</td>
<td align="center">Lock Canvas</td>
</tr>
<tr>
<td align="center">キャンバスのグレイスケール化</td>
<td align="center">Grayscale</td>
</tr>
<tr>
<td align="center">元の画像を開く</td>
<td align="center">Open Souce</td>
</tr>
<tr>
<td align="center">画像の拡縮アルゴリズムをバイリニアに切り替え</td>
<td align="center">Toggle Bilinear Sampling</td>
</tr>
<tr>
<td align="center">最適な方法で配置</td>
<td align="center">Arrange Optimal</td>
</tr>
<tr>
<td align="center">名前で配置</td>
<td align="center">Arrange by Name</td>
</tr>
<tr>
<td align="center">追加順で配置</td>
<td align="center">Arrange By Addition</td>
</tr>
<tr>
<td align="center">左方向に整列</td>
<td align="center">Align Left</td>
</tr>
<tr>
<td align="center">右方向に整列</td>
<td align="center">Align Right</td>
</tr>
<tr>
<td align="center">上方向に整列</td>
<td align="center">Allign Top</td>
</tr>
<tr>
<td align="center">下方向に整列</td>
<td align="center">Allign Bottom</td>
</tr>
<tr>
<td align="center">重ねる</td>
<td align="center">Stack</td>
</tr>
<tr>
<td align="center">高さで画像サイズを揃える</td>
<td align="center">Normalize Height</td>
</tr>
<tr>
<td align="center">幅で画像サイズを揃える</td>
<td align="center">Normalize Width</td>
</tr>
<tr>
<td align="center">幅高さで画像サイズを揃える</td>
<td align="center">Normalize Size</td>
</tr>
<tr>
<td align="center">-Controls-</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">画像移動</td>
<td align="center">Pan</td>
</tr>
<tr>
<td align="center">カラーコードを表示</td>
<td align="center">Show Color code</td>
</tr>
<tr>
<td align="center">画像座標を表示</td>
<td align="center">show Image Coordinate</td>
</tr>
<tr>
<td align="center">連続選択</td>
<td align="center">Continuous Select</td>
</tr>
<tr>
<td align="center">画像移動</td>
<td align="center">Move Item</td>
</tr>
<tr>
<td align="center">縦横軸にスナップして画像を移動</td>
<td align="center">Axis Snapped Move Item</td>
</tr>
<tr>
<td align="center">近くの画像にスナップして画像を移動</td>
<td align="center">Neighbour Snapped Move Item</td>
</tr>
<tr>
<td align="center">回転</td>
<td align="center">Rotate</td>
</tr>
<tr>
<td align="center">一定角度で回転</td>
<td align="center">Snapped Rotate</td>
</tr>
<tr>
<td align="center">拡縮</td>
<td align="center">Scale</td>
</tr>
<tr>
<td align="center">反転</td>
<td align="center">Flip</td>
</tr>
<tr>
<td align="center">画像の透明度を変更</td>
<td align="center">Change Opacity</td>
</tr>
<tr>
<td align="center">切り抜き</td>
<td align="center">Crop Selection</td>
</tr>
<tr>
<td align="center">切り抜き範囲を移動</td>
<td align="center">Pan Cropping</td>
</tr>
<tr>
<td align="center">切り抜き範囲を拡縮</td>
<td align="center">Zoom Cropping</td>
</tr>
<tr>
<td align="center">画像を表示枠一杯に表示</td>
<td align="center">Focus Image</td>
</tr>
<tr>
<td align="center">次の画像をウィンドウ一杯に表示</td>
<td align="center">Focus Next Image</td>
</tr>
<tr>
<td align="center">前の画像をウィンドウ一杯に表示</td>
<td align="center">Focus Previous Image</td>
</tr>
<tr>
<td align="center">背面に送る</td>
<td align="center">Send To Back</td>
</tr>
<tr>
<td align="center">前面に送る</td>
<td align="center">Send To Front</td>
</tr>
<tr>
<td align="center">画像をキャンバスから削除</td>
<td align="center">delete</td>
</tr>
</tbody>
</table>
<h1 id="tips的ななにか">
TIPS的ななにか</h1>
調子に乗って画像を突っ込みすぎて、メモリを5GBも使うPurファイルを運用していた私が送る毎度好例のTIPS的なものです。<br />
(さすがに今は1GB未満にしています)<br />
<h3>
画像を一気に敷き詰めたい/並べたい</h3>
Pack All and Optimizeを使います。<br />
ショートカットは「Ctrl+Shift+P」 です。<br />
<h3>
並べた画像を一覧したい</h3>
いくつか方法があります。<br />
<ul>
<li>ctrl+aの後にダブルクリック。(ロック中ならロックを解除してから)</li>
<li>Camera Resetを使う(ただし画像を拡縮してたりすると上手くいかないことも)</li>
<li>ホイールなどでズームアウトする</li>
</ul>
<h3>
特定の画像だけ整列したい</h3>
画像を複数選択後にAlignかArrange。<br />
<br />
<h3>
Optimizeってなに?</h3>
<div>
キャンバスのサイズの外周余白無くし、必要な範囲に絞ることです。</div>
<h3>
拡縮や回転はどうするの?</h3>
特定のショートカットを押しながら画像をドラッグ<br />
<h3>
特定の画像を素早く見たい</h3>
画像をダブルクリック。ロック中でもオッケーです。<br />
<h3>
ブラウザで表示中の画像を読み込みたい</h3>
ブラウザから対象画像をD&D。<br />
Pureref自体に画像ダウンロード機能があります。(HTTPS対応)<br />
ブラウザから読み込まれた画像は、自動でpurファイル埋め込み扱いになります。<br />
<br />
またはブラウザ上で画像のコンテキストメニューを出して「画像をコピー」、その後にPureRef上でペーストしてもオッケーです。<br />
<h3>
PureRefキャンバスを画像として出力したい</h3>
<div>
「Save>Export>Scene」で出来ます。</div>
<h3>
PureRefを起動しているとストロークが途切れる時がある</h3>
オートセーブ機能が有効になってると、オートセーブ間隔で一瞬アクティブアプリが切り替わります。<br />
<h3>
画像の色を拾いたい</h3>
Sキーを押すとカラーピッカーが表示されます。<br />
表示されたからコードはPhotoshopなどにコピペすればオッケーです。<br />
<h3>
黒枠が邪魔</h3>
customizeにあるpresetをglassにすると背景色が透明になります。<br />
<br />
<h3>
グリッドを表示したい</h3>
<a href="https://horizonglow2.blogspot.jp/2017/05/pureref_11.html" target="_blank">PureRefの画像にグリッドを表示する方法</a><br />
<h3>
ロックはしたほうがいい?</h3>
正直、好き好きだと思います。<br />
ロックをしない状態だとスクロール時にスペースバーを押す必要がありますが、よく見る画像を並べるとかクロップ・回転などが手軽にできるので便利、という見方も出来ます。<br />
<h3>
メモリを食いすぎる</h3>
大きな画像を大量に読み込んでいると、必然的にメモリ消費も増えます。<br />
解決策としては<br />
<ul>
<li>大きな画像は縮小して読み込む</li>
<li>Purファイルを分割する</li>
<li>UNDO回数を減らす</li>
</ul>
という方法があります。縮小に当たってはSettingのところに「Auto downscale large image」というのがあります。これはD&D時に指定以上のサイズの画像を自動でリサイズしてくれる機能です。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEUsna8p-lEEiHjIzx-5hpDmCb-8HK2ckbrnMygoUYZpeDPyyY19FNvfBHFSMpCUfrLk1XvvJegm1V0aB3M3kpw4OWbDR0zJPI3Ebhs9CEjec-IVdWAvLJNlgGxqFykjyT4fFVVLT9FwU/s1600/2017-05-08_11h42_55.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEUsna8p-lEEiHjIzx-5hpDmCb-8HK2ckbrnMygoUYZpeDPyyY19FNvfBHFSMpCUfrLk1XvvJegm1V0aB3M3kpw4OWbDR0zJPI3Ebhs9CEjec-IVdWAvLJNlgGxqFykjyT4fFVVLT9FwU/s320/2017-05-08_11h42_55.jpg" width="320" /></a></div>
<br />
<ul>
</ul>
Purファイルの分割は、用途別に画像を分けておく、というスタンダードな方法です。<br />
またPureRefは複数起動が出来ますので、それらを組み褪せて使うという方法もあります。<br />
Windowsの場合は、タスクバーにあるアイコンを中クリックすればいいですが、Macの場合は「open -n -a “PureRef”」で開く必要があります。<br />
<br />
Undo回数を減らすと、長時間使っている間の増えるメモリを抑制することが出来ますが、固定値的なメモリ消費は変わりません。<br />
<h3>
設定ファイルはどこ?</h3>
windowsなら%appdata%\PureRef.iniです。<br />
Macは…わかりません。~\library\preferences\の中にあるファイルかと思ったのですが、どうも違うみたいです。<br />
<h3>
異なる設定で起動</h3>
コマンドラインオプションで「-s 設定ファイルのパス」と指定すると、その設定ファイルで起動します。<br />
パスはファイル名まで入れると、そのファイル名が使われます。<br />
<h3>
Purファイルが大きい</h3>
PureRefは画像は内部でPNGとして持ちます。<br />
なのでPurファイルに画像を埋め込む際にJPGもPNG形式で保存されます。そのため、JPGのように高圧縮ファイルを配置していても、サイズが大きくなる傾向があります。<br />
将来元の形式のまま保存する計画があるみたいですが、現時点では仕様みたいです。<br />
<h3>
Purファイルが壊れたら</h3>
コマンドラインオプション「----brute-force」を付けて起動すると、壊れた部分を無視して強制的に読み込みます。<br />
そこで一旦画像をExportしてPurファイルを作り直すのが良いでしょう。<br />
<h3>
Export時のファイル名</h3>
キャンバス内の画像を一気に書き出すことが出来ます。<br />
その際に、ファイル名規則を指定できます。<br />
連番とオリジナルファイル名を組み合わせることが出来るのですが、どうも%0と%1は両方使用しないと正しく動作しないみたいです。重複上書き防止なのでしょうね。(%1単独だと連番になってしまいます)<br />
<h3>
商用利用していいの?</h3>
金額0でダウンロードしても、現時点では商用利用しても構わないそうです。(<a href="https://www.pureref.com/forum/read.php?5,392" target="_blank">フォーラム</a>)<br />
ですが、継続的な開発のために支援して欲しいとのことなので、気に入ったら寄付を検討して上げて下さい。<br />
(将来的にはダウンロード販売をするプランはあるみたいです)<br />
<h3>
キーバインドにあるShortcut Contextって?</h3>
ショートカットを割り当てるときにある、Shortcut Contextというのは、そのショートカットが有効になる状況を指定するところです。<br />
ApplicationはPurerefがアクティブになっているときに有効になります。<br />
GlobalはPurerefがアクティブであるとなかろうと有効になります。<br />
windowは現在アクティブになっているPurerefウィンドウのみに有効になります。多重起動時用です。<br />
<h3>
オススメのショートカット設定</h3>
普段使いのペイントソフトとキャンバス操作のショートカットを合わせておくと、混乱が少なくて良い感じだと思います。<br />
例えばクリスタに合わせる場合は、Panを「Space+LMB」、Zoomに「Ctrl+Space+LMB」を追加で割り当てます。<br />
なおショートカットは右の方にある+をクリックすると割り当てを追加できます。<br />
<h1 id="最後に">
最後に</h1>
今回も、画像じゃなくてアナログな本の資料を見るとき便利な書見台で私が使っているのをペタリを貼っておきます。<br />
<br />
これ厚手の大判のものでもしっかり止まるので重宝しています。<br />
あと、同メーカーと思われるアームスタンド付きのものも見つけたので合わせて貼っておきます。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/actto-BST-02-%E3%83%96%E3%83%83%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%89-OEM%E5%93%81%E7%95%AA-EDH-004/dp/B00JJHAT5G/ref=as_li_ss_il?ie=UTF8&qid=1497324812&sr=8-1&keywords=%E6%9B%B8%E5%BE%A1%E5%8F%B0&linkCode=li2&tag=suigensoba-22&linkId=9aeeaa594bb77cd46d9ee30d853c889f" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00JJHAT5G&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">actto BST-02 ブックスタンド(OEM品番:EDH-004)<br />
<span style="font-size: 12.8px;">価格:</span><span style="font-size: 12.8px;">¥ 1,480</span> </td><td class="tr-caption"><br /></td><td class="tr-caption"></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/Readaeer-%E3%83%96%E3%83%83%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%89-%E7%AD%86%E8%A8%98%E5%8F%B0-%E6%9B%B8%E8%A6%8B%E5%8F%B0-6%E6%AE%B5%E9%9A%8E%E8%AA%BF%E6%95%B4/dp/B013S2V48I/ref=as_li_ss_il?ie=UTF8&qid=1497324812&sr=8-3&keywords=%E6%9B%B8%E5%BE%A1%E5%8F%B0&linkCode=li2&tag=suigensoba-22&linkId=4cfbb9fade67a638c8ad6c9db46b6a3d" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B013S2V48I&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Readaeer ブックスタンド 筆記台 書見台 本立て 6段階調整 竹製<br />
価格:¥ 1,480</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/%E3%83%A2%E3%83%AB%E3%83%95%E3%82%A9%E4%BA%BA%E4%BD%93%E3%83%87%E3%83%83%E3%82%B5%E3%83%B3-%E5%BD%A2%E6%85%8B%E5%AD%A6%E3%81%AB%E3%82%88%E3%82%8B%E4%BA%BA%E4%BD%93%E3%82%92%E6%8F%8F%E3%81%8F%E3%81%9F%E3%82%81%E3%81%AE%E6%96%B0%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-%E3%83%9F%E3%82%B7%E3%82%A7%E3%83%AB-%E3%83%AD%E3%83%BC%E3%83%AA%E3%82%BB%E3%83%A9/dp/4766129857/ref=as_li_ss_il?s=books&ie=UTF8&qid=1497325046&sr=1-1&keywords=%E3%83%A2%E3%83%AB%E3%83%95%E3%82%A9%E4%BA%BA%E4%BD%93%E3%83%87%E3%83%83%E3%82%B5%E3%83%B3&linkCode=li2&tag=suigensoba-22&linkId=2dc860cd9725c1c04eb4fcc4a8be55d0" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=4766129857&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">モルフォ人体デッサン 形態学による人体を描くための新テクニック<br />¥ 2,160</td></tr>
</tbody></table>
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B00JJHAT5G" style="border: none !important; margin: 0px !important;" width="1" />
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B013S2V48I" style="border: none !important; margin: 0px !important;" width="1" />
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=4766129857" style="border: none !important; margin: 0px !important;" width="1" />
スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-44705987898498348612017-05-07T19:12:00.001+09:002017-05-08T14:24:48.260+09:00多機能画像ビューアがクリスタのlip/Clip形式に対応していた話<h1 id="xnview-mp">
XnView MP</h1>
対応画像形式200種類という膨大な数の画像形式に対応していることで有名なXnView。<br />
ビューアだけでなく、編集、変換、管理と非常に幅広いタスクをカバーします。<br />
<br />
XnView MPは元々Windowsのみの対応だったものをマルチプラットフォームに対応するために作り直しているものです。MPはマルチプラットフォームの意味。マルチプロセッサ対応って意味じゃありません。<br />
<br />
Win/Mac両方で同じ機能を提供してくれるので私も愛用しています。<br />
<br />
<a name='more'></a><br />
<br />
<h1 id="lipclip形式対応">
Lip/clip形式対応</h1>
200種類に対応といっても、海外の開発者のソフトなので、Clip Studioのような日本で主に使われているソフトの形式は対応しないだろうなぁ、と思っていたら<a href="http://newsgroup.xnview.com/viewtopic.php?f=82&t=35497">0.86</a>でなんと対応していました。<br />
<blockquote class="tr_bq">
<span style="background-color: #f2f2f2; color: #333333; font-family: "lucida grande" , "trebuchet ms" , "verdana" , "helvetica" , "arial" , sans-serif; font-size: 13px;">Changelog 0.86:</span><br />
<a class="postlink" href="http://www.xnview.com/mantisbt/view.php?id=1192" style="background-color: #f2f2f2; border-bottom-color: rgb(93, 143, 189); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 1px; color: #5d8fbd; direction: ltr; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration-line: none; unicode-bidi: embed; vertical-align: baseline;">1192</a><span style="background-color: #f2f2f2; color: #333333; font-family: "lucida grande" , "trebuchet ms" , "verdana" , "helvetica" , "arial" , sans-serif; font-size: 13px;">: [New] Clip Studio support - </span><a class="postlink-local" href="http://newsgroup.xnview.com/viewtopic.php?t=28554" style="background-color: #f2f2f2; border: 0px; color: #105289; direction: ltr; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration-line: none; unicode-bidi: embed; vertical-align: baseline;">viewtopic.php?t=28554</a></blockquote>
フォーラムを見るとManga Studio(クリスタの海外版の名称)形式へのリクエストを出していた人がいたみたいですね。<br />
<h1 id="見られる画像見られない画像">
見られる画像/見られない画像</h1>
早速試してみましたが、見られる画像と見られない画像があります。<br />
どうやらlip/clipファイル内にサムネイル画像を埋め込まれていないと駄目みたいです。<br />
つまりエクスプローラでファイルアイコンがサムネイルになる画像のみ、ということですね。<br />
<br />
最近のバージョンではデフォルトで埋め込まれていますが、Ver.1.2.2以前のバージョンで作られたファイルはサムネイルが埋め込まれていません。<br />
<h1 id="サムネイルの作成方法">
サムネイルの作成方法</h1>
これは公式のFAQにも書いてありますが、1.22以降のクリスタで開いて、保存し直すとサムネイルが埋め込まれます。<br />
<br />
<h1 id="TIPS">
TIPS</h1>
<br />
<h3>
スクロールが速すぎる</h3>
<div>
<br /></div>
<div>
Mac等でタブレットに「スクロール/移動」を割り当てていると、スクロールが早すぎる場合があります。そんなときは「ツール>設定」を選んで「ブラウザ」内の下にある「サムネイルで内容をスクロール表示」をオフにします。</div>
<div>
<br /></div>
<h3>
サムネイルでメモリを食いすぎる</h3>
<div>
<br /></div>
<div>
大量にファイルが含まれているフォルダを開いた時メモリの消費が多すぎるときは、画面に表示されていないサムネイル画像までロードしている可能性があります。</div>
<div>
<br /></div>
<div>
「ツール>設定」を選んで「サムネイル」内にある「すべてのフォルダでサムネイルを作成」がオフにする。</div>
<div>
<br /></div>
<div>
オンになっていると表示されていない画面外、フォルダ全体のサムネイルを作成します。</div>
<div>
日本語版だとピンときませんが、英語版だと「create thumbnails for whole folder」ですので、「フォルダ全体のサムネイルを作成する」というニュアンスだと思います。</div>
<div>
<br /></div>
<div>
逆にメモリが大量に搭載していて、フォルダ内をサクサク表示したいという場合はオンにすると良いでしょう。</div>
<div>
<br /></div>
<h1 id="おまけ">
おまけ(Bridge風テーマ)</h1>
XnView MPはスキン機能があり、見た目を変えられます。<br />
UIの色についてはQtのcssを変更することで変えることが出来ます。<br />
個人的にはAdobe Brigdeの色合いが好きなので、同じテイストになるように修正したものを使っています。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhiOfvZa8vT746rzbk1l5bqtnQA3C13TKHE5m_GeEggUIO-JY71bUHh-qIHBddZO1iBsMZcDAw-TuFqzdHxRjLy5w6DB3ujSLsmVSPcYadUaFXf-gCeVgakrrN3wMu6FN6DmiK4ftrQU/s1600/2017-05-07_19h03_23.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhiOfvZa8vT746rzbk1l5bqtnQA3C13TKHE5m_GeEggUIO-JY71bUHh-qIHBddZO1iBsMZcDAw-TuFqzdHxRjLy5w6DB3ujSLsmVSPcYadUaFXf-gCeVgakrrN3wMu6FN6DmiK4ftrQU/s320/2017-05-07_19h03_23.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Adobe Brigde風カラーテーマ</td></tr>
</tbody></table>
<br />
ついでなので、ここに置いておきます。<br />
<br />
<a href="https://drive.google.com/open?id=1ZKzAmT7u4KRNzTgXR_VKgZ06KXW93kn2FBYx6UurWUk" target="_blank">ダウンロード</a><br />
<h2 id="適用方法">
テーマの適用方法</h2>
「表示>テーマ>暗いテーマ」を選びます。<br />
開いたダイアログの中身を、ダウンロードしたテキストの中のものと差し替えます。(つまり全選択の後にペースト)<br />
<br />
<br />
<br />
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4797386460&linkId=e1a7fdac07bde59af856520db0d50dbb" style="height: 240px; width: 120px;"></iframe>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=suigensoba-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4798611433&linkId=c46c4d4b4dcfceeb44a24535588b7430" style="height: 240px; width: 120px;"></iframe>スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-33044194061673096752017-05-05T23:32:00.001+09:002017-05-05T23:34:52.762+09:00シンプルラジアルメニューの話<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pCE0-1LKlMZfBsxc9PTsM9k2wX4zYw8oJ_fNY-BGHq6Pjr8BKNPRSt4a3FhiIR-2r6H-m4_tbZFje4kEABhaCLJErnxrKaUDQWBu13R1n4VN8W9pw92WUUsrgjwMOJLL6dXqFLBmikU/s1600/2017-03-28_00h40_26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pCE0-1LKlMZfBsxc9PTsM9k2wX4zYw8oJ_fNY-BGHq6Pjr8BKNPRSt4a3FhiIR-2r6H-m4_tbZFje4kEABhaCLJErnxrKaUDQWBu13R1n4VN8W9pw92WUUsrgjwMOJLL6dXqFLBmikU/s320/2017-03-28_00h40_26.jpg" width="320" /></a></div>
<br />
このブログではシンプルラジアルメニューというツールを公開しています。<br />
詳しい説明は公開の<a href="http://horizonglow2.blogspot.com/p/blog-page.html">ページ</a>に譲るとして、ざっくり言うとWACOMのドライバについている「ラジアルメニュー」を再現して普通のキーボードやマウスから呼び出す+αしようとした「お絵描きソフト操作支援ツール」です。<br />
<br />
<a name='more'></a><br />
<br />
<h1 id="呼び出しキー">
呼び出しキー</h1>
このツールを作ったのはWin7時代、4年ほど前のものです。タッチパネルのタブレットPCなんてまだほとんどお目に掛からない時代です。(ASUSのEP121くらい?)<br />
<br />
後にVAIOがペン入力対応の変形PCを出したり、SurfaceProが発売されましたが、基本的にはテーブルに置いてキーボードが手元にあったり、サイドスイッチがあるペンが主流でした。要するに13HDの代用的な感じです。<br />
<br />
つまり、普通に板タブとキーボードが繋がっているデスクトップPCかノートPCを想定して作っていました。<br />
<h1 id="raytrektab">
raytrektab</h1>
ところが、最近になりまして、raytrektab DG-D08IWPのように「手で抱えて書く」ことが出来るタブPCも出てきました。<br />
そして、ratyrektabのペンにはサイドスイッチないとか。存在する物理スイッチはWinボタンと音量スイッチくらい。<br />
<br />
Winキー(ボタン)を呼び出しキーにすることは出来ます。callkey=lWinとすれば長押し時に呼び出せます。<br />
でも縦持ちのときは押しにくそうです。<br />
<br />
小型タブレットユーザーの方向けに常時画面に呼び出しボタンを設置出来るようにする、とかした方が良いのかな、とかちょっと考えています。<br />
<br />スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.comtag:blogger.com,1999:blog-695690589435237812.post-11306201920358401492017-04-28T12:45:00.003+09:002017-05-01T10:21:53.898+09:001万前後のプロジェクターでアニメを見る話去年引っ越したときに家具を買い換えました。地震でほとんど駄目になってしまったんですね。<br />
そのときはまだまだ余震で揺れていたので、寝室の教訓から「腰より高い家具は置かない」と決めていました。クローゼットとか蓋が出来る場所に納めてしまえ、溢れるものは処分、という方針です。<br />
<br />
その結果、というか新居は壁に覆う物がないガランとした部屋になりました。<br />
そこでふと「真っ白な壁があるならプロジェクター投影できるんじゃ?」と思い立って、試しに安いプロジェクターを買いました。<br />
これはそのお話です。<br />
<br />
<a name='more'></a><br />
<br />
<h1 id="謎の激安プロジェクター群">
謎の激安プロジェクター群</h1>
アマゾンでプロジェクターを検索すると1万ほどのものが大量にヒットします。<br />
形こそ微妙に違いますが、スペックは大体同じです。<br />
<ul>
<li>1920x1080対応!(ただし画素は800x480)</li>
<li>HDMI,D-SUB,USB,SDカード,AV入力対応!</li>
<li>たまにcast機器対応!</li>
<li>明るさ1200~1600ルーメン! 台形補正付き!</li>
</ul>
とまあ、こんな感じです。<br />
<br />
<h3>
解像度</h3>
<br />
1920x1080対応というのは、PCなどの接続先に申告する解像度です。なのでこの解像度の映像が出るわけではありません。実際は画素分なので800x480しかでないです。なのでエクスプローラーなどの細かい文字とかは潰れてしまいます。<br />
<br />
<h3>
接続端子</h3>
接続機器関係はそのままですね。ただ中にはアンテナ入力付きもありますが、日本の企画では内ので使えません。<br />
<br />
WiFi機能を持ってAirPlayなどCAST系の機能を持っている物があります。ただこれは純正のAppleTVのAirplayと違ってなんでも投影出来るわけじゃないと思います。<br />
著作権保護が入っているコンテンツは投影出来ない、ようするにLonlyScreenで出来るのと同じ程度だろうと思います。<br />
<br />
<h3>
明るさ</h3>
最後の明るさ。これが曲者です。<br />
数字だけを見るとエプソンやBENQなどのエントリー機と並びます。<br />
ただこれはどうやら測定方法が有名メーカーのANSIルーメンは違う物らしく、実際だとかなり低い数字です。ANSIルーメンは投影面の明るさを計るのですが、これは多分ランプの明るさを計っているんじゃないかなぁと思います。そりゃ明るいはずです。<br />
<br />
<h3>
補正機能</h3>
台形補正は高級機は映像を歪ませるのですが、これは単にレンズを傾けているだけです。<br />
なので上下で焦点距離が変わってしまうため上下がぼやけます。<br />
<br />
以上を踏まえまして、まあ安いしこんな物だろう、ということで買ってみました。<br />
<h1 id="買った機種">
買った機種</h1>
買ったのは、LionWell ミニ プロジェクター 1600ルーメンです。<br />
大きさは、大ぶりの辞典くらいでしょうか。会社などで使われているプロジェクターよりはずっと小さいと思います。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/LionWell-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%82%BF%E3%83%BC-1600%E3%83%AB%E3%83%BC%E3%83%A1%E3%83%B3-PC-%E3%82%B9%E3%83%9E%E3%83%9B-%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88-USB-SD%E5%AF%BE%E5%BF%9C-1080P/dp/B01CJ4U90K/ref=as_li_ss_il?ie=UTF8&qid=1493344735&sr=8-1&keywords=lionwell+%E3%83%9F%E3%83%8B+%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%82%BF%E3%83%BC&linkCode=li2&tag=suigensoba-22&linkId=9b47ed9b8c8bd663594a1adf7456628b" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01CJ4U90K&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">LionWell ミニ プロジェクター 1600ルーメン 日本語取説 パソコン・スマホ・タブレット・USB・SD対応 1080P</td></tr>
</tbody></table>
<div style="text-align: center;">
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01CJ4U90K" style="border: none !important; margin: 0px !important;" width="1" />
</div>
底にカメラ用のねじ込みがあるので、カメラ用の三脚が使えます。<br />
スピーカーは付いていますが、無いよりマシ程度なので他になにか繋ぐことをオススメします。<br />
イヤホン端子はかなり高音寄りの音がします。これも出来れば他から音を取ることをお勧めします。これは後述します。<br />
<br />
で投影しているのがこんな感じです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKEET917nnvTopYL1aiZrjgRP4q9pau2IlzH_f6RemdBJyDT0amWOD7GRXpEvNMHqtkTpd-JuWPPahl_MaR0u9NpMpYiP9nlW4MHQP1hiNf32vnNvjhjUidosdjoyx8vQNV5-HCCFvus/s1600/2016-07-21+1+14+22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKEET917nnvTopYL1aiZrjgRP4q9pau2IlzH_f6RemdBJyDT0amWOD7GRXpEvNMHqtkTpd-JuWPPahl_MaR0u9NpMpYiP9nlW4MHQP1hiNf32vnNvjhjUidosdjoyx8vQNV5-HCCFvus/s320/2016-07-21+1+14+22.jpg" width="320" /></a></div>
<br />
<br />
投影サイズは16:9で80インチくらいです。<br />
普段使わないスタンド型一脚を使って固定して壁に映しています。スタンド型一脚というのはこんなのです。<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/dp/B0143WIH0K/ref=as_li_ss_il?ie=UTF8&linkCode=li2&tag=suigensoba-22&linkId=e906dda13500f2bd03ede36677a4e7c0" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B0143WIH0K&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Velbon スタンド型一脚 レバー式 Pole Pod EX 4段/2段 小型 3Way雲台付 クイックシュー対応 アルミ製</td></tr>
</tbody></table>
<div style="text-align: center;">
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B0143WIH0K" style="border: none !important; margin: 0px !important;" width="1" /> </div>
スタンド型一脚は三脚と違って場所を取らないので、保育園のお楽しみ会とかあまり広くないところで、大仰に場所を取らず人様にあまり迷惑をかけずに使いたいときに便利です。<br />
ただ安定性は三脚にはかなり負けますので、重たいものや無理は禁物です。<br />
自分が使っているのは数年前に量販店で3000円くらいで買ったものです。本体にメーカー名が書いてないので、詳しくは分からず。でもリンクの物よりずっと細くて頼りない感じのものです。<br />
<br />
スクリーンは今のところ無しです。<br />
スクリーンについてはニトリの白い遮光カーテンが有名ですが、どうせ買うならちゃんとしたのも検討してみる価値があるかも知れません。<br />
<h1 id="雑感とコツ">
雑感とコツ</h1>
映像と明るさですが、真っ暗にして使う分にはそれなりに見えます。<br />
部屋は遮光カーテン+シャッターが付いているので昼間でも真っ暗になるというのもありますが。<br />
<br />
解像度はちょっと低いですが、アニメとかを見る分には困りません。解像度感の目安は大体DVD位です。<br />
色味はデフォルトだとちょっと青いです。一応、本体で調節出来ます。<br />
好き好きあるかも知れませんが、個人的にはPCやMacやiPhoneに付いている「夜間モード(night shiftモード)」を軽く入れてちょうど良いくらいです。まあこのあたりは値段が値段なのであまり細かくは考えていません。<br />
<br />
動作音ですが冷却用のファンの音が結構します。ただ自分より後ろに置いているならまあ及第点かな、程度です。ヘッドホンをするならほとんど聞こえません。<br />
自分の顔の横に置いてるなら、ヘッドホンをしていても聞こえるかな。<br />
<h3>
解像度のコツ</h3>
解像度的には1920x1080を受け付けますが内部でスケーリングされます。<br />
そのスケーリング性能はあんまり良くないようなので、出来るならば出力機器側で調節したほうが良いと思います。<br />
例えばWindows機ならばスケーリングを上げるか物理解像度を一致させる。Macの場合はDisplayMenuを使って近い解像度にする、などですね。<br />
<br />
<h3>
補正のコツ</h3>
<br />
台形補正は極量使わないようにするのがコツです。ピントがぼけます。<br />
平たいところに置くのであれば調節用のネジが付いているのでそれで出来るだけ水平にすることです。カメラ台があるなら雲台で水平にします。<br />
<br />
<h3>
USB給電</h3>
chromecastやFireTV stckを繋いで使ってみましたが特に問題ありません。<br />
プロジェクターに付いているUSB端子から給電しても動作しました。<br />
<h1 id="音">
音</h1>
スピーカーやヘッドホン出力はほんとおまけです。<br />
PCとHDMIを繋ぐとプロジェクターがサウンドデバイスとして認識されますが、スカスカした音が出るため、せっかくの大画面でも台無し感満載です。<br />
出来れば本体から音を取った方が良いです。<br />
<br />
<br />
ただChromecastやfireTV Stickなど音声出力端子が無いものがあります。<br />
この場合は、AVアンプを使うかHDMI音声分離機を使うしかありません。<br />
<div style="text-align: center;">
<a href="https://www.amazon.co.jp/proster-HDMI%E3%81%8B%E3%82%89%E9%9F%B3%E5%A3%B0%E4%BF%A1%E5%8F%B7%E5%88%86%E9%9B%A2-SPDIF-1080%EF%BD%90%E5%AF%BE%E5%BF%9C-18%E3%83%B6%E6%9C%88%E4%BF%9D%E8%A8%BC/dp/B01GRQO3F8/ref=as_li_ss_il?ie=UTF8&qid=1493349007&sr=8-1&keywords=hdmi+%E9%9F%B3%E5%A3%B0%E5%88%86%E9%9B%A2&linkCode=li2&tag=suigensoba-22&linkId=c800c4488e18dae7ba39ee5364b4104f" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B01GRQO3F8&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B01GRQO3F8" style="border: none !important; margin: 0px !important;" width="1" />
</div>
そこまでしたくない、という場合は割と低音が出るスピーカーかヘッドホンを使うとちょうどバランスが取れるかなぁと思います。(ただしご近所さんには気を遣われますよう)<br />
<br />
仮にヘッドホン端子からJBL Pebblesを繋ぎましたが、ちょっと音が軽かったです。(でもまあ聞けないことは無い)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.amazon.co.jp/JBL-Pebbles-%E3%83%90%E3%82%B9%E3%83%91%E3%83%AF%E3%83%BC%E3%83%89%E3%82%B9%E3%83%94%E3%83%BC%E3%82%AB%E3%83%BC-JBLPEBBLESBLKJN-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E5%93%81/dp/B00EOKZ7GY/ref=as_li_ss_il?ie=UTF8&qid=1493351702&sr=8-1&keywords=jbl+pebbles&linkCode=li1&tag=suigensoba-22&linkId=eb752f36b46a69417f96562fc6236c7f" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" src="https://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00EOKZ7GY&Format=_SL110_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;">JBL Pebbles バスパワードスピーカー</td></tr>
</tbody></table>
<div style="text-align: center;">
<img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li1&o=9&a=B00EOKZ7GY" style="border: none !important; margin: 0px !important;" width="1" /> </div>
JBL PebblesはUSB給電なのですが、これについては本体のUSB給電では追いつかないのかちょっと不安定になります。別途用意した方が良いです。<br />
<h1 id="耐久性">
耐久性</h1>
とりあえず8ヶ月近く使ってますが今のところは元気です。<br />
ただ念のために使わないときは、こんなのを使ってタップの方から根元から通電を切っています。<br />
<div style="text-align: center;">
<a href="https://www.amazon.co.jp/%E3%83%91%E3%83%8A%E3%82%BD%E3%83%8B%E3%83%83%E3%82%AF-Panasonic-%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81%E4%BB%98%E3%82%BF%E3%83%83%E3%83%97-W-1%E3%82%B3%E5%8F%A3-WHS2001WP-%E7%B4%94%E6%AD%A3%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E5%93%81/dp/B0040A2YBY/ref=as_li_ss_il?ie=UTF8&qid=1493346186&sr=8-1&keywords=%E9%9B%BB%E6%BA%90+%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81%E4%BB%98%E3%81%8D&linkCode=li2&tag=suigensoba-22&linkId=13c4fcaa344d3dc319938efb6853a85b" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B0040A2YBY&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suigensoba-22" /></a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=suigensoba-22&l=li2&o=9&a=B0040A2YBY" style="border: none !important; margin: 0px !important;" width="1" />
</div>
<h1 id="ざっくりまとめ">
なんでアニメ?</h1>
<div>
理由は簡単で、画質的に実写映画を見るには暗いところの表現力が足りないためです。暗いシーンだとちょっと辛い。あと解像度のせいで字幕が潰れますし。</div>
<div>
<br /></div>
<div>
一方、アニメの場合は、暗いシーンであっても「暗く見えるようにそれなり明る色で描かれる(又はカラコレされる)」ことが多いため、苦にならないためです。</div>
<div>
字幕も、国内アニメを見る限りでは問題無いはずです。</div>
<div>
<br /></div>
<h1 id="ざっくりまとめ">
ざっくりまとめ</h1>
今はこのプロジェクターには一線を退いた古いMac miniを繋いで、Dアニメを鑑賞機として活躍しています。<br />
<br />
壁が空いてないという人は、天井が白ければ天井に投影するという手もあります。<br />
ホームシアターごっこをしたい、けどそこまでお金をかけたくないし、部屋も広くない、という人は1万前後の出費でちょっとした映画館気分が味わえる機械だと思います。<br />
<br />
環境的にいけそうで、もっと高画質を求めるなら本体を有名メーカーの良いものにステップアップする手もあります。<br />
興味はあるけれど、という人が一歩目を踏み出すにはちょうど良いおもちゃかと思います。スイゲンソバhttp://www.blogger.com/profile/09838707728617552133noreply@blogger.com