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

<channel>
	<title>CG | CGたてはま</title>
	<atom:link href="https://cgbeginner.net/category/cg/feed/" rel="self" type="application/rss+xml" />
	<link>https://cgbeginner.net</link>
	<description>個人CGクリエイターの雑記帳</description>
	<lastBuildDate>Fri, 16 Jan 2026 05:55:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://cgbeginner.net/wp-content/uploads/2016/09/cropped-favicon_512-32x32.png</url>
	<title>CG | CGたてはま</title>
	<link>https://cgbeginner.net</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">152190934</site>	<item>
		<title>最強のOpenEXRビューア「cineSync Play」でBlender AgXを正確に表示する</title>
		<link>https://cgbeginner.net/openexr-viewer/</link>
					<comments>https://cgbeginner.net/openexr-viewer/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Wed, 12 Feb 2025 11:55:47 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=2382</guid>

					<description><![CDATA[3DCGの世界でよく使われる画像フォーマットの「OpenEXR」。32bit depthやマルチレイヤ―などに対応しており、3DCGレンダリング素材として最高の親和性を持っているフォーマットです。 ですが、それらを表示・ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>3DCGの世界でよく使われる画像フォーマットの「OpenEXR」。32bit depthやマルチレイヤ―などに対応しており、3DCGレンダリング素材として最高の親和性を持っているフォーマットです。</p>



<p>ですが、それらを表示・再生するのは一苦労で、jpgファイルのように気軽に開くことができません。</p>



<p>とても便利なビューアーソフトを見つけたのでメモ。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">cineSync Play</a><ol><li><a href="#toc2" tabindex="0">cineSync Playの設定</a></li></ol></li><li><a href="#toc3" tabindex="0">Blender AgXカラーマネジメントの再現</a><ol><li><a href="#toc4" tabindex="0">Filmic Blender とは</a></li><li><a href="#toc5" tabindex="0">Blender AgX とは</a></li><li><a href="#toc6" tabindex="0">cineSync PlayとBlenderのルックを一致させる</a></li><li><a href="#toc7" tabindex="0">完成</a></li></ol></li><li><a href="#toc8" tabindex="0">余談：DJVというEXRビューア</a><ol><ol><li><a href="#toc9" tabindex="0">さらなる余談</a></li></ol></li></ol></li><li><a href="#toc10" tabindex="0">参考サイト</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">cineSync Play</span></h2>



<p>cineSyncは、ハリウッドスタジオで使用されている、画像/映像のチームレビューに使うソフトのよう。公式サイトはこちら↓</p>




<a rel="noopener" href="https://www.backlight.co/product/cinesync" title="Cinesync: Real-time media review and approval" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.backlight.co%2Fproduct%2Fcinesync?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cinesync: Real-time media review and approval</div><div class="blogcard-snippet external-blogcard-snippet">Cinesync is the Academy Award-winning platform that enables high-resolution playback and interactive collaboration, rega...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.backlight.co/product/cinesync" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.backlight.co</div></div></div></div></a>



<p>画像に線とか書き込めるので、制作した映像とかをチーム内でレビューするのを円滑にする系のプロダクトなんだと思います。これは有料の製品ですが、そのプレーヤー部分だけを切り出したものが無料ソフトとして配布されており、「cineSync Play」と呼ばれているようです。</p>



<p>下記がダウンロードリンクです。</p>




<a rel="noopener" href="https://www.backlight.co/product/cinesync/download" title="Download Cinesync for Mac, Windows, and Linux" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.backlight.co%2Fproduct%2Fcinesync%2Fdownload?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Download Cinesync for Mac, Windows, and Linux</div><div class="blogcard-snippet external-blogcard-snippet">Get ready to elevate your media review experience. cineSync is free to download and install as a local player.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.backlight.co/product/cinesync/download" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.backlight.co</div></div></div></div></a>



<p>MacOS(Apple Silicon), MacOS(Intel), Windows, Linux版がある様子。Windows版は、インストーラ版と、zip版がありました。私はWindows zip版をチョイス。一応、この記事執筆時の最新版の直リンクを張っておきます。</p>



<p><a href="https://download.ftrack.com/cineSyncPlay/cineSyncPlay_macOS_Apple_Silicon_5.4.6.dmg">Download cineSync Play 5.4.6 for macOS Silicon</a></p>



<p><a rel="noopener" href="https://download.ftrack.com/cineSyncPlay/cineSyncPlay_macOS_Intel_5.4.6.dmg" target="_blank">Download cineSync Play 5.4.6 for macOS Intel</a></p>



<p><a rel="noopener" href="https://download.ftrack.com/cineSyncPlay/cineSyncPlay_WinSetup_5.4.6.exe" target="_blank">Download cineSync Play 5.4.6 for Windows</a></p>



<p><a rel="noopener" href="https://download.ftrack.com/cineSyncPlay/cineSyncPlay_WinNoInstaller_5.4.6.zip" target="_blank">Download cineSync Play 5.4.6 Windows (install-free)</a></p>



<p><a rel="noopener" href="https://download.ftrack.com/cineSyncPlay/cineSyncPlay_Linux64_5.4.6.tar.gz" target="_blank">Download cineSync Play 5.4.6 for Linux</a></p>



<h3 class="wp-block-heading"><span id="toc2">cineSync Playの設定</span></h3>



<p>cineSyncPlay.exeを起動したらそのまま使えます。言語はEnglishのほかに日本語も選べました。ちょっと翻訳怪しいのでEnglishのまま使います。</p>



<p>使い方は簡単、exrファイルをそのままドラッグ＆ドロップするだけです。連番ファイルは勝手にアニメーションとして認識してくれます。再生も軽快です。もう何も説明するところがない（汗）</p>



<h2 class="wp-block-heading"><span id="toc3">Blender AgXカラーマネジメントの再現</span></h2>



<p>cineSync Playは、LUTファイルやOpenColor IO（ocio）によるカラーマネジメントにも対応していますので、3Dソフトのルックを完全に再現できます。</p>



<p>なので今回は、Blenderのカラーマネジメント「AgX（旧Filmic）」のルックを完全再現する方法をメモ。</p>



<h3 class="wp-block-heading"><span id="toc4">Filmic Blender とは</span></h3>



<p>Blenderには独自のカラーマネジメントシステムが搭載されていて、Blender2.8ごろから、「Filmic」と呼ばれる、フィルムライクでリアルなview transformが設定できるようになっています。3Dソフト内部では、光の情報は32bit空間のリニアな情報として表現、計算がされていますが、view transformによって、それをディスプレイに表示するときちゃんと写真っぽい見た目になるように変換処理がなされます。リアルなview transform設定が、filmicということです（雑説明）。</p>



<p>Filmic Blenderに関する説明は下記の動画がわかりやすいです。ただ、これは2.7時代の説明で、操作手順はかなり古い情報ですので参考にしないでください。今ではもう標準搭載されてますし、後述しますがFilmicの進化版のAgXがBlender4.0から採用されています。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/m9AT7H4GGrA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>




<a rel="noopener" href="https://github.com/sobotka/filmic-blender" title="GitHub - sobotka/filmic-blender: Film Emulsion-Like Camera Rendering Transforms for Blender" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fgithub.com%2Fsobotka%2Ffilmic-blender?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - sobotka/filmic-blender: Film Emulsion-Like Camera Rendering Transforms for Blender</div><div class="blogcard-snippet external-blogcard-snippet">Film Emulsion-Like Camera Rendering Transforms for Blender - sobotka/filmic-blender</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/sobotka/filmic-blender" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc5">Blender AgX とは</span></h3>



<p>前述のとおり、Filmicは改良が加えられ、「AgX」と呼ばれるようになりました。Blender4.0から標準搭載され、デフォルト設定になっています。</p>



<p>AgXについては下記を参照。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/mbLJc4zYQhQ?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>




<a rel="noopener" href="https://github.com/EaryChow/AgX" title="GitHub - EaryChow/AgX: Eary&#039;s Version of AgX" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/27a5eee40fa78f3b72e4d6055715acbf.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - EaryChow/AgX: Eary's Version of AgX</div><div class="blogcard-snippet external-blogcard-snippet">Eary&#039;s Version of AgX. Contribute to EaryChow/AgX development by creating an account on GitHub.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/EaryChow/AgX" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<p>AgXをDavinci Resolveで扱いやすくするLUTが配布されています。</p>




<a rel="noopener" href="https://cinematiccookie.gumroad.com/l/jsozlf" title="Free Blender AgX Color Space LUTs" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/3e44b5b66c25e48ffac654f2ca9b2954.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Free Blender AgX Color Space LUTs</div><div class="blogcard-snippet external-blogcard-snippet">These LUTs convert the new AgX color Management renders to rec709.Find out why and how to use AgX in this Video here:</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://cinematiccookie.gumroad.com/l/jsozlf" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">cinematiccookie.gumroad.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc6">cineSync PlayとBlenderのルックを一致させる</span></h3>



<p>Blenderのカラーマネジメントは、ocio（Open ColorIO）で内部的に管理されています。</p>



<p>ということでcineSync Playを開き、お好きなレンダリング済みEXRファイルを開いておきます。</p>



<p>そして「Tools→Colour Grading」をクリック。<br>「LUT&#8217;s」パネル内の「OCIO」の「Select」から、Blenderフォルダ内の下記ファイルを選択します。「blender-4.3.2-windows-x64/4.3/datafiles/colormanagement/config.ocio」</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="894" height="1024" src="https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_1-894x1024.png" alt="" class="wp-image-2385" srcset="https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_1-894x1024.png 894w, https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_1-262x300.png 262w, https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_1-768x880.png 768w, https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_1.png 1002w" sizes="(max-width: 894px) 100vw, 894px" /></figure>



<p>引き続き「OCIO」パネル中で<br>・Input Colour Space ＝ Linear Rec.709<br>・Look = None （Blenderで設定しているのに合わせる）<br>・Output Colour Space = AgX （Blenderで設定しているのに合わせる）<br>・Display = sRGB<br>と設定します。</p>



<p>これで、カラーはBlenderビューポート内と一致したと思います。</p>



<p>次に、bit depthの設定です。たぶん、今の状態だと白飛び/黒つぶれしているような画になっているかと思います。</p>



<p>「Edit→Preferences」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="742" src="https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_2.png" alt="" class="wp-image-2386" srcset="https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_2.png 700w, https://cgbeginner.net/wp-content/uploads/2025/02/cinesyncplay_2-283x300.png 283w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>「Playback and Graphics」タブ内の、「Playback and Graphics」パネル内の、「Colour buffer precision」を「32-bit floating point」に設定。別に、「16-bit floating point」でもよいです。Blenderのレンダリング保存設定でどっちを選択してるかによります。とにかく8-bitはやめましょう。</p>



<h3 class="wp-block-heading"><span id="toc7">完成</span></h3>



<p>これで、Blenderビューポート内のレンダリング画像と、cineSync Play内のビューが一致したと思います！</p>



<h2 class="wp-block-heading"><span id="toc8">余談：DJVというEXRビューア</span></h2>



<p>もともと、EXRビューアとして「DJV」というものを使っていました。</p>




<a rel="noopener" href="https://darbyjohnston.github.io/DJV/" title="Site not found &middot; GitHub Pages" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdarbyjohnston.github.io%2FDJV%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Site not found &middot; GitHub Pages</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://darbyjohnston.github.io/DJV/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">darbyjohnston.github.io</div></div></div></div></a>



<p>これも高機能で軽量でよかったんですが、更新が2020年の2.0.8から進んでいないのと、ocioのサポートが、バージョン1までなので、最新のBlenderのocioを読めません。ということで、cineSync Playに乗り換えたのでした。</p>



<p>DJVについての参考記事はこちら</p>




<a rel="noopener" href="https://3dnchu.com/archives/djv-2-0-8" title="DJV 2.0.8 - 連番画像やOpenEXR(EXR)などの形式も表示可能！CG・VFX・映像関係者向け無料・オープンソースのイメージビューアー！Win&amp;Mac＆Linux" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/b49dc2b2d610a2a11a70d2d5e6ef7fcd.gif" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">DJV 2.0.8 - 連番画像やOpenEXR(EXR)などの形式も表示可能！CG・VFX・映像関係者向け無料・オープンソースのイメージビューアー！Win&Mac＆Linux</div><div class="blogcard-snippet external-blogcard-snippet">Darby Johnston氏によるCG・VFX・映像業界が扱う連番画像やOpenEXRなどのフォーマットを閲覧するのに特化したビューアーツール「DJV 2.0.8」！WindowsやMacOS、そしてLinuxに対応し無料＆オープンソース...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://3dnchu.com/archives/djv-2-0-8/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">3dnchu.com</div></div></div></div></a>



<figure class="wp-block-embed is-type-rich is-provider-hatena-blog wp-block-embed-hatena-blog"><div class="wp-block-embed__wrapper">
<iframe title="djvでOpenColorIO - すあまの備忘録" src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgodofsuama.hatenablog.com%2Fentry%2F2020%2F07%2F02%2F100000" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
</div></figure>



<p>DJVでBlenderのルックを再現する設定が詳しく解説されています。ただし、最新のBlenderではうまくいきません。</p>




<a rel="noopener" href="https://vook.vc/n/6779" title="気軽なOpenEXRワークフロー！　DaVinci Resolve、After Effectsとの連携｜Blenderライフハック Vol.9" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/b4fd387f331b30be56ad6221c62532cf.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">気軽なOpenEXRワークフロー！　DaVinci Resolve、After Effectsとの連携｜Blenderライフハック Vol.9</div><div class="blogcard-snippet external-blogcard-snippet">CGアーティストのTaka Tachibanaです。 Blenderのあらゆる効率化TIPSをお届けしている【Blenderライフハック】。第9回目となる今回は、「気軽なOpenEXRワークフロ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://vook.vc/n/6779" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">vook.vc</div></div></div></div></a>



<h4 class="wp-block-heading"><span id="toc9">さらなる余談</span></h4>



<p>DJVは更新に難航している様子…OCIOv2のサポートもだいぶ先になりそうな感じなのが、下記GitHubページから読み取れます。</p>




<a rel="noopener" href="https://github.com/darbyjohnston/DJV/pull/468" title="Trying out OCIO v2 by miabrahams ﾂｷ Pull Request #468 ﾂｷ grizzlypeak3d/DJV" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/9d19d86108febc5db12d13f84e48cb1d.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Trying out OCIO v2 by miabrahams ﾂｷ Pull Request #468 ﾂｷ grizzlypeak3d/DJV</div><div class="blogcard-snippet external-blogcard-snippet">Hello! I was curious to see whether DJV could be upgraded to OCIO v2. I was able to successfully get it to build on my m...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/grizzlypeak3d/DJV/pull/468" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<p>tlRenderというものを一から作っている様子。よくわかってませんが…</p>




<a rel="noopener" href="https://github.com/darbyjohnston/tlRender" title="GitHub - grizzlypeak3d/tlRender: tlRender is an open source library for building playback and review applications for visual effects, film, and animation." class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/17f21842ff43a513bf9a978f34eda0bc.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - grizzlypeak3d/tlRender: tlRender is an open source library for building playback and review applications for visual effects, film, and animation.</div><div class="blogcard-snippet external-blogcard-snippet">tlRender is an open source library for building playback and review applications for visual effects, film, and animation...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/grizzlypeak3d/tlRender" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc10">参考サイト</span></h2>



<p>海外ニキたちが、私と同じ問題にぶつかって解決している記事です。ちょっと足らない記載とかあったので、私がこの記事を書いた、という裏事情があります。</p>




<a rel="noopener" href="https://www.reddit.com/r/blender/comments/18s48po/agx_in_davinci_resolve" title="https://www.reddit.com/r/blender/comments/18s48po/agx_in_davinci_resolve" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.reddit.com%2Fr%2Fblender%2Fcomments%2F18s48po%2Fagx_in_davinci_resolve?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://www.reddit.com/r/blender/comments/18s48po/agx_in_davinci_resolve</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.reddit.com/r/blender/comments/18s48po/agx_in_davinci_resolve" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.reddit.com</div></div></div></div></a>




<a rel="noopener" href="https://www.reddit.com/r/blender/comments/1di8h61/blender_41_ocio_for_djv_github_agx_too_dark" title="https://www.reddit.com/r/blender/comments/1di8h61/blender_41_ocio_for_djv_github_agx_too_dark" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.reddit.com%2Fr%2Fblender%2Fcomments%2F1di8h61%2Fblender_41_ocio_for_djv_github_agx_too_dark?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://www.reddit.com/r/blender/comments/1di8h61/blender_41_ocio_for_djv_github_agx_too_dark</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.reddit.com/r/blender/comments/1di8h61/blender_41_ocio_for_djv_github_agx_too_dark" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.reddit.com</div></div></div></div></a>




<a rel="noopener" href="https://www.reddit.com/r/vfx/comments/1g2thqz/any_cinesync_play_users_here_color_banding_issue" title="https://www.reddit.com/r/vfx/comments/1g2thqz/any_cinesync_play_users_here_color_banding_issue" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.reddit.com%2Fr%2Fvfx%2Fcomments%2F1g2thqz%2Fany_cinesync_play_users_here_color_banding_issue?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://www.reddit.com/r/vfx/comments/1g2thqz/any_cinesync_play_users_here_color_banding_issue</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.reddit.com/r/vfx/comments/1g2thqz/any_cinesync_play_users_here_color_banding_issue" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.reddit.com</div></div></div></div></a>



<p>下記の1:31:08あたりから、cineSync Playの紹介があります。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Mograph and Lighting stream in Blender" width="1456" height="819" src="https://www.youtube.com/embed/h9WKsqDKj90?start=5468&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>下記はEXRワークフローで参考になる動画。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/-UjJqwwMJc8?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/openexr-viewer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2382</post-id>	</item>
		<item>
		<title>Windows11初期設定</title>
		<link>https://cgbeginner.net/windows11-setup/</link>
					<comments>https://cgbeginner.net/windows11-setup/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Mon, 16 Sep 2024 07:58:57 +0000</pubDate>
				<category><![CDATA[CG]]></category>
		<category><![CDATA[コンピュータ]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=2235</guid>

					<description><![CDATA[完全に自分用メモです。Windows11 をインストールした後の初期設定でやることを書いています。私は結構とがった環境ですが、参考になる人がいれば。 目次 Windows11 isoファイル必須プログラム初期セットアップ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>完全に自分用メモです。Windows11 をインストールした後の初期設定でやることを書いています。私は結構とがった環境ですが、参考になる人がいれば。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Windows11 isoファイル</a></li><li><a href="#toc2" tabindex="0">必須プログラム</a></li><li><a href="#toc3" tabindex="0">初期セットアップ時にMicrosoftアカウントではなくローカルアカウントでセットアップする方法</a><ol><li><a href="#toc4" tabindex="0">Windows11 Pro版の場合</a></li><li><a href="#toc5" tabindex="0">Windows11 Home版の場合</a></li></ol></li><li><a href="#toc6" tabindex="0">リモートデスクトップ系</a><ol><li><a href="#toc7" tabindex="0">空パスワードユーザーのリモートデスクトップを許可する</a></li><li><a href="#toc8" tabindex="0">USBリダイレクトの許可（Proバージョンのみ）</a></li><li><a href="#toc9" tabindex="0">余談 Homeエディションでグループポリシーエディターを使えるようにする</a></li></ol></li><li><a href="#toc10" tabindex="0">ネットワーク系</a><ol><li><a href="#toc11" tabindex="0">ネットワークドライブ設定</a></li><li><a href="#toc12" tabindex="0">セキュリティ設定変更</a></li><li><a href="#toc13" tabindex="0">ゾーン識別子の設定変更</a></li></ol></li><li><a href="#toc14" tabindex="0">右クリックメニューを前仕様に戻す</a></li><li><a href="#toc15" tabindex="0">PowerShellスクリプトを実行できるようにする</a></li><li><a href="#toc16" tabindex="0">その他設定</a></li><li><a href="#toc17" tabindex="0">Adobe系</a><ol><li><a href="#toc18" tabindex="0">Prores RAW</a></li></ol></li><li><a href="#toc19" tabindex="0">その他ソフト類</a><ol><li><a href="#toc20" tabindex="0">7-Zip</a></li><li><a href="#toc21" tabindex="0">Subtitle Edit</a></li><li><a href="#toc22" tabindex="0">HWiNFO</a></li><li><a href="#toc23" tabindex="0">ffmpeg</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Windows11 isoファイル</span></h2>



<p>後々紹介する、ローカルアカウントセットアップが効く世代の24H2のisoファイルを、internet archiveから落とします。</p>




<a rel="noopener" href="https://archive.org/details/win11-x64-jp-24h2" title="Windows11 24H2 Japanese : Microsoft : Free Download, Borrow, and Streaming : Internet Archive" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/54148f65a623090af99c791327742b69.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Windows11 24H2 Japanese : Microsoft : Free Download, Borrow, and Streaming : Internet Archive</div><div class="blogcard-snippet external-blogcard-snippet">oobe/bypassnroコマンドが使える24H2のisoです。公式からダウンロードしたものをそのまま上げています。なぜMSはローカル...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://archive.org/details/win11-x64-jp-24h2" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">archive.org</div></div></div></div></a>



<pre class="wp-block-code"><code>Win11_24H2_Japanese_x64.iso （5.35GB）
SHA256: A1E1BCB6C014F39E4A324EC24DB1B745EE62617D29A450BF7B2596A3DCCECD7D
MD5: 297b8c040ef6bb78edfb8d216b04b307</code></pre>



<h2 class="wp-block-heading"><span id="toc2">必須プログラム</span></h2>



<p>・マザーボードのチップセットドライバー類</p>



<p>・NVIDIA Driver</p>




<a rel="noopener" href="https://www.nvidia.com/ja-jp/drivers" title="NVIDIA 公式最新ドライバーのダウンロード" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/4de38714942b0ab19332227fbcf8cdf2.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">NVIDIA 公式最新ドライバーのダウンロード</div><div class="blogcard-snippet external-blogcard-snippet">最新の NVIDIA 公式ドライバーをダウンロードして、PC ゲーミング体験を向上し、アプリケーションをより速く実行しましょう。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.nvidia.com/ja-jp/drivers" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.nvidia.com</div></div></div></div></a>



<p>・ブラウザー類</p>



<p>いろいろ使い分けるためにたくさん入れてます<br>Chrome / Brave / Firefox / Opera</p>



<h2 class="wp-block-heading"><span id="toc3">初期セットアップ時にMicrosoftアカウントではなくローカルアカウントでセットアップする方法</span></h2>



<h3 class="wp-block-heading"><span id="toc4">Windows11 Pro版の場合</span></h3>



<p>個人的に、Home版は使い物にならない（リモートデスクトップサービスなし、グループポリシーなし）ので、Pro一択です。その場合、下記方法でローカルアカウントにできます。</p>



<p>セットアップ時の「このデバイスをどのように設定しますか？」の画面<br>→「職場または学校用に設定する」<br>→「サインインオプション」<br>→「代わりにドメインに参加する」<br>→ユーザー名を自由に設定<br>ローカルアカウントでセットアップを完了</p>



<h3 class="wp-block-heading"><span id="toc5">Windows11 Home版の場合</span></h3>



<p>1.OS初期起動のユーザー作成時にインターネットを切断しておきます。<br>2.Shift+F10を押してコマンドプロントを開きます。<br>3.コマンドプロントに”cd oobe”と入れてエンターキーを押します。<br>4.続けてコマンドプロントに&#8221;BypassNRO.cmd&#8221;と入れてエンターキーを押します。<br>5.これで再起動されるので、引き続きユーザー設定を進めていく。<br>6.インターネット接続を要求される時があるので、その時にインターネット回線を切断します。<br>その後”インターネットに接続していません”を選択します</p>



<p>2025/3追記 どうやら、将来的に上記の方法が使えなくなるらしいです。（BypassNRO.cmdが削除されるらしい）<br>対策法は下記。BypassNRO.cmdがやっている内容を手動でやるというものです。</p>



<ul class="wp-block-list">
<li>Windows 11のセットアップ画面でShift+F10を押してコマンドプロンプト表示</li>



<li><strong>regedit</strong>と入力してEnter</li>



<li>レジストリエディタが開いたら以下のキーに移動。 <code>Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\OOBE.</code></li>



<li>「編集 &gt; 新規 &gt; DWORD(32-bit)」を選択し、名前を<strong>BypassNRO</strong>とする。</li>



<li>値を1に変更する。</li>



<li>システムを再起動する。これで、アクティブなインターネット接続やMicrosoftアカウントなしでコンピュータをセットアップすることが可能に。</li>
</ul>



<p>※コマンドプロンプトで以下を入力しても同じです</p>



<pre class="wp-block-code"><code>reg add HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\OOBE /v BypassNRO /t REG_DWORD /d 1 /f</code></pre>



<p>参考サイト</p>




<a rel="noopener" href="https://pc.watch.impress.co.jp/docs/topic/feature/2036750.html" title="【特集】 俺はローカルアカウントで使いたいんだよ！Windows 11のセットアップでMicrosoftアカウントを回避する方法最新版  " class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/62517816d7fab093a94c1f012a479aef.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【特集】 俺はローカルアカウントで使いたいんだよ！Windows 11のセットアップでMicrosoftアカウントを回避する方法最新版  </div><div class="blogcard-snippet external-blogcard-snippet">Windows 11 Homeはセットアップ時にネットワーク接続とMicrosoftアカウントでのサインインが求められる。ローカルアカウントで使いたい場合には面倒だし、ネットワーク接続できない環境ではセットアップに困ることになる。それを回避...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://pc.watch.impress.co.jp/docs/topic/feature/2036750.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">pc.watch.impress.co.jp</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc6">リモートデスクトップ系</span></h2>



<h3 class="wp-block-heading"><span id="toc7">空パスワードユーザーのリモートデスクトップを許可する</span></h3>



<p>Windows の初期設定では、パスワードの設定されていないユーザーはリモートデスクトップ接続の際のログオンに使用できない。空パスワードでリモートデスクトップを利用できるようにするためには、</p>



<p>ローカルセキュリティポリシーエディタ(secpol.msc)で</p>



<p>「ローカルセキュリティポリシー」→「セキュリティの設定」→「ローカルポリシー」→「セキュリティオプション」内の「アカウント: ローカル アカウントの空のパスワードの使用をコンソール ログオンのみに制限する」を「無効」に変更</p>



<h3 class="wp-block-heading"><span id="toc8">USBリダイレクトの許可（Proバージョンのみ）</span></h3>



<p>クライアントマシンにつながっているUSBデバイスを、あたかもホストマシンにつないでいるかのようにできる、「USBリダイレクト」という機能を有効にするための設定</p>



<p>ローカルグループポリシーエディタ(gpedit.msc)</p>



<p>「グループポリシー」→[コンピュータの構成]-[管理用テンプレート]-[Windowsコンポーネント]-[リモートデスクトップサービス]-[リモートデスクトップ接続のクライアント]-[RemoteFX USBデバイスリダイレクト]-[サポートされている他のRemoteFX USBデバイスの、このコンピュータからのRDPリダイレクトを許可する]をダブルクリックし、「有効」に設定。「RemoteFX USB リダイレクトのアクセス権」を「管理者とユーザー」にする。</p>



<p>参考サイト<br><a href="https://www.vwnet.jp/windows/w10/USB/RemoteFXUSB.htm">https://www.vwnet.jp/windows/w10/USB/RemoteFXUSB.htm</a><br><a href="https://kb.parallels.com/jp/123961/">https://kb.parallels.com/jp/123961/</a></p>



<h3 class="wp-block-heading"><span id="toc9">余談 Homeエディションでグループポリシーエディターを使えるようにする</span></h3>



<p>上記USBリダイレクトの設定は、グループポリシーエディターで設定を変えますが、Homeエディションにはグループポリシーエディターがありません。ですが、裏技的にグループポリシーエディターを追加することができます。</p>




<a rel="noopener" href="https://37webs.com/windowshome-gpedit-msc" title="Windows Home でもローカルグループポリシーエディターを有効にして使えるようにする方法 | 37WEB" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/409c46f94d124f567a9ef81bbfc9e42e.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Windows Home でもローカルグループポリシーエディターを有効にして使えるようにする方法 | 37WEB</div><div class="blogcard-snippet external-blogcard-snippet">本記事では Windows Home 版でもローカルグループポリシーエディターを起動できるようにする方法をノウハウいたします。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://37webs.com/windowshome-gpedit-msc/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">37webs.com</div></div></div></div></a>



<p>※ですが、これで設定を変更してもHomeエディションではUSBリダイレクトは使えないようです。結局Proバージョンが必要。</p>



<h2 class="wp-block-heading"><span id="toc10">ネットワーク系</span></h2>



<h3 class="wp-block-heading"><span id="toc11">ネットワークドライブ設定</span></h3>



<p>私はNASを複数台おいていて、ネットワークドライブとして接続しています。なので、ネットワークドライブの割り当てを行ってドライブレターを振ります。<br>私の環境では\\192.168.100.6がNASです。なのでエクスプローラーにアクセスして右クリック→ネットワークドライブの割り当てで割り当てます。</p>



<h3 class="wp-block-heading"><span id="toc12">セキュリティ設定変更</span></h3>



<p>Windows検索窓→「インターネット オプション」→「セキュリティ」→「ローカル イントラネット」→「詳細設定」→このWebサイトをゾーンに追加する で該当のIPアドレスを入力</p>



<h3 class="wp-block-heading"><span id="toc13">ゾーン識別子の設定変更</span></h3>



<p>ファイルをダウンロードしたときに、「このファイルは他のコンピューターから取得したものです。」という属性がつくのがうっとうしいので、設定変更して付かないようにする。下記記事参照。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-cgbeginner wp-block-embed-cgbeginner"><div class="wp-block-embed__wrapper">

<a href="https://cgbeginner.net/delete-zone-identifier/" title="【解除方法】「このファイルは他のコンピューターから取得したものです。」を一斉解除する方法 もしくは最初からつかないようにする方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://cgbeginner.net/wp-content/uploads/2023/12/pexels-photo-2881232-160x90.jpeg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://cgbeginner.net/wp-content/uploads/2023/12/pexels-photo-2881232-160x90.jpeg 160w, https://cgbeginner.net/wp-content/uploads/2023/12/pexels-photo-2881232-120x68.jpeg 120w, https://cgbeginner.net/wp-content/uploads/2023/12/pexels-photo-2881232-320x180.jpeg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【解除方法】「このファイルは他のコンピューターから取得したものです。」を一斉解除する方法 もしくは最初からつかないようにする方法</div><div class="blogcard-snippet internal-blogcard-snippet">WindowsPCにて、インターネット上からダウンロードしたファイルには、自動的にセキュリティ保護のための属性が付与されます。ファイルのプロパティを見てみると、「このファイルは他のコンピューターから取得したものです。このコンピューターを保護...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://cgbeginner.net" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">cgbeginner.net</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.08.12</div></div></div></div></a>
</div></figure>



<h2 class="wp-block-heading"><span id="toc14">右クリックメニューを前仕様に戻す</span></h2>



<p>右クリックメニューがWindows11から使いにくくなったため。下記コマンドでWindows10以前の仕様に戻せます。</p>



<p>コマンドプロンプト / Windows PowerShell / Windows Terminal で</p>



<p>旧仕様（Windows10以前）に変更する場合</p>



<pre class="wp-block-code"><code>reg.exe add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve
</code></pre>



<p>Windows11の仕様に戻す場合</p>



<pre class="wp-block-code"><code>reg.exe delete "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}" /f
</code></pre>



<p>レジストリ値を変更した後はPCを再起動するか、タスクマネージャからエクスプローラのプロセスを再起動する必要があります。 </p>



<h2 class="wp-block-heading"><span id="toc15">PowerShellスクリプトを実行できるようにする</span></h2>



<p>セキュリティ的にはよくないのですが、ps1スクリプトを警告なしに実行できるようにします。</p>



<p>まずは管理者権限でPowerShellを開きます。</p>



<pre class="wp-block-code"><code>Set-ExecutionPolicy Unrestricted</code></pre>



<p>その後Yを押してエンターすればOKです。</p>



<p>ちなみに実行ポリシーは以下</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>実行ポリシー</th><th>署名あり</th><th>署名なし/ローカル</th><th>署名なし/非ローカル</th><th>説明</th></tr></thead><tbody><tr><td>Restricted</td><td>x</td><td>x</td><td>x</td><td>すべてのスクリプトの実行を制限 (初期設定)</td></tr><tr><td>AllSigned</td><td>o</td><td>x</td><td>x</td><td>署名のあるスクリプトのみ実行可能</td></tr><tr><td>RemoteSigned</td><td>o</td><td>o</td><td>x</td><td>ローカル上のスクリプトと非ローカル上の署名のあるスクリプトのみ実行可能</td></tr><tr><td>Unrestricted</td><td>o</td><td>o</td><td>△</td><td>すべてのスクリプトが実行可能だが非ローカル上のスクリプトは実行時に許可が必要</td></tr><tr><td>Bypass</td><td>o</td><td>o</td><td>o</td><td>すべてのスクリプトが実行可能</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><span id="toc16">その他設定</span></h2>



<p>IME辞書</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-cgbeginner wp-block-embed-cgbeginner"><div class="wp-block-embed__wrapper">

<a href="https://cgbeginner.net/ime-dic/" title="タイプミス撲滅 自分流IMEユーザー辞書登録必須設定" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-160x90.jpg 160w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-300x169.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-1024x576.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-768x432.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-1536x864.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-2048x1152.jpg 2048w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-120x68.jpg 120w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">タイプミス撲滅 自分流IMEユーザー辞書登録必須設定</div><div class="blogcard-snippet internal-blogcard-snippet">パソコンの文字変換システムIME。日本語を打つには必須ですが、ユーザー辞書で絶対必須な設定を自分用にまとめました。矢印をvimのカーソルと同じキーで入力できるようにするのと、やりがちな打ち間違いを補正するものが中心です。完全に自分用なので、...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://cgbeginner.net" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">cgbeginner.net</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.01.29</div></div></div></div></a>
</div></figure>



<h2 class="wp-block-heading"><span id="toc17">Adobe系</span></h2>



<p>私はAdobeユーザーで、主に映像系のアプリを使っています。<br>・Premiere Pro<br>・After Effects<br>・Audition<br>・Photoshop<br>を主に使います。</p>



<h3 class="wp-block-heading"><span id="toc18">Prores RAW</span></h3>



<p>Premiereで映像を扱う際、一般的なコーデック以外を扱おうとすると、専用のプログラムをインストールしておかないといけない時があります。カメラでRAW動画素材を撮影する際に使われるProres RAWというフォーマットは、Apple社からデコーダをダウンロード・インストールしないといけません。</p>




<a rel="noopener" href="https://helpx.adobe.com/jp/x-productkb/multi/prores-raw-support-adobe-video-applications.html" title="https://helpx.adobe.com/jp/x-productkb/multi/prores-raw-support-adobe-video-applications.html" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fhelpx.adobe.com%2Fjp%2Fx-productkb%2Fmulti%2Fprores-raw-support-adobe-video-applications.html?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://helpx.adobe.com/jp/x-productkb/multi/prores-raw-support-adobe-video-applications.html</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://helpx.adobe.com/jp/x-productkb/multi/prores-raw-support-adobe-video-applications.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">helpx.adobe.com</div></div></div></div></a>




<a rel="noopener" href="https://support.apple.com/ja-jp/106401" title="Apple ProRes RAW for Windows 1.3 - Apple サポート (日本)" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.apple.com%2Fja-jp%2F106401?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Apple ProRes RAW for Windows 1.3 - Apple サポート (日本)</div><div class="blogcard-snippet external-blogcard-snippet">This software enables playback of ProRes RAW and ProRes RAW HQ video files in compatible applications on Windows systems...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.apple.com/ja-jp/106401" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.apple.com</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc19">その他ソフト類</span></h2>



<h3 class="wp-block-heading"><span id="toc20">7-Zip</span></h3>




<a rel="noopener" href="https://7-zip.opensource.jp" title="&#22311;&#32302;&#12539;&#35299;&#20941;&#12477;&#12501;&#12488; 7-Zip" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2F7-zip.opensource.jp?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#22311;&#32302;&#12539;&#35299;&#20941;&#12477;&#12501;&#12488; 7-Zip</div><div class="blogcard-snippet external-blogcard-snippet">圧縮・解凍ソフト7-Zipは、7z、ZIP、RAR、LZH、ISO、TAR、DMG、MSIなど、さまざまなデータフォーマットに1つで対応している世界的にデファクトのフリーソフトウェアです。AES256による暗号化（パスワード圧縮および解凍）...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://7-zip.opensource.jp" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">7-zip.opensource.jp</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc21">Subtitle Edit</span></h3>



<p>字幕編集ソフト。動画制作の際に使います。</p>




<a rel="noopener" href="https://github.com/SubtitleEdit/subtitleedit/releases" title="Releases · SubtitleEdit/subtitleedit" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/08970328310798d65104eff631bef558." alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Releases · SubtitleEdit/subtitleedit</div><div class="blogcard-snippet external-blogcard-snippet">the subtitle editor :). Contribute to SubtitleEdit/subtitleedit development by creating an account on GitHub.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/SubtitleEdit/subtitleedit/releases" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc22">HWiNFO</span></h3>




<a rel="noopener" href="https://forest.watch.impress.co.jp/library/software/hwinfo32" title="窓の杜" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/24464bc6752bcf67337346a45de492f1.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">窓の杜</div><div class="blogcard-snippet external-blogcard-snippet">「HWiNFO」パソコンのハードウェアの情報を詳細に確認</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://forest.watch.impress.co.jp/library/software/hwinfo32" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">forest.watch.impress.co.jp</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc23">ffmpeg</span></h3>




<a rel="noopener" href="https://www.ffmpeg.org/download.html#build-windows" title="
Download FFmpeg" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.ffmpeg.org%2Fdownload.html%23build-windows?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">
Download FFmpeg</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.ffmpeg.org/download.html#build-windows" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.ffmpeg.org</div></div></div></div></a>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/windows11-setup/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2235</post-id>	</item>
		<item>
		<title>マトリックスコードジェネレーター</title>
		<link>https://cgbeginner.net/matrix-code-generator/</link>
					<comments>https://cgbeginner.net/matrix-code-generator/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Tue, 13 Aug 2024 15:32:51 +0000</pubDate>
				<category><![CDATA[CG]]></category>
		<category><![CDATA[コンピュータ]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=2216</guid>

					<description><![CDATA[マトリックスガチ勢のプログラマさんがWebベースのマトリックスコードジェネレーターを作っていたので、それを簡単に扱えるように設定パネルを作りました。内部もちょっとだけいじってます。 お好みで設定を変更して、生成ボタンをク [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-1024x576.jpg" alt="" class="wp-image-2219" srcset="https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-1024x576.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-300x169.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-768x432.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-1536x864.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-2048x1152.jpg 2048w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-120x68.jpg 120w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-160x90.jpg 160w, https://cgbeginner.net/wp-content/uploads/2024/07/screenshot-320x180.jpg 320w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Screenshot</figcaption></figure>



<p>マトリックスガチ勢のプログラマさんがWebベースのマトリックスコードジェネレーターを作っていたので、それを簡単に扱えるように設定パネルを作りました。内部もちょっとだけいじってます。</p>



<p>お好みで設定を変更して、生成ボタンをクリックすると、マトリックスコードが表示されます。URLを共有したり保存したりすることでお好み設定を共有可能。</p>



                        <form id="settingsForm">
                            <div class="row g-3">
                                <!-- Presets -->
                                <div class="col-md-6">
                                    <label for="presets" class="form-label">Presets (プリセット)</label>
                                    <select id="presets" name="presets" class="form-select">
                                        <option value="custom">カスタム</option>
                                        <option value="matrix1">Matrix 1 style: 初代スタイル</option>
                                        <option value="matrix2">Matrix 2 style: リローデッドスタイル</option>
                                        <option value="matrix3">Matrix 3 style: レボリューションズスタイル</option>
                                        <option value="matrix4">Matrix 4 style: レザレクションズスタイル</option>
                                    </select>
                                    <div class="form-text">映画シリーズプリセット</div>
                                </div>

                                <!-- Version -->
                                <div class="col-md-6">
                                    <label for="version" class="form-label">Version (バージョン)</label>
                                    <select id="version" name="version" class="form-select">
                                        <option value="classic">Classic</option>
                                        <option value="operator">Operator</option>
                                        <option value="megacity">Megacity</option>
                                        <option value="resurrections">Resurrections</option>
                                        <option value="3d">3D</option>
                                        <option value="paradise">Paradise</option>
                                        <option value="nightmare">Nightmare</option>
                                        <option value="trinity">Trinity</option>
                                        <option value="morpheus">Morpheus</option>
                                        <option value="bugs">Bugs</option>
                                        <option value="twilight">Twilight</option>
                                        <option value="palimpsest">Palimpsest</option>
                                        <option value="neomatrixology">Neomatrixology</option>
                                        <option value="holoplay">Holoplay</option>
                                    </select>
                                    <div class="form-text">ビジュアルスタイル</div>
                                </div>

                                <!-- Font -->
                                <div class="col-md-6">
                                    <label for="font" class="form-label">Font (フォント)</label>
                                    <select id="font" name="font" class="form-select">
                                        <option value="">指定なし</option>
                                        <option value="matrixcode">Matrix Code</option>
                                        <option value="megacity">Megacity</option>
                                        <option value="resurrections">Resurrections</option>
                                        <option value="coptic">Coptic</option>
                                        <option value="gothic">Gothic</option>
                                        <option value="huberfishA">Huberfish A</option>
                                        <option value="huberfishD">Huberfish D</option>
                                        <option value="neomatrixology">Neomatrixology</option>
                                    </select>
                                    <div class="form-text">フォントスタイル</div>
                                </div>

                                <!-- Skip Intro -->
                                <div class="col-md-6">
                                    <label for="skipIntro" class="form-label">Skip Intro (スキップイントロ)</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="skipIntro" name="skipIntro">
                                        <label class="form-check-label" for="skipIntro">Skip Intro</label>
                                    </div>
                                    <div class="form-text">イントロ（コードの流れはじめ演出）をスキップするかどうか</div>
                                </div>

                                <!-- Fall Speed -->
                                <div class="col-md-6">
                                    <label for="fallSpeed" class="form-label">Fall Speed (落下速度)</label>
                                    <input type="range" class="form-range" id="fallSpeed" name="fallSpeed" min="0" max="1" step="0.01" value="0.3">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">Slow</span>
                                        <span id="fallSpeedValue" class="form-text">0.3</span>
                                        <span class="form-text">Fast</span>
                                    </div>
                                    <div class="form-text">コードが落下する速度</div>
                                </div>

                                <!-- Width -->
                                <div class="col-md-6">
                                    <label for="width" class="form-label">Width (コードの行数)</label>
                                    <input type="range" class="form-range" id="width" name="width" min="1" max="200" step="1" value="80">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">少ない</span>
                                        <span id="widthValue" class="form-text">80</span>
                                        <span class="form-text">多い</span>
                                    </div>
                                    <div class="form-text">コードの行数</div>
                                </div>

                                <!-- Loops -->
                                <div class="col-md-6">
                                    <label for="loops" class="form-label">Loops (ループ化)</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="loops" name="loops">
                                        <label class="form-check-label" for="loops">Loops</label>
                                    </div>
                                    <div class="form-text">アニメーションのループ化をするか</div>
                                </div>

                                <!-- Slant -->
                                <div class="col-md-6">
                                    <label for="slant" class="form-label">Slant (傾き)</label>
                                    <input type="range" class="form-range" id="slant" name="slant" min="-180" max="180" step="1" value="0">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">時計回り</span>
                                        <span id="slantValue" class="form-text">0</span>
                                        <span class="form-text">反時計回り</span>
                                    </div>
                                    <div class="form-text">コードの傾き</div>
                                </div>

                                <!-- Raindrop Length -->
                                <div class="col-md-6">
                                    <label for="raindropLength" class="form-label">Raindrop Length (コードの長さ)</label>
                                    <input type="range" class="form-range" id="raindropLength" name="raindropLength" min="0.1" max="2" step="0.05" value="0.75">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">Short</span>
                                        <span id="raindropLengthValue" class="form-text">0.75</span>
                                        <span class="form-text">Long</span>
                                    </div>
                                    <div class="form-text">コード行の長さ</div>
                                </div>

                                <!-- Ripple Type -->
                                <div class="col-md-6">
                                    <label for="rippleTypeName" class="form-label">Ripple Type (波紋)</label>
                                    <select id="rippleTypeName" name="rippleTypeName" class="form-select">
                                        <option value="null">なし</option>
                                        <option value="box">Box</option>
                                        <option value="circle">Circle</option>
                                    </select>
                                    <div class="form-text">コードに定期的に波紋を発生させるか</div>
                                </div>


                                <div class="col-md-6">
                                    <label for="cycleSpeed" class="form-label">Cycle Speed</label>
                                    
                                    <input type="range" class="form-range" id="cycleSpeed" name="cycleSpeed" min="0" max="0.5" step="0.01" value="0.03">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">Slow</span>
                                        <span id="cycleSpeedValue" class="form-text">0.03</span>
                                        <span class="form-text">Fast</span>
                                    </div>
                                    <div class="form-text">the speed that the glyphs change their symbol. Can be any number.</div>
                                </div>


                                <div class="col-md-6">
                                    <label for="fps" class="form-label">FPS</label>
                                    <input type="range" class="form-range" id="fps" name="fps" min="1" max="60" step="1" value="60">
                                    <div class="d-flex justify-content-between">
                                        <span class="form-text">Slow</span>
                                        <span id="fpsValue" class="form-text">60</span>
                                        <span class="form-text">Fast</span>
                                    </div>
                                </div>









                            </div>

                            <div class="mt-4">
                                <button class="btn btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#advancedSettings" aria-expanded="false" aria-controls="advancedSettings">
                                    Advanced Settings (詳細設定を表示)
                                </button>
                            </div>

                            <div class="collapse mt-3" id="advancedSettings">
                                <div class="card card-body">
                                    <h5 class="card-title"><span id="toc1">Advanced Settings (詳細設定)</span></h5>
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label for="resolution" class="form-label">Resolution (解像度)</label>
                                            <input type="range" class="form-range" id="resolution" name="resolution" min="0.1" max="1" step="0.01" value="1">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Low</span>
                                                <span id="resolutionValue" class="form-text">1</span>
                                                <span class="form-text">High</span>
                                            </div>
                                            <div class="form-text">解像度 1から小さくなるにしたがって粗くなる</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="volumetric" class="form-label">Volumetric (3D効果)</label>
                                            <select id="volumetric" name="volumetric" class="form-select">
                                                <option value="false">False</option>
                                                <option value="true">True</option>
                                            </select>
                                            <div class="form-text">true &#8220;に設定すると, グリフに奥行きを与え, ゆっくりと視線に近づける. デフォルトは &#8220;false&#8221;.</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="density" class="form-label">Density (密度 ※3D限定)</label>
                                            <input type="range" class="form-range" id="density" name="density" min="0.0" max="20.0" value="1.0" step="0.1">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Low</span>
                                                <span id="densityValue" class="form-text">1.0</span>
                                                <span class="form-text">High</span>
                                            </div>
                                            <div class="form-text">描画する3D雨滴の数を、デフォルトに比例して指定する。 デフォルトは1.0。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="forwardSpeed" class="form-label">Forward Speed (接近速度 ※3D限定)</label>
                                            <input type="range" class="form-range" id="forwardSpeed" name="forwardSpeed" min="0.0" max="5.0" value="0.25" step="0.01">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Slow</span>
                                                <span id="forwardSpeedValue" class="form-text">1.0</span>
                                                <span class="form-text">Fast</span>
                                            </div>
                                            <div class="form-text">3Dの雨粒が接近する速度。 デフォルトは0.25。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="bloomSize" class="form-label">Bloom Size</label>
                                            <input type="range" class="form-range" id="bloomSize" name="bloomSize" min="0" max="1" step="0.01" value="0.4">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Small</span>
                                                <span id="bloomSizeValue" class="form-text">0.4</span>
                                                <span class="form-text">Large</span>
                                            </div>
                                            <div class="form-text">輝きのサイズを0から1の間で指定する。 デフォルトは0.4です。 この値を下げると、お使いのデバイスでデジタルレインがよりスムーズに動作するようになります。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="bloomStrength" class="form-label">Bloom Strength</label>
                                            <input type="range" class="form-range" id="bloomStrength" name="bloomStrength" min="0" max="1" step="0.01" value="0.7">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Weak</span>
                                                <span id="bloomStrengthValue" class="form-text">0.7</span>
                                                <span class="form-text">Strong</span>
                                            </div>
                                            <div class="form-text">グローの強さを 0 から 1 で指定する。 デフォルトは0.7。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="ditherMagnitude" class="form-label">Dither Magnitude (ディザ強度)</label>
                                            <input type="range" class="form-range" id="ditherMagnitude" name="ditherMagnitude" min="0" max="0.2" step="0.01" value="0.05">
                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Low</span>
                                                <span id="ditherMagnitudeValue" class="form-text">0.05</span>
                                                <span class="form-text">High</span>
                                            </div>
                                            <div class="form-text">ピクセルをランダムに暗くし、バンディングを隠す量。 デフォルトは0.05。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="animationSpeed" class="form-label">Animation Speed</label>
                                            <input type="range" class="form-range" id="animationSpeed" name="animationSpeed" min="0" max="10" step="0.1" value="1">

                                            <div class="d-flex justify-content-between">
                                                <span class="form-text">Slow</span>
                                                <span id="animationSpeedValue" class="form-text">1.0</span>
                                                <span class="form-text">Fast</span>
                                            </div>
                                            <div class="form-text">the overall speed of the animation. Can be any number.</div>
                                        </div>

                                        <!-- Background Color -->
                                        <div class="col-md-6">
                                            <label for="iBackgroundColor" class="form-label">Background Color (背景色)</label>
                                            <input type="color" class="form-control form-control-color" id="iBackgroundColor" name="iBackgroundColor" value="#000000" title="Background Color (背景色)">
                                            <div class="form-text">背景色を選択してください。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="iCursorColor" class="form-label">Cursor Color (カーソル色)</label>
                                            <input type="color" class="form-control form-control-color" id="iCursorColor" name="iCursorColor" value="#c1ff75" title="Cursor Color (カーソル色)">
                                            <div class="form-text">カーソル色を選択してください。</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="iStripeColor" class="form-label">Code Color (コード色)</label>
                                            <input type="color" class="form-control form-control-color" id="iStripeColor" name="iStripeColor" value="#ff00ff" title="Code Color (コード色)">
                                            <div class="form-text">コード色を選択してください。※Effect=stripesを選択してください</div>
                                        </div>

                                        <div class="col-md-6">
                                            <label for="effect" class="form-label">Effect</label>
                                            <select id="effect" name="effect" class="form-select">
                                                <option value="plain">Plain</option>
                                                <option value="pride">Pride</option>
                                                <option value="stripes">Stripes</option>
                                                <option value="none">None (Debug View)</option>
                                                <option value="image">Image</option>
                                                <option value="mirror">Mirror</option>
                                            </select>
                                            <div class="form-text">Effect Type</div>
                                        </div>


                                    </div>
                                </div>
                            </div>

                            <div class="mt-4 text-center">
                                <button type="button" id="openButton" class="btn btn-success btn-lg me-2">Generate (生成)</button>
                                <button type="button" id="resetButton" class="btn btn-outline-secondary btn-lg">Reset (リセット)</button>
                            </div>
                        </form>





<h3 class="wp-block-heading"><span id="toc2">コードURL</span></h3>



                            <p id="generatedUrl" class="mb-3">
                                <a href="#" id="urlLink" target="_blank" class="text-break" rel="noopener"></a>
                            </p>
                            <div>
                                <button id="copyButton" class="btn btn-primary me-2">Copy to Clipboard (コピー)</button>
                                <button id="twitterButton" class="btn btn-dark">Share on X (Xでシェア)</button>
                            </div>




    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const form = document.getElementById('settingsForm');
        const urlLink = document.getElementById('urlLink');
        const presetsSelect = document.getElementById('presets');
        const advancedSettingsContainer = document.getElementById('advancedSettings');
        const copyButton = document.getElementById('copyButton');
        const twitterButton = document.getElementById('twitterButton');
        const openButton = document.getElementById('openButton');
        const resetButton = document.getElementById('resetButton');

        const defaults = {
            version: 'classic',
            font: '',
            skipIntro: true,
            fallSpeed: 0.3,
            width: 80,
            resolution: 1,
            loops: false,
            slant: 0,
            raindropLength: 0.75,
            rippleTypeName: 'null',
            volumetric: 'false',
            density: 1.0,
            forwardSpeed: 1.0,
            bloomSize: 0.4,
            bloomStrength: 0.7,
            ditherMagnitude: 0.05,
            animationSpeed: 1,
            cycleSpeed: 0.03,
            effect: 'plain',
            fps: 60,
            iBackgroundColor: '#000000',
            iCursorColor: '#C1FF75',
            iStripeColor: '#FF00FF',
        };

        const advancedSettings = ['resolution','volumetric', 'density', 'forwardSpeed', 'bloomSize', 'bloomStrength', 'ditherMagnitude', 'animationSpeed', 'effect', 'iBackgroundColor', 'iCursorColor', 'iStripeColor'];

        const presets = {
            matrix1: { ...defaults, version: 'operator', font: 'matrixcode', skipIntro: false, loops: true, rippleTypeName: 'null' },
            matrix2: { ...defaults, version: 'classic', font: 'matrixcode', skipIntro: false, loops: true, rippleTypeName: 'null' },
            matrix3: { ...defaults, version: 'megacity', font: 'megacity', skipIntro: false, loops: true, rippleTypeName: 'null'},
            matrix4: { ...defaults, version: 'resurrections', font: 'resurrections', skipIntro: false, loops: true, rippleTypeName: 'null' }
        };

        function applyPreset(preset) {
        for (const [key, value] of Object.entries(preset)) {
            const element = document.getElementById(key);
            if (element) {
                if (element.type === 'checkbox') {
                    element.checked = value === true || value === 'true';
                } else if (element.type === 'range' || element.type === 'number') {
                    element.value = value;
                    updateValueDisplay(element);
                } else if (element.tagName === 'SELECT') {
                    element.value = value;
                } else {
                    element.value = value;
                }
            }
        }
        updateGeneratedUrl();
    }

    function updateValueDisplay(element) {
        const valueDisplay = document.getElementById(`${element.id}Value`);
        if (valueDisplay) {
            valueDisplay.textContent = element.value;
        }
    }

        function generateUrl() {
            const formData = new FormData(form);
            const params = new URLSearchParams();

            const iBackgroundColor = form.elements['iBackgroundColor'].value;
            const bgRGB = hexToRgb(iBackgroundColor);
            const bgRGBr = (bgRGB.r / 255).toFixed(2);
            const bgRGBg = (bgRGB.g / 255).toFixed(2);
            const bgRGBb = (bgRGB.b / 255).toFixed(2);

            const iCursorColor = form.elements['iCursorColor'].value;
            const cuRGB = hexToRgb(iCursorColor);
            const cuRGBr = (cuRGB.r / 255).toFixed(2);
            const cuRGBg = (cuRGB.g / 255).toFixed(2);
            const cuRGBb = (cuRGB.b / 255).toFixed(2);

            const iStripeColor = form.elements['iStripeColor'].value;
            const stRGB = hexToRgb(iStripeColor);
            const stRGBr = (stRGB.r / 255).toFixed(2);
            const stRGBg = (stRGB.g / 255).toFixed(2);
            const stRGBb = (stRGB.b / 255).toFixed(2);

            params.append('skipIntro', form.elements['skipIntro'].checked);
            params.append('loops', form.elements['loops'].checked);

            for (const [key, value] of formData.entries()) {
                if (key !== 'presets' && key !== 'skipIntro' && key !== 'loops' && value !== '') {
                    if (advancedSettings.includes(key) && !advancedSettingsContainer.classList.contains('show')) {
                        continue;
                    }
                    params.append(key, value);
                }
            }

            if (advancedSettingsContainer.classList.contains('show')) {
                params.delete('iBackgroundColor');
                params.delete('iCursorColor');
                params.delete('iStripeColor');

                if (iBackgroundColor !== '#000000') {
                params.append('backgroundColor', `${bgRGBr},${bgRGBg},${bgRGBb}`);
                };
                if (iCursorColor !== '#c1ff75') {
                params.append('cursorColor', `${cuRGBr},${cuRGBg},${cuRGBb}`);
                };
                if (iStripeColor !== '#ff00ff') {
                params.append('stripeColors', `${stRGBr},${stRGBg},${stRGBb}`);
                };
            };


            const baseUrl = 'https://cgbeginner.net/matrix-code/';
            return `${baseUrl}?${params.toString()}`;

            // return `${window.location.origin}/matrix-code/index.html?${params.toString()}`;
        }

        function hexToRgb(hex) {
            const bigint = parseInt(hex.slice(1), 16);
            return {
                r: (bigint >> 16) & 255,
                g: (bigint >> 8) & 255,
                b: bigint & 255
            };
        }


        function updateGeneratedUrl() {
            const fullUrl = generateUrl();
            urlLink.href = fullUrl;
            urlLink.textContent = fullUrl;
        }

        presetsSelect.addEventListener('change', (e) => {
            const selectedPreset = e.target.value;
            if (selectedPreset !== 'custom' && presets[selectedPreset]) {
                applyPreset(presets[selectedPreset]);
            }
        });

        form.addEventListener('input', (event) => {
            if (presetsSelect.value !== 'custom' && event.target.id !== 'presets') {
                presetsSelect.value = 'custom';
            }
            if (event.target.type === 'range' || event.target.type === 'number') {
                updateValueDisplay(event.target);
            }
            updateGeneratedUrl();
        });



        resetButton.addEventListener('click', () => {
            applyPreset(defaults);
            presetsSelect.value = 'custom';
            updateGeneratedUrl();
        });

        openButton.addEventListener('click', () => {
            const fullUrl = generateUrl();
            window.open(fullUrl, '_blank');
        });

        copyButton.addEventListener('click', async () => {
            const fullUrl = generateUrl();
            try {
                await navigator.clipboard.writeText(fullUrl);
                alert('URL copied to clipboard!');
            } catch (err) {
                console.error('Failed to copy text: ', err);
            }
        });

        twitterButton.addEventListener('click', () => {
            const tweetText = encodeURIComponent('マトリックスコードジェネレーター\n https://cgbeginner.net/matrix-code-generator/\n');
            const tweetUrl = encodeURIComponent(urlLink.href);
            window.open(`https://twitter.com/intent/tweet?text=${tweetText}&url=${tweetUrl}`, '_blank');
        });

        form.querySelectorAll('input[type="range"], input[type="number"]').forEach(updateValueDisplay);
        applyPreset(defaults);
    });
    </script>




<h3 class="wp-block-heading"><span id="toc3">ソースコード</span></h3>



<p>元ネタのGitHubレポジトリはこちら（Rezmason/matrix）</p>




<a href="https://github.com/Rezmason/matrix" title="GitHub - Rezmason/matrix: matrix (web-based green code rain, made with love)" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank" rel="noopener"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/7964e46da6e7f93eaa396990d9d15ce6.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - Rezmason/matrix: matrix (web-based green code rain, made with love)</div><div class="blogcard-snippet external-blogcard-snippet">matrix (web-based green code rain, made with love) - Rezmason/matrix</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/Rezmason/matrix" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/matrix-code-generator/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2216</post-id>	</item>
		<item>
		<title>Flip FluidsとOcean Modifierの連携【Blender】</title>
		<link>https://cgbeginner.net/flip-fluids-ocean-modifier/</link>
					<comments>https://cgbeginner.net/flip-fluids-ocean-modifier/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Sun, 26 May 2024 07:22:22 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=2174</guid>

					<description><![CDATA[液体のシミュレーションに特化したBlenderアドオンのFlip Fluidsと、Blenderに備わっているOceanモディファイヤで生成できる海シミュレーションの連携方法のメモ記事です。 ※自分のメモ用なので、雑です [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>液体のシミュレーションに特化したBlenderアドオンのFlip Fluidsと、Blenderに備わっているOceanモディファイヤで生成できる海シミュレーションの連携方法のメモ記事です。</p>



<p>※自分のメモ用なので、雑ですが許してください。<span class="red">（現在作成中）</span></p>



<p>とりあえず自分で作ってみてXに上げています</p>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<div class="embed-twitter"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="ja" dir="ltr">水シミュレーション練習4<br>water simulation test<a href="https://twitter.com/hashtag/blender3d?src=hash&amp;ref_src=twsrc%5Etfw">#blender3d</a> <a href="https://twitter.com/hashtag/b3d?src=hash&amp;ref_src=twsrc%5Etfw">#b3d</a> <a href="https://twitter.com/hashtag/FLIPFluids?src=hash&amp;ref_src=twsrc%5Etfw">#FLIPFluids</a> <a href="https://t.co/qX59EjS2oe">pic.twitter.com/qX59EjS2oe</a></p>&mdash; たてはま / CGBeginner @趣味独学映像クリエイター (@cgbeginner) <a href="https://twitter.com/cgbeginner/status/1796171858720518511?ref_src=twsrc%5Etfw">May 30, 2024</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
</div></figure>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<div class="embed-twitter"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">Hi <a href="https://twitter.com/FlipFluids?ref_src=twsrc%5Etfw">@FlipFluids</a> !<br>I made a test video using FlipFluids!<br>Thank you for this great add-on.<br><br>However, I think I may have found a bug.<br>I&#39;m using the motion blur feature of the geometry nodes included in the add-on for the whitewater spray particles, but the motion blur for the… <a href="https://t.co/gVX9G2APyW">pic.twitter.com/gVX9G2APyW</a></p>&mdash; たてはま / CGBeginner @趣味独学映像クリエイター (@cgbeginner) <a href="https://twitter.com/cgbeginner/status/1796211663223583173?ref_src=twsrc%5Etfw">May 30, 2024</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
</div></figure>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<div class="embed-twitter"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="ja" dir="ltr">某インターステラー風<br>流体シミュレーション<a href="https://twitter.com/hashtag/3DCG?src=hash&amp;ref_src=twsrc%5Etfw">#3DCG</a> <a href="https://twitter.com/hashtag/b3d?src=hash&amp;ref_src=twsrc%5Etfw">#b3d</a> <a href="https://twitter.com/hashtag/FLIPFluids?src=hash&amp;ref_src=twsrc%5Etfw">#FLIPFluids</a> <a href="https://twitter.com/hashtag/FLIPFluidsaddon?src=hash&amp;ref_src=twsrc%5Etfw">#FLIPFluidsaddon</a> <a href="https://t.co/vySid0C7ol">pic.twitter.com/vySid0C7ol</a></p>&mdash; たてはま / CGBeginner @趣味独学映像クリエイター (@cgbeginner) <a href="https://twitter.com/cgbeginner/status/1822247688215076964?ref_src=twsrc%5Etfw">August 10, 2024</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
</div></figure>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Flip FluidsとOcean Modifier</a></li><li><a href="#toc2" tabindex="0">Oceanモディファイヤの設定</a></li><li><a href="#toc3" tabindex="0">Oceanモディファイヤをループ対応に</a></li><li><a href="#toc4" tabindex="0">Oceanモディファイヤ無しのプロシージャルシェーダーで海表現</a></li><li><a href="#toc5" tabindex="0">参考資料1 </a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Flip FluidsとOcean Modifier</span></h2>



<p>Flip Fluids公式サイト</p>




<a rel="noopener" href="https://flipfluids.com" title="FLIP Fluids Addon for Blender &#8211; FLIP Fluids Addon For Blender" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fflipfluids.com?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">FLIP Fluids Addon for Blender &#8211; FLIP Fluids Addon For Blender</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flipfluids.com" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flipfluids.com</div></div></div></div></a>



<p>Blender Market</p>




<a rel="noopener" href="https://blendermarket.com/products/flipfluids" title="Attention Required! | Cloudflare" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fblendermarket.com%2Fproducts%2Fflipfluids?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Attention Required! | Cloudflare</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://blendermarket.com/products/flipfluids" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">blendermarket.com</div></div></div></div></a>



<p>Ocean Modifierドキュメント</p>




<a rel="noopener" href="https://docs.blender.org/manual/ja/latest/modeling/modifiers/physics/ocean.html" title="Ocean(&#28023;&#27915;)&#12514;&#12487;&#12451;&#12501;&#12449;&#12452;&#12450;&#12540; - Blender 5.1 Manual" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdocs.blender.org%2Fmanual%2Fja%2Flatest%2Fmodeling%2Fmodifiers%2Fphysics%2Focean.html?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Ocean(&#28023;&#27915;)&#12514;&#12487;&#12451;&#12501;&#12449;&#12452;&#12450;&#12540; - Blender 5.1 Manual</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://docs.blender.org/manual/ja/latest/modeling/modifiers/physics/ocean.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">docs.blender.org</div></div></div></div></a>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>これは、オープンソースの&nbsp;<a href="https://code.google.com/archive/p/houdini-ocean-toolkit/">Houdini Ocean Toolkit</a>&nbsp;からの移植です。</p>
<cite><a href="https://docs.blender.org/manual/ja/latest/modeling/modifiers/physics/ocean.html">https://docs.blender.org/manual/ja/latest/modeling/modifiers/physics/ocean.html</a></cite></blockquote>



<p>この機能Houdiniからパクってきた機能なのか…（オープンソースありがたし）</p>



<h2 class="wp-block-heading"><span id="toc2">Oceanモディファイヤの設定</span></h2>



<p>適当なPlaneにOceanモディファイヤを適用すると海っぽいものが出来上がる。Resolutionは32とか64にする。実際のDisplaceマップは、Resolutionの2乗になるので、64なら4096&#215;4096ピクセルのDisplaceマップが内部で生成される。Bake機能で、そのマップをEXRで書き出せる。Foamオプションをつけると、泡のマップも書き出す。Coverageは-1くらいがちょうどいい。</p>



<p>Timeパラメータが時間発展なので、これにキーを打ち、Linear Extrapolationに設定して無限に発展していくようにするとよい。</p>



<p>Graph Editorウィンドウの下にあるメニューから「Channel」⇒「Extrapolation Mode」⇒「Linear Extrapolation」で設定可能。</p>



<p>下記動画のチュートリアルが参考になる。両方ともほぼ同じ手法。Oceanモディファイヤ平面を2パターン用意して、一つは大きなうねり用（Swell）、もう一つは詳細用（Detail）で作り、それらをBakeした後に別の平面にそれらを適用する流れ。</p>



<p>平面は、巨大な円ポリゴンだが、個人的には三角ポリゴンを密集させて極みたいにすると、テクスチャが破綻すると思うので、Add Circle→Fill Type: NothingでFillなしサークルを作ったのち、EditモードでFace→Grid Fillすることで四角ポリゴンで円を作れる。あとはSubdivision Surfaceで細かくする。</p>



<p>円の作り方(1:04付近)</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/BALUntQqh-0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;start=62&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<p>円ポリに、BakeしたDisplaceマップを適用したマテリアルをあてる。その際、Adaptive Subdivisionという機能（カメラに近い部分ほど細かくSubdivideする）を有効にする。こういう機能ゲームとかでよくあるよね。UE5のNanite的な？ただしこの機能はExperimental Featureなので、レンダーパネルでExperimental Featureをオンにしないと使えない。(追記：Blender5.0ではExperimentalは外れて正式実装されてました）</p>



<p>Oceanモディファイヤの使い方は下記のチュートリアルが参考になる</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/YZPUCciH_yc?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<p>泡（Foam）つきのチュートリアルは以下が参考になる</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/n8PSS5HqC-Q?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h2 class="wp-block-heading"><span id="toc3">Oceanモディファイヤをループ対応に</span></h2>



<p>Oceanモディファイヤのベイクファイルをループ対応にするTips</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/p03fspwMY64?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h2 class="wp-block-heading"><span id="toc4">Oceanモディファイヤ無しのプロシージャルシェーダーで海表現</span></h2>



<p>上記動画に関連して、Oceanモディファイヤ無しでプロシージャルシェーダーで海を再現した人もいました。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/2ReHnWlMDuo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h2 class="wp-block-heading"><span id="toc5">参考資料1 </span></h2>



<p>ArchiCraig CAD氏のチャンネルでの作例</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/RLDFO4x5iHU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<div class="embed-twitter"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">Displacement image are generated by the ocean modifier. The ocean plane and the flip surface are displaced by the same images.<br><br>I&#39;ve done a post with screenshot summarizing the shader &amp; geometry nodes and modifiers in the blender artist flipfluid thread : <a href="https://t.co/Yi92QAF4D2">https://t.co/Yi92QAF4D2</a></p>&mdash; ArchiCraig (@ArchiCraigCAD) <a href="https://twitter.com/ArchiCraigCAD/status/1595138691584122880?ref_src=twsrc%5Etfw">November 22, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
</div></figure>



<p>Oceanモディファイヤが適用されたPlaneとFlip Surfaceに同じDisplaceを適用することでミックスする。</p>




<a rel="noopener" href="https://blenderartists.org/t/flip-fluids-addon-a-liquid-fluid-simulation-tool-for-blender/702503/1272" title="FLIP Fluids Addon: A liquid fluid simulation tool for Blender" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/aedc51b6b11f8c71cd6fe0db0b535b16.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">FLIP Fluids Addon: A liquid fluid simulation tool for Blender</div><div class="blogcard-snippet external-blogcard-snippet">Hey Olof, Sorry for the delay, There it is ;</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://blenderartists.org/t/flip-fluids-addon-a-liquid-fluid-simulation-tool-for-blender/702503/1272" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">blenderartists.org</div></div></div></div></a>



<p>BlenderArtistsにノード情報が投稿されている。消えたら困るのでこちらに転載する（確信犯）。機械翻訳つき</p>



<p>Ocean Shader Node<br>The 2 generated ocean displacement are masked by a noise texture to try to eliminate the tiles repetitions. The noise texture location is animated and scaled uniformely to mimic wind direction influence.</p>



<p>海洋シェーダー ノード<br>生成された 2 つの海洋変位は、タイルの繰り返しを排除するためにノイズ テクスチャによってマスクされます。ノイズ テクスチャの位置は、風向の影響を模倣するために均一にアニメーション化され、スケーリングされます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="662" src="https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node-1024x662.jpg" alt="" class="wp-image-2176" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node-1024x662.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node-300x194.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node-768x497.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node-1536x994.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-Plane-_-Node.jpg 1965w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Ocean Plane Modifier stack<br>Need to be using experimental cycle render to be able to use the adaptive subdivision option. See ocean youtube video of dylan neil for more in depth information. <a href="https://www.youtube.com/watch?v=n8PSS5HqC-Q">Youtube &#8211; Dylan Neil </a></p>



<p>海洋平面モディファイア スタック<br>アダプティブ サブディビジョン オプションを使用するには、実験的なサイクル レンダリングを使用する必要があります。詳細については、Dylan Neil の海洋 YouTube ビデオを参照してください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="645" height="813" src="https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-plane_Modifier-Stack.png" alt="" class="wp-image-2177" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-plane_Modifier-Stack.png 645w, https://cgbeginner.net/wp-content/uploads/2024/05/Ocean-plane_Modifier-Stack-238x300.png 238w" sizes="(max-width: 645px) 100vw, 645px" /></figure>



<p>Flip Surface info<br>Flip surface shader node (enlarged screen shot below) :<br>The node tree is similar to the ocean shader , only exception , the feather edge mask nodes and the speed attribute node that change transmission/ss scattering color.</p>



<p>フリップサーフェス情報<br>フリップ サーフェス シェーダ ノード(下の拡大スクリーンショット):<br>ノード ツリーは海洋シェーダに似ていますが、フェザー エッジ マスク ノードと、透過/ss 散乱色を変更する速度属性ノードのみが例外です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="985" height="1024" src="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_Combined-985x1024.jpg" alt="" class="wp-image-2178" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_Combined-985x1024.jpg 985w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_Combined-289x300.jpg 289w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_Combined-768x799.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_Combined.jpg 1055w" sizes="(max-width: 985px) 100vw, 985px" /></figure>



<p>Zoom (Flip surface shader node)<br>the Opacity of the fluid is greater when the speed is greater. It does mimic foamy water at high speed area. I think that vorticity would make more sense in this case (to be tested).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="680" src="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01-1024x680.jpg" alt="" class="wp-image-2179" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01-1024x680.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01-300x199.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01-768x510.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01-1536x1019.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_01.jpg 1674w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Zoom (Flip surface shader node)<br>Same as the ocean displacement</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="593" src="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-1024x593.jpg" alt="" class="wp-image-2180" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-1024x593.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-300x174.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-768x445.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-1536x890.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02-120x68.jpg 120w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Node_02.jpg 1924w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Flip Surface modifier stack<br>I do not use adaptive subdivision on the Flip surface , as seen on the ocean modifiers. Adaptive subdivision doesnt support custom vertex attributes yet (e.g. speed)<a href="https://developer.blender.org/T92622"> T92622</a>. Notes that, it does eat a ton of ram using it on high polycount mesh ( like the surface generated by Flip). To keep the displacement detail constant between the ocean and the flip surface, i need to add some subdivision to it. Make sure the subdivision is at the bottom on the stack, it greatly improve render speed (as of blender 3.1, Optix &amp; Cuda only).</p>



<p>Regarding the Lattice modifier, refer to this <a href="https://twitter.com/FrancisJasmin2/status/1443476078752944138">Twitter &#8211; Francis Jasmin </a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="642" height="890" src="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Modifiers-Stack.png" alt="" class="wp-image-2181" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Modifiers-Stack.png 642w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Surface_Modifiers-Stack-216x300.png 216w" sizes="(max-width: 642px) 100vw, 642px" /></figure>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">

<a rel="noopener" href="https://twitter.com/FrancisJasmin2/status/1443476078752944138" title="https://twitter.com/FrancisJasmin2/status/1443476078752944138" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ftwitter.com%2FFrancisJasmin2%2Fstatus%2F1443476078752944138?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">https://twitter.com/FrancisJasmin2/status/1443476078752944138</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://twitter.com/FrancisJasmin2/status/1443476078752944138" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">twitter.com</div></div></div></div></a>
</div></figure>



<p>White Water Geometry node<br>The white water is displaced by the same displacement map combination as the ocean &amp; Flip surface. it is only a conversion of the shader node displacement to geometry nodes displacement.</p>



<p>ホワイト ウォーター ジオメトリ ノード<br>ホワイト ウォーターは、海洋とフリップ サーフェスと同じディスプレイスメント マップの組み合わせによってディスプレイスメントされます。これは、シェーダ ノード ディスプレイスメントをジオメトリ ノード ディスプレイスメントに変換するだけです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="434" src="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-1024x434.jpg" alt="" class="wp-image-2182" srcset="https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-1024x434.jpg 1024w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-300x127.jpg 300w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-768x325.jpg 768w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-1536x651.jpg 1536w, https://cgbeginner.net/wp-content/uploads/2024/05/Flip_Foam_GEO-Nodes-2048x868.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/flip-fluids-ocean-modifier/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2174</post-id>	</item>
		<item>
		<title>興味ない人にこそ聴いてほしいCGの話</title>
		<link>https://cgbeginner.net/cg-vfx-class/</link>
					<comments>https://cgbeginner.net/cg-vfx-class/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Sun, 06 Sep 2020 11:10:02 +0000</pubDate>
				<category><![CDATA[CG]]></category>
		<category><![CDATA[作品]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1801</guid>

					<description><![CDATA[かれこれCG映像制作をして10年以上になってしまいましたが、「私の中の当たり前」と「世間一般の当たり前」が完全に乖離していたことに気づきました。 そこで、「CG・映像に詳しくない」方々向けに、CGの興味の扉を開かせること [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>かれこれCG映像制作をして10年以上になってしまいましたが、「私の中の当たり前」と「世間一般の当たり前」が完全に乖離していたことに気づきました。</p>



<p>そこで、「CG・映像に詳しくない」方々向けに、CGの興味の扉を開かせることを思い立ちました！<br>Youtubeチャンネルでひたすら熱弁するシリーズを制作しました。</p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/aANdL5MKab0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent&#038;listType=playlist&#038;list=PLskKW-uhVDXCMfFaXejNNzxE9mgu3AK1j" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<p>できるだけわかりやすく、専門用語や理論的な話は廃してますので、雑学的な感じで鑑賞していただけたらなと思っております！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/cg-vfx-class/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1801</post-id>	</item>
		<item>
		<title>Adobe After Effects 無償プラグインまとめ</title>
		<link>https://cgbeginner.net/adobe-after-effects-free-plugins/</link>
					<comments>https://cgbeginner.net/adobe-after-effects-free-plugins/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Thu, 07 May 2020 12:49:47 +0000</pubDate>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1778</guid>

					<description><![CDATA[VFXに欠かせないツールのAdobe After Effects。ハリウッドからアマチュアまで幅広くの人に愛用されています。After Effectsはプラグインによって強化され（むしろプラグインがないと貧弱？）、さらな [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>VFXに欠かせないツールのAdobe After Effects。ハリウッドからアマチュアまで幅広くの人に愛用されています。After Effectsはプラグインによって強化され（むしろプラグインがないと貧弱？）、さらなる映像表現が可能になります。</p>



<p>プラグインは有償のものがほとんどで、結構な金額になります。一方無料ながら高品質なプラグインもそれなりにあります。入れておいて損はないでしょう。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Video Copilot社製プラグイン</a><ol><li><a href="#toc2" tabindex="0">Saber</a></li><li><a href="#toc3" tabindex="0">Color Vibrance</a></li><li><a href="#toc4" tabindex="0">ORB</a></li><li><a href="#toc5" tabindex="0">Sure Target 2</a></li><li><a href="#toc6" tabindex="0">Glass Eyes</a></li><li><a href="#toc7" tabindex="0">FX Console</a></li></ol></li><li><a href="#toc8" tabindex="0">Red Giant社製プラグイン</a><ol><li><a href="#toc9" tabindex="0">Knoll Unmult</a></li><li><a href="#toc10" tabindex="0">Magic Bullet Colorista Free</a></li><li><a href="#toc11" tabindex="0">Magic Bullet Quicklooks Free</a></li></ol></li><li><a href="#toc12" tabindex="0">Mister Horse製プラグイン</a><ol><li><a href="#toc13" tabindex="0">Animation Composer 2</a></li></ol></li><li><a href="#toc14" tabindex="0">ALOHAFX製プラグイン</a><ol><li><a href="#toc15" tabindex="0">BOXED</a></li></ol></li><li><a href="#toc16" tabindex="0">実写素材から抽出したリアルな手ブレ素材集</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Video Copilot社製プラグイン</span></h2>



<p><strong>After Effectsの神</strong>こと<strong>Anderw Kramer</strong>氏が率いる神のようなウェブサイトが「Video Copilot」です。AEの高品質で濃厚なチュートリアル動画で有名です。「Hey, what&#8217;s up? Andrew Kramer here for VideoCopilot.net and welcome back to another very exciting tutorial&#8230;」といったフレーズに聞き覚えのある方、多いですよね？この方はチュートリアル動画だけでなくプラグインの作成も行っています。有償プラグインとして、ハリウッドでも多用されるようになった、「Optical Flares」や、「Element 3D」、「Twitch」などを販売する一方、無料とは思えないくらいのクオリティーを誇る無料プラグインもリリースしています。</p>



<h3 class="wp-block-heading"><span id="toc2">Saber</span></h3>



<p>セイバーと読みます。スター・ウォーズシリーズの「ライトセーバー」のエフェクトを生み出すことができます。ライトセーバーに限らず、エナジービームや稲妻など多様な表現が可能。余談ですが、Anderw Kramer氏は、「スター・ウォーズ/フォースの覚醒」のオープニングクロールとホログラムなどのVFXを担当されているので、ある意味<strong>「ホンモノ」のライトセーバーが手に入ります。</strong></p>




<a rel="noopener" href="https://www.videocopilot.net/blog/2016/03/new-plug-in-saber-now-available-100-free/" title="NEW Plug-In: SABER Now Available 100% Free!" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/8a3ea32f21305d49c1b651ce62cbf701.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">NEW Plug-In: SABER Now Available 100% Free!</div><div class="blogcard-snippet external-blogcard-snippet">New MacOS Catalina SupportInstall latest version of Mac plugin!Watch Tutorial on Youtube in HDOur sweet new energy plug-...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/blog/2016/03/new-plug-in-saber-now-available-100-free/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>




<a rel="noopener" href="https://flashbackj.com/product/saber" title="Saber - フラッシュバックジャパン" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/862ba91620eb4dda030d6d5897972998.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Saber - フラッシュバックジャパン</div><div class="blogcard-snippet external-blogcard-snippet">Video Copilot 社の無償プラグイン：Saber</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flashbackj.com/product/saber" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flashbackj.com</div></div></div></div></a>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/os-qqVrMc-Q?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/reSXGxkyr0k?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h3 class="wp-block-heading"><span id="toc3">Color Vibrance</span></h3>



<p>カラーバイブランスと読みます。<strong>素材の色合いを、美しく変える</strong>ことができるプラグインです。</p>




<a rel="noopener" href="https://www.videocopilot.net/blog/2014/05/new-plug-in-color-vibrance/" title="New Plug-in: Color Vibrance! (Updated V1.0.6)" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/635c02d3300e7359dcd7b38e18601493.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">New Plug-in: Color Vibrance! (Updated V1.0.6)</div><div class="blogcard-snippet external-blogcard-snippet">New MacOS Catalina SupportInstall latest version of Mac plugin!Watch on YouTube in HDIntense bright colorization can be ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/blog/2014/05/new-plug-in-color-vibrance/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>




<a rel="noopener" href="https://flashbackj.com/product/color-vibrance" title="VC Color Vibrance - Flashback Japan Inc" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/570e9b335416cc4db3f34496156b5f8a.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">VC Color Vibrance - Flashback Japan Inc</div><div class="blogcard-snippet external-blogcard-snippet">Video Copilot 社の無償プラグイン：Color Vibrance</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flashbackj.com/product/color-vibrance" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flashbackj.com</div></div></div></div></a>



<figure class="wp-block-embed-vimeo wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Andrew Kramer - Sci-Fi Weapons Experiment! (日本語字幕版)" src="https://player.vimeo.com/video/96578327?dnt=1&amp;app_id=122963" width="1280" height="720" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
</div></figure>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/BgTNtuCiHhA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h3 class="wp-block-heading"><span id="toc4">ORB</span></h3>



<p>オーブと読みます。オーブ（球体）が示すように、<strong>惑星（地球など）の3D映像をAfter Effects上で生成</strong>できるプラグインです。これは凄すぎて、なぜだか悔しくなってくるほどのプラグインです。</p>




<a rel="noopener" href="https://www.videocopilot.net/orb/" title="VIDEO COPILOT | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.videocopilot.net%2Forb%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">VIDEO COPILOT | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals</div><div class="blogcard-snippet external-blogcard-snippet">High quality After Effects Video Tutorials for motion graphics and visual effects presented by Andrew Kramer</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/orb/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>




<a rel="noopener" href="https://flashbackj.com/product/orb" title="ORB - Flashback Japan Inc" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/f4fc4001a88fccc4b0a58cbdb8f51a6c.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ORB - Flashback Japan Inc</div><div class="blogcard-snippet external-blogcard-snippet">Video Copilot 社の無償プラグイン：ORB</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flashbackj.com/product/orb" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flashbackj.com</div></div></div></div></a>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/xJ1FNfk7kSE?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/iT12Q9O-Q30?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h3 class="wp-block-heading"><span id="toc5">Sure Target 2</span></h3>



<p>シュアターゲットと読みます。 After Effects の3D空間に配置したオブジェクトやヌルのターゲットを、キーフレームの順番とタイミングで追尾し、<strong>3Dのカメラワークを自動でつけてくれる</strong>カメラ制御プラグインです。 </p>




<a rel="noopener" href="https://www.videocopilot.net/tutorials/sure_target_2/" title="Sure Target 2" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/3102021499969c906091106f02672bb9.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Sure Target 2</div><div class="blogcard-snippet external-blogcard-snippet">Sure Target 2 is a plug-in for controlling the AE Camera</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/tutorials/sure_target_2" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>




<a rel="noopener" href="https://flashbackj.com/product/sure-target" title="Sure Target 2 - Flashback Japan Inc" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/5e3a384ee73b21e82401ce34241352aa.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Sure Target 2 - Flashback Japan Inc</div><div class="blogcard-snippet external-blogcard-snippet">3D空間に配置したターゲットの座標をキーフレームで自動追尾し、After Effects の3Dカメラを自動制御するカメラ制御プラグイン</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://flashbackj.com/product/sure-target" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flashbackj.com</div></div></div></div></a>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/3FudZs4fQ0g?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<h3 class="wp-block-heading"><span id="toc6">Glass Eyes</span></h3>



<p>グラスアイズと読みます。これは実用性はありませんが無料です。エイプリルフールネタとして配布されました。<strong>気持ち悪い目玉を作ることができます。</strong></p>




<a rel="noopener" href="https://www.videocopilot.net/blog/2016/04/another-new-plug-in/" title="Another New Plug-In! (APRIL FOOLS)" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/f1d2e6b64a008ab93f567fd5b2b0af91.gif" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Another New Plug-In! (APRIL FOOLS)</div><div class="blogcard-snippet external-blogcard-snippet">We brought you Optical Flares, Element 3D, Saber and now here is Glass Eyes!Don&#039;t waste your time with fake april fools ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/blog/2016/04/another-new-plug-in/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>



<p><a href="https://www.videocopilot.net/assets/public/images/v7/blog/tutorial_eyes946.mp4">https://www.videocopilot.net/assets/public/images/v7/blog/tutorial_eyes946.mp4</a></p>



<h3 class="wp-block-heading"><span id="toc7">FX Console</span></h3>



<p>エフェクツコンソールという、エフェクトを効率的に加えていける補助プラグインです。なにか新しいことができるわけではありませんが、<strong>使いこなすと作業速度が上がります。</strong><br>問題点としては、このツールが真価を発揮するのは、AEの言語設定が「英語」のときです（アメリカ人が作ったツールなので&#8230;）。これを機にAEの言語を英語にしてしまうのも良いかもしれませんね。</p>



<p>言語の変え方は次の記事にまとめています。</p>




<a href="https://cgbeginner.net/adobe-english/" title="Adobe製のソフトを英語版で起動する方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://cgbeginner.net/wp-content/uploads/2017/05/ae-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://cgbeginner.net/wp-content/uploads/2017/05/ae-160x90.jpg 160w, https://cgbeginner.net/wp-content/uploads/2017/05/ae-120x67.jpg 120w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Adobe製のソフトを英語版で起動する方法</div><div class="blogcard-snippet internal-blogcard-snippet">Adobe系のソフトを、英語環境で使いたいときありますよね。物によっては英語環境じゃないと動かないプラグインとかもありますし。今回は、Adobe系ソフトの英語起動方法を改めてまとめ直します。Adobe Photoshop を英語起動する方法...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://cgbeginner.net" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">cgbeginner.net</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2017.05.14</div></div></div></div></a>




<a rel="noopener" href="https://www.videocopilot.net/blog/?s=fx+console" title="FX Console Utility Graphics" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/2d45730090f8cfdc68ac1d089d5bb67c.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">FX Console Utility Graphics</div><div class="blogcard-snippet external-blogcard-snippet">Our new workflow utility now has some graphics!Introducing FX Console our new plug-in for After Effects that has been sl...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.videocopilot.net/blog/?s=fx+console" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.videocopilot.net</div></div></div></div></a>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/rqmDo04T0pY?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>



<p>過去バージョンでは日本語環境での仕様に致命的不具合があったそうですが、今は改善済みだそうです。</p>




<a rel="noopener" href="http://ae-users.com/jp/resources/2016/10/%e6%97%a5%e6%9c%ac%e7%89%88ae%e3%81%a7fx-console%e3%81%8c%e8%90%bd%e3%81%a1%e3%82%8b%e5%95%8f%e9%a1%8c%e3%81%b8%e3%81%ae%e4%b8%80%e6%99%82%e7%9a%84%e3%81%aa%e5%af%be%e5%87%a6%e6%b3%95/" title="Redirecting..." class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/http%3A%2F%2Fae-users.com%2Fjp%2Fresources%2F2016%2F10%2F%25e6%2597%25a5%25e6%259c%25ac%25e7%2589%2588ae%25e3%2581%25a7fx-console%25e3%2581%258c%25e8%2590%25bd%25e3%2581%25a1%25e3%2582%258b%25e5%2595%258f%25e9%25a1%258c%25e3%2581%25b8%25e3%2581%25ae%25e4%25b8%2580%25e6%2599%2582%25e7%259a%2584%25e3%2581%25aa%25e5%25af%25be%25e5%2587%25a6%25e6%25b3%2595%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Redirecting...</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=http://ae-users.com/jp/resources/2016/10/%e6%97%a5%e6%9c%ac%e7%89%88ae%e3%81%a7fx-console%e3%81%8c%e8%90%bd%e3%81%a1%e3%82%8b%e5%95%8f%e9%a1%8c%e3%81%b8%e3%81%ae%e4%b8%80%e6%99%82%e7%9a%84%e3%81%aa%e5%af%be%e5%87%a6%e6%b3%95/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">ae-users.com</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc8">Red Giant社製プラグイン</span></h2>



<p>Red Giantもものすごいプラグインを多数開発していますが、少しだけ無料プラグインもあります。</p>



<h3 class="wp-block-heading"><span id="toc9">Knoll Unmult</span></h3>



<p>ノール・アンマルトと読みます。<strong>黒を抜く(アルファ値に変換する)だけのプラグインです。</strong>それだけなのに知名度が高いプラグインです。ちなみに、Video CopilotのColor Vibranceにも同等機能が搭載されてます。</p>




<a rel="noopener" href="https://support.redgiant.com/hc/en-us/articles/360010345194-Where-can-I-get-Unmult-" title="Red Giant | Toolkit for Video Editing, VFX &amp; Motion Graphics" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/7b20fe87233c546f81bbd55a6792f904.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Red Giant | Toolkit for Video Editing, VFX & Motion Graphics</div><div class="blogcard-snippet external-blogcard-snippet">Red Giant: The leading editing toolkit for visual effects, motion graphics &amp; video post-production. Elevate video, motio...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.maxon.net/en/red-giant" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.maxon.net</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc10">Magic Bullet Colorista Free</span></h3>



<p>マジックバレット・カラリスタと読みます。シンプルでエレガントなカラー補正ツールです。<strong>3ウェイホイールと、RGB数値スライダーによるカラーグレーディングが行えます。</strong>ワークフローにて業界標準のCDLデータとして共有できます。</p>




<a rel="noopener" href="https://support.redgiant.com/hc/en-us/articles/219491308-How-do-I-install-Magic-Bullet-Colorista-Free-" title="Red Giant | Toolkit for Video Editing, VFX &amp; Motion Graphics" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/7b20fe87233c546f81bbd55a6792f904.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Red Giant | Toolkit for Video Editing, VFX & Motion Graphics</div><div class="blogcard-snippet external-blogcard-snippet">Red Giant: The leading editing toolkit for visual effects, motion graphics &amp; video post-production. Elevate video, motio...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.maxon.net/en/red-giant" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.maxon.net</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc11">Magic Bullet Quicklooks Free</span></h3>



<p>カラー補正をプリセットで行えるツールです。</p>




<a rel="noopener" href="https://support.redgiant.com/hc/en-us/articles/219652087-How-do-I-install-Magic-Bullet-QuickLooks-Free-" title="Red Giant | Toolkit for Video Editing, VFX &amp; Motion Graphics" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/7b20fe87233c546f81bbd55a6792f904.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Red Giant | Toolkit for Video Editing, VFX & Motion Graphics</div><div class="blogcard-snippet external-blogcard-snippet">Red Giant: The leading editing toolkit for visual effects, motion graphics &amp; video post-production. Elevate video, motio...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.maxon.net/en/red-giant" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.maxon.net</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc12">Mister Horse製プラグイン</span></h2>



<h3 class="wp-block-heading"><span id="toc13">Animation Composer 2</span></h3>



<p>モーショングラフィックスで役に立つ、オシャレモーションをプリセットから選んでかんたんに適用できるツールです。モーションはすべてエクスプレッションで記述されているので、互換性（プラグインがない環境のAEでも動く）もよいです。有料でモーションパックを購入すれば、さらにモーションが追加できます。</p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/NKFzO_CLhPY?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>




<a rel="noopener" href="https://misterhorse.com/animation-composer" title="Animation Composer" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/25be1c784248336c56feca89add7c726.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Animation Composer</div><div class="blogcard-snippet external-blogcard-snippet">Plugin for Adobe After Effects which helps you save a ton of time.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://misterhorse.com/animation-composer" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">misterhorse.com</div></div></div></div></a>




<a rel="noopener" href="https://aescripts.com/animation-composer/" title="Animation Composer 3" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/1f485a994469b7a7ab27550367ecccbb.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Animation Composer 3</div><div class="blogcard-snippet external-blogcard-snippet">This product has been discontinued. You can now purchase all Mister Horse products through a single subscription plan.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://aescripts.com/animation-composer/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">aescripts.com</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc14">ALOHAFX製プラグイン</span></h2>



<h3 class="wp-block-heading"><span id="toc15">BOXED</span></h3>



<p>レイヤーやテキストの形に沿って四角形を付けるスクリプトです。値段は購入者が自由につけることができます。0ドルにすることも可能なので無償プラグインとして扱います。</p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/cO2vI6za_Zk?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>




<a rel="noopener" href="https://alohafx.net/boxed/" title="wizzymotion AI - AI Video, Image, Voice &amp; Music inside After Effects &amp; Premiere" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/aa408d2c9dd57f5d2bb140bba7c7fdf4.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">wizzymotion AI - AI Video, Image, Voice & Music inside After Effects & Premiere</div><div class="blogcard-snippet external-blogcard-snippet">The #1 AI plugin for After Effects &amp; Premiere Pro. Generate videos, images, voices &amp; music with 60+ AI models — all insi...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.wizzymotion.ai/en" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.wizzymotion.ai</div></div></div></div></a>



<h2 class="wp-block-heading"><span id="toc16">実写素材から抽出したリアルな手ブレ素材集</span></h2>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" class="youtube-player" width="1456" height="819" src="https://www.youtube.com/embed/irYss_1xPaI?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=ja&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
</div></figure>




<a rel="noopener" href="https://www.premiumbeat.com/blog/15-free-camera-shake-presets/" title="15 FREE Camera Shake Presets for After Effects and Premiere Pro" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://cgbeginner.net/wp-content/uploads/cocoon-resources/blog-card-cache/89ff7078e364efdf441f347bb1a5111d.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">15 FREE Camera Shake Presets for After Effects and Premiere Pro</div><div class="blogcard-snippet external-blogcard-snippet">Add authentic and realistic camera shake to your footage and motion graphics with these 15 FREE presets for Adobe After ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.premiumbeat.com/blog/15-free-camera-shake-presets/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.premiumbeat.com</div></div></div></div></a>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/adobe-after-effects-free-plugins/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://www.videocopilot.net/assets/public/images/v7/blog/tutorial_eyes946.mp4" length="3596010" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">1778</post-id>	</item>
		<item>
		<title>Blenderのコマンドラインレンダリング</title>
		<link>https://cgbeginner.net/blender-commandline-rendering/</link>
					<comments>https://cgbeginner.net/blender-commandline-rendering/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Mon, 02 Dec 2019 16:55:53 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1731</guid>

					<description><![CDATA[Blenderは、実はコマンドラインでも動かすことができます。レンダリング命令もできるので、簡易ネットワークレンダリングやバッチレンダリングにぴったりです。 目次 コマンドの例オプションの解説オプション指定の注意点自動レ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="600" height="335" src="https://cgbeginner.net/wp-content/uploads/2019/02/blender.png" alt="" class="wp-image-1265" srcset="https://cgbeginner.net/wp-content/uploads/2019/02/blender.png 600w, https://cgbeginner.net/wp-content/uploads/2019/02/blender-300x168.png 300w, https://cgbeginner.net/wp-content/uploads/2019/02/blender-120x68.png 120w, https://cgbeginner.net/wp-content/uploads/2019/02/blender-160x90.png 160w, https://cgbeginner.net/wp-content/uploads/2019/02/blender-320x180.png 320w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p>Blenderは、実はコマンドラインでも動かすことができます。レンダリング命令もできるので、簡易ネットワークレンダリングやバッチレンダリングにぴったりです。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">コマンドの例</a></li><li><a href="#toc2" tabindex="0">オプションの解説</a></li><li><a href="#toc3" tabindex="0">オプション指定の注意点</a><ol><li><a href="#toc4" tabindex="0">自動レンダリングWindowsバッチファイル</a></li><li><a href="#toc5" tabindex="0">自動レンダリングシェルスクリプト(Bash)</a></li></ol></li><li><a href="#toc6" tabindex="0">Pythonスクリプトを用いた高度な指定（GPU指定レンダリング）</a></li><li><a href="#toc7" tabindex="0">逆順からレンダリング</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">コマンドの例</span></h2>



<p>コマンドはこのような感じになります。Windows, Linuxどちらも共通です。</p>



<pre class="wp-block-code bash"><code>blender --background -noaudio test.blend --threads 0 --render-output //anim --render-anim</code></pre>



<p>※BlenderへのPATHが通っている前提の記載です。（PATHが通っていない場合は、上記の「blender」とある部分を、C:\Program Files～～などから始まる絶対パスで記述すればOKです）</p>



<h2 class="wp-block-heading"><span id="toc2">オプションの解説</span></h2>



<p>よく使うもののみを紹介します。すべてのオプションは、公式マニュアルにあるのでそちらを御覧ください。基本的に、指定しなかったオプションについては、保存されているblendファイルや、Preferenceの設定がそのまま使われます。</p>




<a rel="noopener" href="https://docs.blender.org/manual/en/latest/advanced/command_line/arguments.html" title="Command Line Arguments - Blender 5.1 Manual" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdocs.blender.org%2Fmanual%2Fen%2Flatest%2Fadvanced%2Fcommand_line%2Farguments.html?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Command Line Arguments - Blender 5.1 Manual</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://docs.blender.org/manual/en/latest/advanced/command_line/arguments.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">docs.blender.org</div></div></div></div></a>



<p><strong><code>-b</code> もしくは <code>--background</code></strong><br>バックグラウンド実行（GUIを表示しない）。コマンドラインレンダリングの際は通常これにする。</p>



<p><strong><code>-noaudio</code></strong><br>オーディオシステムを使わない（GUIを起動していないLinuxなどはこれを追記する）。</p>



<p><strong><code>-t</code> もしくは <code>--threads</code> &lt;スレッド数&gt;</strong><br>レンダリングに使うCPUスレッド数。0を指定すると、すべての論理スレッドを使う。（8コア16スレッドCPUを使っているとしたら、16になる。）これは無くてもいいが、blendファイルで少なく指定している場合にオーバーライドするために使う。</p>



<p><span class="red">※マルチGPU構成等の場合、使用GPUを指定したかったりするかもしれませんが、これについては、コマンドライン引数では指定できません。そのかわり、Pythonスクリプトを使うことで実現可能です（後述）。</span></p>



<p><strong><code>-o</code> もしくは <code>--render-output</code> &lt;アウトプットのパス+ファイル名&gt;</strong><br>出力先。指定しない場合は、blendファイルの情報が使用される。<br>・<code>//</code> がblendファイルの場所基準の相対パス。<br>・アニメーションの場合、末尾に0000.pngや0000.exrがつく。<br>したがって、たとえば <code>//render/out</code> とすると、<code>(blendファイルの場所)/render/out0000.exr</code> 、 <code>(blendファイルの場所)/render/out0001.exr</code> 、といった形でファイルが保存されていく。<br>・#記号を使うことで、その部分を連番扱いにすることも可能。<br><code>//render/animation_##_test</code>とすると、<code>animation_01_test.png</code> のように名前がつけられる。#の数がそのままゼロ埋めの桁数になる。</p>



<p><strong><code>-a</code> もしくは <code>--render-anim</code></strong><br>アニメーションレンダリング。blendファイルで定義されたフレームのレンダリングを順番にすべて行う。</p>



<p><strong><code>-f</code> もしくは <code>--render-frame</code> &lt;フレーム番号&gt;</strong><br>特定のフレームのみレンダリング。とびとびの値や、連続フレームなどが柔軟に指定できる。<br>・複数のフレームを指定するときは、コンマで区切る。<br>例 : <code>--render-frame 1,4,10,20</code><br>・あるフレームからあるフレームの間を指定するときは、「..」を使う。<br>例 : <code>--render-frame 5..10</code><br>・上2つを組み合わせた表記も可能。<br>例 : <code>--render-frame 1,5,10..20,30..40,55,60</code><br>・スペースなどを含めないこと(引数の切れ目として認識されてしまう)。</p>



<h2 class="wp-block-heading"><span id="toc3">オプション指定の注意点</span></h2>



<p>以上の<span class="red">オプションを書く順番は、ある程度決まっています（これ重要）。</span>ルールは、</p>



<pre class="wp-block-code"><code>blender &#91;引数を取らないオプション] &#91;blendファイル] &#91;引数をとるオプション] &#91;フレーム指定オプション]</code></pre>



<p>となります。</p>



<p><strong>[引数を取らないオプション] </strong><br><code>-b</code>(<code>--background</code>)や、<code>-noaudio</code>など。blenderの起動方法に関わる部分。</p>



<p><strong>[blendファイル] </strong><br>blendファイルの場所を指定する。</p>



<p><strong>[引数をとるオプション] </strong><br>上の例では<code>-t</code>(<code>--threads</code>)や<code>-o</code>(<code>--render-output</code>)など。</p>



<p><strong>[フレーム指定オプション] </strong><br><code>-a</code>(<code>--render-anim</code>)もしくは<code>-f</code>(<code>--render-frame</code>)を入れる。<span class="red">このオプションは必ず最後にしないといけない。</span>途中に書くと、命令がそこまでだと認識され、後に書いた部分はすべて無視される。</p>



<h3 class="wp-block-heading"><span id="toc4">自動レンダリングWindowsバッチファイル</span></h3>



<p>Windowsのバッチレンダリングに使える.batファイルを作成してみました。変数を使って、柔軟に変更できるようになっています。<br>set文は、変数の指定を意味しています。<span class="blue">同じ変数の指定文が複数ありますが、一番下にあるものが優先されるので、行の順番を変えることで設定をいじれるようになっています。</span>（このような書き方って、セオリー的にどうなんでしょうかね。あんまり綺麗では無い気がしますが、私はこうやってます。）<br>また、logファイルに、レンダリングの情報が逐一出力されるようになっています。log=nulにすると、ログを作りません。<br>%blender%から始まる行を複製して並べれば、複数ファイルを順番にレンダリングするようなものを作れます。</p>



<pre class="wp-block-preformatted">set blender="C:\Software\Blender\2.81\blender.exe"
set log=nul
set log="Z:\Web\CGBeginner\log.txt"

set blendfile="Z:\Web\CGBeginner\render.blend"
set threads=0

set outpath= --render-output //scene1/render
set outpath=

set frame=--render-frame 359..360
set frame=--render-anim

%blender% --background -noaudio %blendfile% --threads %threads% %outpath% %frame% &gt;&gt; %log% 2&gt;&amp;1

rem @echo off
echo End of Batch
pause</pre>



<h3 class="wp-block-heading"><span id="toc5">自動レンダリングシェルスクリプト(Bash)</span></h3>



<p>Linuxで使うシェルスクリプトも作成しました。中身は.batと同等です。</p>



<pre class="wp-block-code"><code>blender="/home/user/bin/blender2.81/blender"
log="/dev/null"
log="/home/user/log"

blendfile="/home/user/render.blend"
threads=0

outpath="--render-output //scene1/render"
outpath=""

frame="--render-frame 1,3,5"
frame="--render-frame 1..10"
frame="--render-anim"

${blender} --background -noaudio ${blendfile} --threads ${threads} ${outpath} ${frame} &gt;&gt; ${log} 2&gt;&amp;1 &amp;
</code></pre>



<h2 class="wp-block-heading"><span id="toc6">Pythonスクリプトを用いた高度な指定（GPU指定レンダリング）</span></h2>



<p>現在、私のPCはGPUを2台搭載した以下のような構成になっています。</p>



<ul class="wp-block-list">
<li>CPU : AMD Ryzen 9 5950X</li>



<li>GPU 1: NVIDIA GeForce RTX 3080</li>



<li>GPU 2: NVIDIA GeForce RTX 3090</li>
</ul>



<p>基本的に、最後に保存したUser Preferenceの設定がそのまま使われるのですが、バッチ制御でGPUを指定してレンダリングを行いたい！というときがあります。わたしの場合、おなじblendファイルのレンダリングを、GPUごとに別プロセスに分けてレンダリングさせたりしてます。（そっちのほうがシステムが安定している気がする）</p>



<p>上述のコマンドライン引数では、計算タイプ（CUDA, Optix, HIP, etc）の指定や、GPUの指定はできません。そのような場合は、Pythonスクリプトを指定してレンダリングを行うことで実現可能です。</p>



<p>たとえば、上で書いたbatスクリプトを、</p>



<pre class="wp-block-code"><code>set blender=C:\Software\Blender\4.1.1\blender.exe
set blendfile="D:\Data\render.blend"

start %blender% --background -noaudio --python render_gpu0.py -- %blendfile%
start %blender% --background -noaudio --python render_gpu1.py -- %blendfile%</code></pre>



<p>のように書き換えます。Pythonファイルを指定しているわけですが、Pythonファイルは以下のようになります。</p>



<p>render_gpu0.py</p>



<pre class="wp-block-code"><code>import bpy
import sys

# レンダリングする.blendファイルをコマンドライン引数から取得
blend_file_path = sys.argv&#91;-1]

# Optixを使用するように設定
bpy.context.preferences.addons&#91;'cycles'].preferences.compute_device_type = 'OPTIX'

# 利用可能なすべてのデバイスを表示
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
if devices is not None:
    for i, device in enumerate(devices):
        print("Device {}: {}".format(i, device.name))
else:
    print("No devices found.")

# 利用するデバイスを全てOFFに初期設定
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
for device in devices:
    device.use = False

# GPUを指定
devices&#91;3].use = True

# レンダリング設定
bpy.context.scene.render.engine = 'CYCLES'
bpy.context.scene.cycles.device = 'GPU'

# ファイルの読み込みとレンダリング
bpy.ops.wm.open_mainfile(filepath=blend_file_path)
bpy.ops.render.render(animation=True, write_still=False)</code></pre>



<p><span class="red">一旦すべてのデバイスをOFFにした上で、<code>devices[3].use = True</code>と書いてある部分で、GPUの指定をしています。</span>この数字はどこから得たのか？ですが、</p>



<pre class="wp-block-code"><code># 利用可能なすべてのデバイスを表示
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
if devices is not None:
    for i, device in enumerate(devices):
        print("Device {}: {}".format(i, device.name))
else:
    print("No devices found.")</code></pre>



<p>をBlender上のコンソール等で実行することでわかります。私の場合、以下のような出力になります。</p>



<pre class="wp-block-code"><code>Device 0: NVIDIA GeForce RTX 3090
Device 1: NVIDIA GeForce RTX 3080
Device 2: AMD Ryzen 9 5950X 16-Core Processor
Device 3: NVIDIA GeForce RTX 3090
Device 4: NVIDIA GeForce RTX 3080</code></pre>



<p>このうち、Device 0, 1はCUDA、3,4がOptixです。2のCPUについては、CUDAとOptix両方のようです？このことを確認したければ、以下のコード</p>



<pre class="wp-block-code"><code># デバイスが有効かどうか
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
if devices is not None:
    for i, device in enumerate(devices):
        print("Device {}: {}".format(i, device.use))
else:
    print("No devices found.")</code></pre>



<p>をコンソールで動かせば、上記がTrueかFalseか表示されますので、BlenderのGUIでPreferenceをいじりながら、何のチェックを入れたら何がTrueになるのかを見ていけば紐付けられます。ということで私の場合は、RTX3090でOptixレンダリングしたい場合は、<code>devices[3].use = True</code>となるわけです。</p>



<p>render_gpu1.pyには、<code>devices[4].use = True</code>としておけば、それぞれのGPUで別プロセスでレンダリングが自動でできるというわけです。CPUも加えたければ一緒に書いておけばいいと思います。</p>



<p>以下は、RTX3090とCPUでレンダリングするためのPythonコードです。</p>



<p>render_gpu0_cpu.py</p>



<pre class="wp-block-code"><code>import bpy
import sys

# レンダリングする.blendファイルをコマンドライン引数から取得
blend_file_path = sys.argv&#91;-1]

# Optixを使用するように設定
bpy.context.preferences.addons&#91;'cycles'].preferences.compute_device_type = 'OPTIX'

# 利用可能なすべてのデバイスを表示
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
if devices is not None:
    for i, device in enumerate(devices):
        print("Device {}: {}".format(i, device.name))
else:
    print("No devices found.")

# 利用するデバイスを全てOFFに初期設定
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
for device in devices:
    device.use = False

# GPUとCPUを指定
devices&#91;2].use = True
devices&#91;3].use = True

# レンダリング設定
bpy.context.scene.render.engine = 'CYCLES'
bpy.context.scene.cycles.device = 'GPU'

# ファイルの読み込みとレンダリング
bpy.ops.wm.open_mainfile(filepath=blend_file_path)
bpy.ops.render.render(animation=True, write_still=False)</code></pre>



<h2 class="wp-block-heading"><span id="toc7">逆順からレンダリング</span></h2>



<p>Blenderは通常、アニメーションレンダリングは、指定範囲のフレームを、前から順に行っていきます。でも、マシン複数台でレンダリングする際など、レンダリングの順番を制御したいときもあるでしょう。私も、メインマシンとサブマシンでレンダリングする際、両方とも前から順でもいいのですが、たまにマシンの環境違い等によって、微妙に結果が違うレンダリングになってしまうことが経験上ありました。メインマシンとサブマシンで両方とも前から順にレンダリングしていた場合、そういう時に変なフリッカーになってしまい、分離するにも容易じゃない状況になってしまいます。こういう時、メインマシンは前から順、サブマシンは逆順でレンダリングができれば便利では！？そう思ったので方法をメモします。</p>



<p>上で述べた、Pythonスクリプトをベースにして、render_gpu0_backwards.pyと名付けましょう。</p>



<pre class="wp-block-code"><code>import bpy
import sys

# レンダリングする.blendファイルをコマンドライン引数から取得
blend_file_path = sys.argv&#91;-1]

# Optixを使用するように設定
bpy.context.preferences.addons&#91;'cycles'].preferences.compute_device_type = 'OPTIX'

# 利用可能なすべてのデバイスを表示
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
if devices is not None:
    for i, device in enumerate(devices):
        print("Device {}: {}".format(i, device.name))
else:
    print("No devices found.")

# 利用するデバイスを全てOFFに初期設定
devices = bpy.context.preferences.addons&#91;'cycles'].preferences.devices
for device in devices:
    device.use = False

# GPUを指定
devices&#91;0].use = True

# レンダリング設定
bpy.context.scene.render.engine = 'CYCLES'
bpy.context.scene.cycles.device = 'GPU'

# ファイルの読み込みとレンダリング
bpy.ops.wm.open_mainfile(filepath=blend_file_path)
#bpy.ops.render.render(animation=True, write_still=False)

# 逆順にレンダリング
scene = bpy.context.scene

# オリジナルのフレーム範囲を保存
original_start_frame = scene.frame_start
original_end_frame = scene.frame_end

# 逆順にループ
for frame in range(original_end_frame, original_start_frame - 1, -1):
    print(f"Rendering frame {frame}")
    
    # フレーム範囲を1フレームのレンジに設定
    scene.frame_start = frame
    scene.frame_end = frame
    
    # アニメーションのレンダリング
    bpy.ops.render.render(animation=True, write_still=False)
    
    print(f"Finished rendering frame {frame}")

# フレーム範囲を元に戻す
scene.frame_start = original_start_frame
scene.frame_end = original_end_frame

print("Rendering completed.")</code></pre>



<p>上記スクリプトの「逆順にレンダリング」の部分以下がポイントです。やっていることは、もともと設定したレンダリングフレーム範囲を強制的に変更しながら、ループを回すという仕組みです。</p>



<p>scene.frame_startがアニメーション開始フレーム、scene.frame_endがアニメーション終了フレームを意味しており、その情報をoriginal_start_frameとoriginal_end_frameに保持したうえで、scene.frame_startとscene.frame_endを変化させながらループさせます。</p>



<p>もしシーンのフレーム範囲が1から250に設定されている場合、<br>original_end_frame は 250 です。これがループの開始点になります。<br>original_start_frame &#8211; 1 は 0 です (original_start_frame が 1 のため)。<br>-1 はステップサイズで、1ずつ減少させながらループします。<br>最初のループでは、frame は 250 になります。<br>次に、frame は 249 になります。<br>このように、frame は 1 まで1ずつ減少します。<br>frame が 1 になった後、次に frame が 0 になるため、ループが終了します。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/blender-commandline-rendering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1731</post-id>	</item>
		<item>
		<title>Blender 2.8x系 reroute操作まとめ</title>
		<link>https://cgbeginner.net/blender-reroute/</link>
					<comments>https://cgbeginner.net/blender-reroute/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Sat, 30 Nov 2019 16:16:43 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1701</guid>

					<description><![CDATA[ノードを整理するときに活用するreroute(リルート)ですが、いまいち操作がわからないのでまとめました。ちなみにrerouteはこんなものです。ノードをつなぐ丸そのものの形をしています。 ちなみに、ノード同士をつなぐ線 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>ノードを整理するときに活用するreroute(リルート)ですが、いまいち操作がわからないのでまとめました。<br>ちなみにrerouteはこんなものです。ノードをつなぐ丸そのものの形をしています。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="807" height="238" src="https://cgbeginner.net/wp-content/uploads/2019/12/reroute.png" alt="" class="wp-image-1702" srcset="https://cgbeginner.net/wp-content/uploads/2019/12/reroute.png 807w, https://cgbeginner.net/wp-content/uploads/2019/12/reroute-300x88.png 300w, https://cgbeginner.net/wp-content/uploads/2019/12/reroute-768x226.png 768w" sizes="(max-width: 807px) 100vw, 807px" /></figure>



<p>ちなみに、ノード同士をつなぐ線を「ヌードル(noodle)」もしくは「スレッド(thread)」と呼ぶらしいです。</p>



<figure class="wp-block-table"><table class=""><tbody><tr><td>Shift + A -> Layout -> Reroute</td><td>rerouteを追加</td></tr><tr><td>Shift + RMBドラッグ</td><td>描いた線上にあるヌードルにrerouteを挿入</td></tr><tr><td>(rerouteの上から) Alt ＋LMBドラッグ</td><td>rerouteを切り離して動かす</td></tr><tr><td>?</td><td>rerouteを動かす</td></tr><tr><td>(reroute選択状態で) Ctrl + X</td><td>つながりを保持しながら、reroute削除</td></tr><tr><td>(reroute選択状態で) X もしくは Delete</td><td>rerouteに接続中のヌードルもろともreroute削除</td></tr></tbody></table></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/blender-reroute/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1701</post-id>	</item>
		<item>
		<title>Blender2.8x系の必須初期設定まとめ</title>
		<link>https://cgbeginner.net/blender28x-settings/</link>
					<comments>https://cgbeginner.net/blender28x-settings/#respond</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Thu, 28 Nov 2019 15:00:00 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1690</guid>

					<description><![CDATA[Blender2.80のリリースは、CG界でも大きな話題となりました。UIは洗練され、見た目も今風になり、高性能かつリアルな物理ベースレンダラー(Cycles, EEVEE)が搭載されて、個人的には完全に有料CGソフト( [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Blender2.80のリリースは、CG界でも大きな話題となりました。UIは洗練され、見た目も今風になり、高性能かつリアルな物理ベースレンダラー(Cycles, EEVEE)が搭載されて、<span class="marker">個人的には完全に有料CGソフト(Maya, 3dsmax, Cinema4D,etc&#8230;)と肩を並べる存在になったと思っています。</span>Blender2.79以前で搭載済みの機能でも、初期設定が改善されて、何も初期設定しなくてもほとんど問題なくなっており、かなりかゆいところに手が届くTweakだと思っております。<br>とは言っても、インストールまんまのデフォルト状態では少し足りない部分があるので、その部分の設定についてメモしておきます。</p>



<p>※この記事は、Blender2.81をベースにしています。</p>



<p>さて、早速Blenderを起動しましょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="555" src="https://cgbeginner.net/wp-content/uploads/2019/11/splash-1024x555.png" alt="" class="wp-image-1691" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/splash-1024x555.png 1024w, https://cgbeginner.net/wp-content/uploads/2019/11/splash-300x163.png 300w, https://cgbeginner.net/wp-content/uploads/2019/11/splash-768x416.png 768w, https://cgbeginner.net/wp-content/uploads/2019/11/splash-1536x832.png 1536w, https://cgbeginner.net/wp-content/uploads/2019/11/splash.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>画面左上の、<strong>Edit</strong>を押して、<strong>Preferences</strong>をクリックして、設定画面を開きましょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="552" src="https://cgbeginner.net/wp-content/uploads/2019/11/interface1.png" alt="" class="wp-image-1692" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/interface1.png 662w, https://cgbeginner.net/wp-content/uploads/2019/11/interface1-300x250.png 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">日本語ファイルの文字化け(豆腐化)防止</a></li><li><a href="#toc2" tabindex="0">必須アドオンの有効化</a></li><li><a href="#toc3" tabindex="0">ビューポート回転の中心を選択オブジェクトにする</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">日本語ファイルの文字化け(豆腐化)防止</span></h2>



<p>Blenderは海外製ソフトですが、<span class="marker">日本語にも対応することができます</span>。インターフェイスすべてを日本語化することもできますが(初心者はそちらのほうがとっつきやすいかも？)、<span class="red">私はすべて英語表記のほうが良いと思っています。</span>CG関係は情報が英語しかない場合も多いですし、日本語になっている方がかえってわかりにくい場合があると思います。とは言っても、私は日本人で、日本語版のOSを使っていて、日本語のファイルやフォルダもあるわけです。<span class="marker-red">Blenderのインストール直後の状態では、日本語文字はすべて四角の記号に化けてしまいます。</span>（巷では「豆腐化」と言われているらしい。四角が豆腐みたいだから。）したがって、それを解消する設定を行います。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="552" src="https://cgbeginner.net/wp-content/uploads/2019/11/interface2.png" alt="" class="wp-image-1693" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/interface2.png 662w, https://cgbeginner.net/wp-content/uploads/2019/11/interface2-300x250.png 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>



<p><strong>Interface</strong>セクションの<strong>Translation</strong>にチェックを入れて有効にし、<strong>Language</strong>を<strong>Japanese(日本語)</strong>に、<strong>Tooltips</strong>のチェックを外します。これで、インターフェイス類は一切日本語化されませんが、日本語の文字は表示できるようになります。</p>



<h2 class="wp-block-heading"><span id="toc2">必須アドオンの有効化</span></h2>



<p>アドオンは人それぞれ意見があるとは思いますが、本当に最小限のもののみ紹介します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="552" src="https://cgbeginner.net/wp-content/uploads/2019/11/addons2.png" alt="" class="wp-image-1694" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/addons2.png 662w, https://cgbeginner.net/wp-content/uploads/2019/11/addons2-300x250.png 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>



<p><strong>Add-ons</strong>セクションの、以下の<strong>Add-on</strong>を有効にします。右上にある虫眼鏡で検索できるので活用してください。</p>



<p><strong>Node Wrangler</strong> : シェーダーノードをいじる場合に必須のアドオン。Ctrl+Shift+LeftClickでノードをクリックすると、そのノードをビューポートで直接確認できるというものです。他にも便利機能がたくさんあります。勝手に師匠と仰いでいる、Blender GuruのAndrew Price氏もよく動画内で使っています。<br><strong>Extra Objects</strong> : メッシュを追加するときに、選べる図形のバラエティが豊かになります。個人的に便利だと思うのは、数式からオブジェクトを作れる機能。3次元グラフとかを作るときに重宝します。<br><strong>LoopTools</strong> : モデリング補助系のアドオン。ループ機能が強化されます。<br><strong>F2</strong> : モデリング補助系のアドオン。面・エッジ系機能が強化されます。</p>



<h2 class="wp-block-heading"><span id="toc3">ビューポート回転の中心を選択オブジェクトにする</span></h2>



<p>ビューポートの回転中心は、デフォルトでは画面の中心（だったかな）です。選択オブジェクトを中心に回転してくれる方が個人的に使い勝手がいいので、その設定をしてしまいます。<br><strong>Navigation</strong>セクションの<strong>Orbit&amp;Pan</strong>タブを開きます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="552" src="https://cgbeginner.net/wp-content/uploads/2019/11/navigation1.png" alt="" class="wp-image-1695" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/navigation1.png 662w, https://cgbeginner.net/wp-content/uploads/2019/11/navigation1-300x250.png 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>



<p>「<strong>Orbit Around Selection</strong>」にチェックを入れます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="552" src="https://cgbeginner.net/wp-content/uploads/2019/11/navigation2.png" alt="" class="wp-image-1696" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/navigation2.png 662w, https://cgbeginner.net/wp-content/uploads/2019/11/navigation2-300x250.png 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>



<p>これだけです。この設定で回転中心をオブジェクトにできました。</p>



<p>以上が私の基本初期設定でした。参考になれば幸いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/blender28x-settings/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1690</post-id>	</item>
		<item>
		<title>光の波長をRGBに変換 [Blender Wavelength node]</title>
		<link>https://cgbeginner.net/wavelength-to-rgb/</link>
					<comments>https://cgbeginner.net/wavelength-to-rgb/#comments</comments>
		
		<dc:creator><![CDATA[CGBeginner]]></dc:creator>
		<pubDate>Fri, 01 Nov 2019 15:59:12 +0000</pubDate>
				<category><![CDATA[Blender]]></category>
		<category><![CDATA[CG]]></category>
		<guid isPermaLink="false">https://cgbeginner.net/?p=1562</guid>

					<description><![CDATA[我々が見ている「色」は、実際は異なる波長の光が混ざりあったものですが、CGレンダリングでは通常波長は考慮しません。（一部のレンダラーは波長まで考慮するものがあるそうですが、少なくともBlender cyclesレンダラー [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>我々が見ている「<strong>色</strong>」は、実際は異なる波長の光が混ざりあったものですが、CGレンダリングでは通常<strong><span class="bold-red">波長は考慮しません。</span></strong>（一部のレンダラーは波長まで考慮するものがあるそうですが、少なくともBlender cyclesレンダラーは波長を考慮しません）そこで、<span class="red">Blenderで波長を扱いたい場合、 波長をRGB値に変換する必要があります。</span><br> 実はBlenderには<em>Wavelengthノード</em>と呼ばれる、波長をRGBに変換するノードが存在するのですが、実際にどういう計算をしているのかは知っておいたほうが良いので調べてみることにしました。 <a href="https://blenderartists.org/t/what-algorithm-does-the-wavelength-node-use/1115193">同じことを考えている人</a>はいたみたいですが、このフォーラムでは満足な答えが得られていなかったので、独自に調べました。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-20" checked><label class="toc-title" for="toc-checkbox-20">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">波長RGB変換機</a></li><li><a href="#toc2" tabindex="0">解説</a><ol><li><a href="#toc3" tabindex="0">CIE測色標準観察者等色関数(XYZ色空間)</a></li><li><a href="#toc4" tabindex="0">XYZ色空間からRGB色空間へ</a><ol><li><a href="#toc5" tabindex="0">CIEの定義</a></li><li><a href="#toc6" tabindex="0">ITU Rec.709の定義</a></li></ol></li><li><a href="#toc7" tabindex="0">細かい処理</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">波長RGB変換機</span></h2>



<p>Blender Wavelength nodeのアルゴリズムを調べて、Webで同じ結果が出るようにした計算機を作りました。<span class="red"><strong>380 nm ～ 780 nm</strong> </span>の波長に対応しています(wavelengthノードも同様)。好きな波長を入力すると、それに対応したRGBの値が、０～１の浮動小数点(float)、8bitの10進数表記、8bitの16進数カラーコード表記で表示されます。<br>またプリセットとして、<strong>CIE(国際照明委員会 Commission internationale de l&#8217;eclairage)</strong>で定められた、赤(R)：700.0 [nm]、緑(G)：546.1[nm]、青(B)：435.8[nm]と、等色関数(後述)から得られる、純粋なRGB成分が出る波長を用意しています。<br>※700nmは、この変換式ではほぼ黒(に寄った赤)になります。</p>



<style>
    .wavelength-converter .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #0d6efd;
        cursor: pointer;
    }
    .wavelength-converter .form-range::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #0d6efd;
        cursor: pointer;
    }
    .wavelength-converter #target {
        width: 100px;
        height: 100px;
        border: 1px solid #000;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wavelength-converter .btn-group .btn {
        border: 1px solid #fff;
        transition: opacity 0.3s;
    }
    .wavelength-converter .btn-group .btn:hover {
        opacity: 0.8;
    }
</style>



    <form name="js" class="mb-4">
        <div class="mb-3">
            <label for="wavelengthSlider" class="form-label">Wavelength (波長) [nm]:</label>
            <div class="row align-items-center">
                <div class="col-md-8 mb-2 mb-md-0">
                    <input type="range" class="form-range" name="wavelengthslider" value="550" min="380" max="780" oninput="updateWavelengthValue(this.value)" id="wavelengthSlider">
                </div>
                <div class="col-md-4">
                    <div class="input-group">
                        <input type="number" class="form-control" name="wavelengthtextbox" value="550" min="380" max="780" oninput="updateWavelengthValue(this.value)" id="wavelengthTextbox">
                        <span class="input-group-text">nm</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-group mb-3 flex-wrap" role="group">
            <button type="button" class="btn" style="background-color: #030000; color: white;" onclick="setWavelength(700)">CIE赤(700.0nm)</button>
            <button type="button" class="btn" style="background-color: #fa0000; color: white;" onclick="setWavelength(610)">赤(610nm)</button>
            <button type="button" class="btn" style="background-color: #009200; color: white;" onclick="setWavelength(550)">緑(550nm)</button>
            <button type="button" class="btn" style="background-color: #009500; color: white;" onclick="setWavelength(546.1)">CIE緑(546.1nm)</button>
            <button type="button" class="btn" style="background-color: #0000a3; color: white;" onclick="setWavelength(465)">青(465nm)</button>
            <button type="button" class="btn" style="background-color: #1700b1; color: white;" onclick="setWavelength(435.8)">CIE青(435.8nm)</button>
        </div>
    </form>
    <div class="mb-3">
        <p id="rgbfloat" class="mb-1">Color(float) : R,G,B = 0.00000,0.00000,0.00000</p>
        <p id="rgb8d" class="mb-1">Color (8bit decimal) : R,G,B = 0, 0, 0</p>
        <p id="rgb8h" class="mb-1">Color (8bit hexadecimal) : RGB = #000000</p>
    </div>
    <div id="target" class="rounded">■色見本■</div>



<script>
function updateWavelengthValue(value) {
  document.js.wavelengthslider.value = value; // スライダーの値を更新
  document.js.wavelengthtextbox.value = value; // テキストボックスの値を更新
  wl_convert(); // 色変換関数を呼び出し
}

function wl_convert(){

var cie_colour_match = [
    [	0.0014 	,	0.0000 	,	0.0065 	],
    [	0.0022 	,	0.0001 	,	0.0105 	],
    [	0.0042 	,	0.0001 	,	0.0201 	],
    [	0.0076 	,	0.0002 	,	0.0362 	],
    [	0.0143 	,	0.0004 	,	0.0679 	],
    [	0.0232 	,	0.0006 	,	0.1102 	],
    [	0.0435 	,	0.0012 	,	0.2074 	],
    [	0.0776 	,	0.0022 	,	0.3713 	],
    [	0.1344 	,	0.0040 	,	0.6456 	],
    [	0.2148 	,	0.0073 	,	1.0391 	],
    [	0.2839 	,	0.0116 	,	1.3856 	],
    [	0.3285 	,	0.0168 	,	1.6230 	],
    [	0.3483 	,	0.0230 	,	1.7471 	],
    [	0.3481 	,	0.0298 	,	1.7826 	],
    [	0.3362 	,	0.0380 	,	1.7721 	],
    [	0.3187 	,	0.0480 	,	1.7441 	],
    [	0.2908 	,	0.0600 	,	1.6692 	],
    [	0.2511 	,	0.0739 	,	1.5281 	],
    [	0.1954 	,	0.0910 	,	1.2876 	],
    [	0.1421 	,	0.1126 	,	1.0419 	],
    [	0.0956 	,	0.1390 	,	0.8130 	],
    [	0.0580 	,	0.1693 	,	0.6162 	],
    [	0.0320 	,	0.2080 	,	0.4652 	],
    [	0.0147 	,	0.2586 	,	0.3533 	],
    [	0.0049 	,	0.3230 	,	0.2720 	],
    [	0.0024 	,	0.4073 	,	0.2123 	],
    [	0.0093 	,	0.5030 	,	0.1582 	],
    [	0.0291 	,	0.6082 	,	0.1117 	],
    [	0.0633 	,	0.7100 	,	0.0782 	],
    [	0.1096 	,	0.7932 	,	0.0573 	],
    [	0.1655 	,	0.8620 	,	0.0422 	],
    [	0.2257 	,	0.9149 	,	0.0298 	],
    [	0.2904 	,	0.9540 	,	0.0203 	],
    [	0.3597 	,	0.9803 	,	0.0134 	],
    [	0.4334 	,	0.9950 	,	0.0087 	],
    [	0.5121 	,	1.0000 	,	0.0057 	],
    [	0.5945 	,	0.9950 	,	0.0039 	],
    [	0.6784 	,	0.9786 	,	0.0027 	],
    [	0.7621 	,	0.9520 	,	0.0021 	],
    [	0.8425 	,	0.9154 	,	0.0018 	],
    [	0.9163 	,	0.8700 	,	0.0017 	],
    [	0.9786 	,	0.8163 	,	0.0014 	],
    [	1.0263 	,	0.7570 	,	0.0011 	],
    [	1.0567 	,	0.6949 	,	0.0010 	],
    [	1.0622 	,	0.6310 	,	0.0008 	],
    [	1.0456 	,	0.5668 	,	0.0006 	],
    [	1.0026 	,	0.5030 	,	0.0003 	],
    [	0.9384 	,	0.4412 	,	0.0002 	],
    [	0.8544 	,	0.3810 	,	0.0002 	],
    [	0.7514 	,	0.3210 	,	0.0001 	],
    [	0.6424 	,	0.2650 	,	0.0000 	],
    [	0.5419 	,	0.2170 	,	0.0000 	],
    [	0.4479 	,	0.1750 	,	0.0000 	],
    [	0.3608 	,	0.1382 	,	0.0000 	],
    [	0.2835 	,	0.1070 	,	0.0000 	],
    [	0.2187 	,	0.0816 	,	0.0000 	],
    [	0.1649 	,	0.0610 	,	0.0000 	],
    [	0.1212 	,	0.0446 	,	0.0000 	],
    [	0.0874 	,	0.0320 	,	0.0000 	],
    [	0.0636 	,	0.0232 	,	0.0000 	],
    [	0.0468 	,	0.0170 	,	0.0000 	],
    [	0.0329 	,	0.0119 	,	0.0000 	],
    [	0.0227 	,	0.0082 	,	0.0000 	],
    [	0.0158 	,	0.0057 	,	0.0000 	],
    [	0.0114 	,	0.0041 	,	0.0000 	],
    [	0.0081 	,	0.0029 	,	0.0000 	],
    [	0.0058 	,	0.0021 	,	0.0000 	],
    [	0.0041 	,	0.0015 	,	0.0000 	],
    [	0.0029 	,	0.0010 	,	0.0000 	],
    [	0.0020 	,	0.0007 	,	0.0000 	],
    [	0.0014 	,	0.0005 	,	0.0000 	],
    [	0.0010 	,	0.0004 	,	0.0000 	],
    [	0.0007 	,	0.0002 	,	0.0000 	],
    [	0.0005 	,	0.0002 	,	0.0000 	],
    [	0.0003 	,	0.0001 	,	0.0000 	],
    [	0.0002 	,	0.0001 	,	0.0000 	],
    [	0.0002 	,	0.0001 	,	0.0000 	],
    [	0.0001 	,	0.0000 	,	0.0000 	],
    [	0.0001 	,	0.0000 	,	0.0000 	],
    [	0.0001 	,	0.0000 	,	0.0000 	],
    [	0.0000 	,	0.0000 	,	0.0000 	]
];

var lambda_nm = document.js.wavelengthtextbox.value;

var ii = (lambda_nm - 380.0) * (1.0 / 5.0);  // scaled 0..80
var i = parseInt(ii);

var color = [0.0, 0.0, 0.0];
if (i < 0 || i >= 80) {
    color = [0.0, 0.0, 0.0];
}
else {
    ii -= i; //ii = ii - i;
    color[0] = cie_colour_match[i][0] + (cie_colour_match[i+1][0] - cie_colour_match[i][0]) * ii;
    color[1] = cie_colour_match[i][1] + (cie_colour_match[i+1][1] - cie_colour_match[i][1]) * ii;
    color[2] = cie_colour_match[i][2] + (cie_colour_match[i+1][2] - cie_colour_match[i][2]) * ii;
}

color = [3.240479 * color[0] + -1.537150 * color[1] + -0.498535 * color[2],
        -0.969256 * color[0] +  1.875991 * color[1] +  0.041556 * color[2],
         0.055648 * color[0] + -0.204043 * color[1] +  1.057311 * color[2]];

color[0] *= 1.0 / 2.52;  // Empirical scale from lg to make all comps <= 1
color[1] *= 1.0 / 2.52;  // Empirical scale from lg to make all comps <= 1
color[2] *= 1.0 / 2.52;  // Empirical scale from lg to make all comps <= 1

/* Clamp to zero if values are smaller */
color[0] = Math.max(color[0], 0.0);
color[1] = Math.max(color[1], 0.0);
color[2] = Math.max(color[2], 0.0);

var colorcode10 = [0, 0, 0];
colorcode10[0] = Math.min(parseInt(color[0] * 255), 255);
colorcode10[1] = Math.min(parseInt(color[1] * 255), 255);
colorcode10[2] = Math.min(parseInt(color[2] * 255), 255);

var colorcode16 =  [0, 0, 0];
colorcode16[0] = colorcode10[0].toString(16);
colorcode16[0] == ('00' + colorcode16[0] ).slice(-2);
colorcode16[1] = colorcode10[1].toString(16);
colorcode16[1] == ('00' + colorcode16[1] ).slice(-2);
colorcode16[2] = colorcode10[2].toString(16);
colorcode16[2] == ('00' + colorcode16[2] ).slice(-2);

var hex = '#' + ('00' + colorcode16[0].toString(16)).slice(-2) + ('00' + colorcode16[1].toString(16)).slice(-2) + ('00' + colorcode16[2].toString(16)).slice(-2);

var obj = document.getElementById("target");
obj.style.color = '#ffffff';
obj.style.backgroundColor = hex;

rgbfloat = document.getElementById("rgbfloat");
rgbfloat.innerHTML = "Color(float) : R,G,B = "+color[0].toFixed(5) +","+color[1].toFixed(5)+","+color[2].toFixed(5);
rgb8d = document.getElementById("rgb8d");
rgb8d.innerHTML = "Color (8bit decimal) : R,G,B = "+colorcode10[0].toFixed(0) +","+colorcode10[1].toFixed(0)+","+colorcode10[2].toFixed(0);
rgb8h = document.getElementById("rgb8h");
rgb8h.innerHTML = "Color (8bit hexadecimal) : RGB = "+hex;



}





function wl_ciered(){
  document.js.wavelengthtextbox.value="700.0";
  wl_convert()
}
function wl_ciegreen(){
  document.js.wavelengthtextbox.value="546.1";
  wl_convert()
}
function wl_cieblue(){
  document.js.wavelengthtextbox.value="435.8";
  wl_convert()
}
function wl_red(){
  document.js.wavelengthtextbox.value="610";
  wl_convert()
}
function wl_green(){
  document.js.wavelengthtextbox.value="550";
  wl_convert()
}
function wl_blue(){
  document.js.wavelengthtextbox.value="465";
  wl_convert()
}

function setWavelength(wavelength) {
  updateWavelengthValue(wavelength); // 特定の波長値をセットし、表示を更新
}

// ページがロードされた際に初期値で色を表示
document.addEventListener('DOMContentLoaded', function() {
  wl_convert();
});

</script>



<h2 class="wp-block-heading"><span id="toc2">解説</span></h2>



<h3 class="wp-block-heading"><span id="toc3">CIE測色標準観察者等色関数(XYZ色空間)</span></h3>



<p>Blenderのソースコードをwavelengthで検索すると、変換の仕組みが見えてきました。このWavelengthノードは CIE 1931 色空間をベースにしている様子です。 CIEの<strong>CIE測色標準観察者等色関数</strong>(The CIE XYZ standard observer color matching functions)が<a href="https://github.com/blender/blender/blob/main/source/blender/imbuf/intern/colormanagement.cc#L4378">ソースコードに組み込まれて</a>いました。</p>



<p><span class="fz-12px">2024/02追記：Blenderソースコードの構成がいつの間にか変わってたので再リンクしました。また、CIE関数が埋め込まれているソースも別ファイルに切り出されてました。<br>(/intern/cycles/kernel/svm/svm_wavelength.h → /intern/cycles/kernel/svm/wavelength.h)</span></p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="600" height="371" src="https://cgbeginner.net/wp-content/uploads/2019/11/CIE-XYZ-standard-observer-color-matching-functions.png" alt="" class="wp-image-1653" srcset="https://cgbeginner.net/wp-content/uploads/2019/11/CIE-XYZ-standard-observer-color-matching-functions.png 600w, https://cgbeginner.net/wp-content/uploads/2019/11/CIE-XYZ-standard-observer-color-matching-functions-300x186.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="has-text-align-center">Figure 1.  CIE測色標準観察者等色関数 </p>



<p>グラフの元になるのは、以下のデータです。</p>



<p class="has-text-align-center">Table 1. CIE測色標準観察者等色関数</p>



<figure class="wp-block-table fz-12px"><table><tbody><tr><td><strong>ID</strong></td><td><strong>Increment</strong></td><td><strong>Wavelength (nm)</strong></td><td><strong>xBar</strong></td><td><strong>yBar</strong></td><td><strong>zBar</strong></td></tr><tr><td>0</td><td>0</td><td>380</td><td>0.0014</td><td>0.0000</td><td>0.0065</td></tr><tr><td>1</td><td>5</td><td>385</td><td>0.0022</td><td>0.0001</td><td>0.0105</td></tr><tr><td>2</td><td>10</td><td>390</td><td>0.0042</td><td>0.0001</td><td>0.0201</td></tr><tr><td>3</td><td>15</td><td>395</td><td>0.0076</td><td>0.0002</td><td>0.0362</td></tr><tr><td>4</td><td>20</td><td>400</td><td>0.0143</td><td>0.0004</td><td>0.0679</td></tr><tr><td>5</td><td>25</td><td>405</td><td>0.0232</td><td>0.0006</td><td>0.1102</td></tr><tr><td>6</td><td>30</td><td>410</td><td>0.0435</td><td>0.0012</td><td>0.2074</td></tr><tr><td>7</td><td>35</td><td>415</td><td>0.0776</td><td>0.0022</td><td>0.3713</td></tr><tr><td>8</td><td>40</td><td>420</td><td>0.1344</td><td>0.0040</td><td>0.6456</td></tr><tr><td>9</td><td>45</td><td>425</td><td>0.2148</td><td>0.0073</td><td>1.0391</td></tr><tr><td>10</td><td>50</td><td>430</td><td>0.2839</td><td>0.0116</td><td>1.3856</td></tr><tr><td>11</td><td>55</td><td>435</td><td>0.3285</td><td>0.0168</td><td>1.6230</td></tr><tr><td>12</td><td>60</td><td>440</td><td>0.3483</td><td>0.0230</td><td>1.7471</td></tr><tr><td>13</td><td>65</td><td>445</td><td>0.3481</td><td>0.0298</td><td>1.7826</td></tr><tr><td>14</td><td>70</td><td>450</td><td>0.3362</td><td>0.0380</td><td>1.7721</td></tr><tr><td>15</td><td>75</td><td>455</td><td>0.3187</td><td>0.0480</td><td>1.7441</td></tr><tr><td>16</td><td>80</td><td>460</td><td>0.2908</td><td>0.0600</td><td>1.6692</td></tr><tr><td>17</td><td>85</td><td>465</td><td>0.2511</td><td>0.0739</td><td>1.5281</td></tr><tr><td>18</td><td>90</td><td>470</td><td>0.1954</td><td>0.0910</td><td>1.2876</td></tr><tr><td>19</td><td>95</td><td>475</td><td>0.1421</td><td>0.1126</td><td>1.0419</td></tr><tr><td>20</td><td>100</td><td>480</td><td>0.0956</td><td>0.1390</td><td>0.8130</td></tr><tr><td>21</td><td>105</td><td>485</td><td>0.0580</td><td>0.1693</td><td>0.6162</td></tr><tr><td>22</td><td>110</td><td>490</td><td>0.0320</td><td>0.2080</td><td>0.4652</td></tr><tr><td>23</td><td>115</td><td>495</td><td>0.0147</td><td>0.2586</td><td>0.3533</td></tr><tr><td>24</td><td>120</td><td>500</td><td>0.0049</td><td>0.3230</td><td>0.2720</td></tr><tr><td>25</td><td>125</td><td>505</td><td>0.0024</td><td>0.4073</td><td>0.2123</td></tr><tr><td>26</td><td>130</td><td>510</td><td>0.0093</td><td>0.5030</td><td>0.1582</td></tr><tr><td>27</td><td>135</td><td>515</td><td>0.0291</td><td>0.6082</td><td>0.1117</td></tr><tr><td>28</td><td>140</td><td>520</td><td>0.0633</td><td>0.7100</td><td>0.0782</td></tr><tr><td>29</td><td>145</td><td>525</td><td>0.1096</td><td>0.7932</td><td>0.0573</td></tr><tr><td>30</td><td>150</td><td>530</td><td>0.1655</td><td>0.8620</td><td>0.0422</td></tr><tr><td>31</td><td>155</td><td>535</td><td>0.2257</td><td>0.9149</td><td>0.0298</td></tr><tr><td>32</td><td>160</td><td>540</td><td>0.2904</td><td>0.9540</td><td>0.0203</td></tr><tr><td>33</td><td>165</td><td>545</td><td>0.3597</td><td>0.9803</td><td>0.0134</td></tr><tr><td>34</td><td>170</td><td>550</td><td>0.4334</td><td>0.9950</td><td>0.0087</td></tr><tr><td>35</td><td>175</td><td>555</td><td>0.5121</td><td>1.0000</td><td>0.0057</td></tr><tr><td>36</td><td>180</td><td>560</td><td>0.5945</td><td>0.9950</td><td>0.0039</td></tr><tr><td>37</td><td>185</td><td>565</td><td>0.6784</td><td>0.9786</td><td>0.0027</td></tr><tr><td>38</td><td>190</td><td>570</td><td>0.7621</td><td>0.9520</td><td>0.0021</td></tr><tr><td>39</td><td>195</td><td>575</td><td>0.8425</td><td>0.9154</td><td>0.0018</td></tr><tr><td>40</td><td>200</td><td>580</td><td>0.9163</td><td>0.8700</td><td>0.0017</td></tr><tr><td>41</td><td>205</td><td>585</td><td>0.9786</td><td>0.8163</td><td>0.0014</td></tr><tr><td>42</td><td>210</td><td>590</td><td>1.0263</td><td>0.7570</td><td>0.0011</td></tr><tr><td>43</td><td>215</td><td>595</td><td>1.0567</td><td>0.6949</td><td>0.0010</td></tr><tr><td>44</td><td>220</td><td>600</td><td>1.0622</td><td>0.6310</td><td>0.0008</td></tr><tr><td>45</td><td>225</td><td>605</td><td>1.0456</td><td>0.5668</td><td>0.0006</td></tr><tr><td>46</td><td>230</td><td>610</td><td>1.0026</td><td>0.5030</td><td>0.0003</td></tr><tr><td>47</td><td>235</td><td>615</td><td>0.9384</td><td>0.4412</td><td>0.0002</td></tr><tr><td>48</td><td>240</td><td>620</td><td>0.8544</td><td>0.3810</td><td>0.0002</td></tr><tr><td>49</td><td>245</td><td>625</td><td>0.7514</td><td>0.3210</td><td>0.0001</td></tr><tr><td>50</td><td>250</td><td>630</td><td>0.6424</td><td>0.2650</td><td>0.0000</td></tr><tr><td>51</td><td>255</td><td>635</td><td>0.5419</td><td>0.2170</td><td>0.0000</td></tr><tr><td>52</td><td>260</td><td>640</td><td>0.4479</td><td>0.1750</td><td>0.0000</td></tr><tr><td>53</td><td>265</td><td>645</td><td>0.3608</td><td>0.1382</td><td>0.0000</td></tr><tr><td>54</td><td>270</td><td>650</td><td>0.2835</td><td>0.1070</td><td>0.0000</td></tr><tr><td>55</td><td>275</td><td>655</td><td>0.2187</td><td>0.0816</td><td>0.0000</td></tr><tr><td>56</td><td>280</td><td>660</td><td>0.1649</td><td>0.0610</td><td>0.0000</td></tr><tr><td>57</td><td>285</td><td>665</td><td>0.1212</td><td>0.0446</td><td>0.0000</td></tr><tr><td>58</td><td>290</td><td>670</td><td>0.0874</td><td>0.0320</td><td>0.0000</td></tr><tr><td>59</td><td>295</td><td>675</td><td>0.0636</td><td>0.0232</td><td>0.0000</td></tr><tr><td>60</td><td>300</td><td>680</td><td>0.0468</td><td>0.0170</td><td>0.0000</td></tr><tr><td>61</td><td>305</td><td>685</td><td>0.0329</td><td>0.0119</td><td>0.0000</td></tr><tr><td>62</td><td>310</td><td>690</td><td>0.0227</td><td>0.0082</td><td>0.0000</td></tr><tr><td>63</td><td>315</td><td>695</td><td>0.0158</td><td>0.0057</td><td>0.0000</td></tr><tr><td>64</td><td>320</td><td>700</td><td>0.0114</td><td>0.0041</td><td>0.0000</td></tr><tr><td>65</td><td>325</td><td>705</td><td>0.0081</td><td>0.0029</td><td>0.0000</td></tr><tr><td>66</td><td>330</td><td>710</td><td>0.0058</td><td>0.0021</td><td>0.0000</td></tr><tr><td>67</td><td>335</td><td>715</td><td>0.0041</td><td>0.0015</td><td>0.0000</td></tr><tr><td>68</td><td>340</td><td>720</td><td>0.0029</td><td>0.0010</td><td>0.0000</td></tr><tr><td>69</td><td>345</td><td>725</td><td>0.0020</td><td>0.0007</td><td>0.0000</td></tr><tr><td>70</td><td>350</td><td>730</td><td>0.0014</td><td>0.0005</td><td>0.0000</td></tr><tr><td>71</td><td>355</td><td>735</td><td>0.0010</td><td>0.0004</td><td>0.0000</td></tr><tr><td>72</td><td>360</td><td>740</td><td>0.0007</td><td>0.0002</td><td>0.0000</td></tr><tr><td>73</td><td>365</td><td>745</td><td>0.0005</td><td>0.0002</td><td>0.0000</td></tr><tr><td>74</td><td>370</td><td>750</td><td>0.0003</td><td>0.0001</td><td>0.0000</td></tr><tr><td>75</td><td>375</td><td>755</td><td>0.0002</td><td>0.0001</td><td>0.0000</td></tr><tr><td>76</td><td>380</td><td>760</td><td>0.0002</td><td>0.0001</td><td>0.0000</td></tr><tr><td>77</td><td>385</td><td>765</td><td>0.0001</td><td>0.0000</td><td>0.0000</td></tr><tr><td>78</td><td>390</td><td>770</td><td>0.0001</td><td>0.0000</td><td>0.0000</td></tr><tr><td>79</td><td>395</td><td>775</td><td>0.0001</td><td>0.0000</td><td>0.0000</td></tr><tr><td>80</td><td>400</td><td>780</td><td>0.0000</td><td>0.0000</td><td>0.0000</td></tr></tbody></table></figure>



<p>これは波長をCIE XYZ 色空間の値に変換するもので、これを基底変換してRGBに変換することができるそう。(歴史的には、RGBが先でXYZが後にできた色空間だそうです)変換については、詳細なまとめ記事があったのでそちらを参照してください。</p>




<a rel="noopener" href="https://qiita.com/Ushio/items/7a5d80612796c4bcfca6" title="XYZ色空間に迫る(2) - Qiita" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fqiita.com%2FUshio%2Fitems%2F7a5d80612796c4bcfca6?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">XYZ色空間に迫る(2) - Qiita</div><div class="blogcard-snippet external-blogcard-snippet">XYZ色空間に迫る(1) からの続きになります。 いよいよ本題のXYZ色空間です。 イケてないRGB色空間 前回で1931 CIE RGB等色関数を手に入れました。そしてRGBの三値刺激は空間の座標と捉えることができ、それをCIE 1931...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://qiita.com/Ushio/items/7a5d80612796c4bcfca6" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">qiita.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc4">XYZ色空間からRGB色空間へ</span></h3>



<h4 class="wp-block-heading"><span id="toc5">CIEの定義</span></h4>



<p>CIE RGB色空間からCIE XYZ色空間への変換は、線形変換として定義できます。<strong>CIE特別委員会で定義された変換式</strong>は以下のような形です。</p>



[mathjax]<br>$$\begin{pmatrix} X \\ Y \\ Z \end{pmatrix}=\begin{pmatrix} 2.7688 &amp; 1.7517  &amp; 1.1301 \\ 1.0000 &amp; 4.5906 &amp; 0.060067 \\ 0.0000 &amp; 0.056507 &amp; 5.5942 \end{pmatrix}\begin{pmatrix} R_{\mathrm{CIE}} \\ G_{\mathrm{CIE}} \\ B_{\mathrm{CIE}} \end{pmatrix}\tag{1}$$<br>$$\begin{pmatrix} R_{\mathrm{CIE}} \\ G_{\mathrm{CIE}} \\ B _{\mathrm{CIE}}\end{pmatrix}=\begin{pmatrix} 0.41847 &amp; -0.15866  &amp; -0.082835 \\ -0.091169 &amp; 0.25243 &amp; 0.015708 \\ 0.00092090 &amp; -0.0025498 &amp; 0.17860 \end{pmatrix}\begin{pmatrix} X \\ Y \\ Z \end{pmatrix}\tag{2}$$</p>



<p>この変換式は、WikipediaのCIE1931色空間のページにあるものと同等のものです。(有効数字5桁)</p>




<a rel="noopener" href="https://ja.wikipedia.org/wiki/CIE_1931_%E8%89%B2%E7%A9%BA%E9%96%93#%E3%83%A9%E3%82%A4%E3%83%88%E3%81%A8%E3%82%AE%E3%83%AB%E3%83%89%E3%81%AE%E5%AE%9F%E9%A8%93%E7%B5%90%E6%9E%9C%E3%81%8B%E3%82%89CIE_XYZ_%E8%89%B2%E7%A9%BA%E9%96%93%E3%81%B8" title="CIE 1931 色空間 - Wikipedia" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wikipedia.org%2Fwiki%2FCIE_1931_%25E8%2589%25B2%25E7%25A9%25BA%25E9%2596%2593%23%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2588%25E3%2581%25A8%25E3%2582%25AE%25E3%2583%25AB%25E3%2583%2589%25E3%2581%25AE%25E5%25AE%259F%25E9%25A8%2593%25E7%25B5%2590%25E6%259E%259C%25E3%2581%258B%25E3%2582%2589CIE_XYZ_%25E8%2589%25B2%25E7%25A9%25BA%25E9%2596%2593%25E3%2581%25B8?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">CIE 1931 色空間 - Wikipedia</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ja.wikipedia.org/wiki/CIE_1931_%E8%89%B2%E7%A9%BA%E9%96%93#%E3%83%A9%E3%82%A4%E3%83%88%E3%81%A8%E3%82%AE%E3%83%AB%E3%83%89%E3%81%AE%E5%AE%9F%E9%A8%93%E7%B5%90%E6%9E%9C%E3%81%8B%E3%82%89CIE_XYZ_%E8%89%B2%E7%A9%BA%E9%96%93%E3%81%B8" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">ja.wikipedia.org</div></div></div></div></a>



<p>上記のCIE測色標準観察者等色関数とCIE RGB色空間からCIE XYZ色空間への変換式を組み合わせることで、波長をRGBに変換することができます。(ページ上部変換器1)<br>しかし、</p>



<h4 class="wp-block-heading"><span id="toc6">ITU Rec.709の定義</span></h4>



<p><a href="https://github.com/blender/blender/blob/main/intern/cycles/kernel/osl/shaders/node_color.h#L75">Blenderソースコード中で見つかった変換式</a>は、上記のものとは違っていました。</p>



<p>調べたところ、Blenderのノード中では、<strong>ITU Recommendation BT.709</strong> (Rec.709) 準拠の変換式が組み込まれているようです。これは白色点(Whitepoint) D65での変換式とのこと。Blenderはグラフィックソフトなので、現代の映像で一番用いられている色空間を採用しているということですかね。</p>



<p> [mathjax]<br>$$\begin{pmatrix} X \\ Y \\ Z \end{pmatrix}=\begin{pmatrix} 0.412453 &amp; 0.357580  &amp; 0.180423 \\ 0.212671 &amp; 0.715160 &amp; 0.072169 \\ 0.019334 &amp; 0.119193 &amp; 0.950277 \end{pmatrix}\begin{pmatrix} R_{709} \\ G_{709} \\ B_{709} \end{pmatrix}\tag{3}$$<br>$$\begin{pmatrix} R_{709} \\ G_{709} \\ B_{709} \end{pmatrix}=\begin{pmatrix} 3.240479 &amp; -1.537150  &amp; -0.498535 \\ -0.969256 &amp; 1.875992 &amp; 0.041556 \\ 0.055648 &amp; -0.204043 &amp; 1.057311 \end{pmatrix}\begin{pmatrix} X \\ Y \\ Z \end{pmatrix}\tag{4}$$ </p>



<p><span class="fz-12px">2024/02追記：Blenderソースコードの構成がいつの間にか変わってたので再リンクしました<br>(/intern/cycles/kernel/shaders/node_color.h#L76 → /intern/cycles/kernel/osl/shaders/node_color.h#L75</span></p>



<h3 class="wp-block-heading"><span id="toc7">細かい処理</span></h3>



<p>また、ソースコードには、</p>



<pre class="wp-block-code"><code>color *= 1.0f / 2.52f;  // Empirical scale from lg to make all comps &lt;= 1</code></pre>



<p>という部分があり、得られた<strong>RGBの値を2.52で割っている</strong>ことがわかりました。調べたところ、ソニー・ピクチャーズ傘下のImageworks社が開発する、OSL(Open Shading Language)の<a href="https://github.com/imageworks/OpenShadingLanguage/blob/master/src/liboslexec/opcolor.cpp">ソースコード</a>から転用されていることがわかりました。すべての値が1を下回るようにするための経験的な値ということですね。</p>



<p>さらに、最後に0を下回った(負の)値を0にクランプする処理が行われて完成です。</p>



<pre class="wp-block-code"><code>  /* Clamp to zero if values are smaller */
  color = max(color, make_float3(0.0f, 0.0f, 0.0f));</code></pre>



<p>ということで、BlenderのWavelength node(波長ノード)の仕組みを解き明かしました。<br>この計算式をWeb上で計算できるようにした計算機がこのページ上部にありますので、活用してください。Wavelengthノードと全く同じ色になるはずです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cgbeginner.net/wavelength-to-rgb/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1562</post-id>	</item>
	</channel>
</rss>
