https://garnetcode.jp/tags/%E6%8F%8F%E7%94%BB%E6%BC%94%E5%87%BA/Recent content in 描画・演出 on GARNET LOGHugo -- gohugo.ioenSat, 25 Apr 2026 00:00:00 +0000https://garnetcode.jp/blog/2026/04/reuse_trail_renderer/Sat, 25 Apr 2026 00:00:00 +0000https://garnetcode.jp/blog/2026/04/reuse_trail_renderer/<h3 id="trailrendererの再利用で起きる問題">TrailRendererの再利用で起きる問題</h3> <p><code>TrailRenderer</code>は、オブジェクトの移動軌跡を線として描画してくれるコンポーネントです。</p> <p>弾丸や魔法エフェクトなど、<code>ObjectPool</code>で使い回したいケースと相性が良さそうに見えます。</p> <p>ところが、プールから取り出して別の位置に移動させた瞬間、<strong>前回使ったときの終点と、今回の開始位置が1本の線で繋がってしまう</strong>という現象が起きます。</p> <p>これは<code>TrailRenderer</code>が内部に過去の頂点情報を保持していて、再有効化したときにもそれを引き継いで描画しようとするためです。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/ScriptReference/TrailRenderer.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">TrailRenderer - Unity スクリプトリファレンス</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div>https://garnetcode.jp/blog/2024/10/lerp_method/Sat, 26 Oct 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/10/lerp_method/<h2 id="lerpとは">Lerpとは？</h2> <p><code>Lerp</code>とは、<code>Linear Interpolation</code>の略で、線形補間といった意味になります。</p> <p>値AとBのの間を経過時間で線形的に補間し、その間の値を返すメソッドが<code>Unity</code>にはいくつか用意されています。</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-csharp" data-lang="csharp"><span style="display:flex;"><span><span style="color:#75715e">// 関数のイメージ</span> </span></span><span style="display:flex;"><span><span style="color:#66d9ef">public</span> <span style="color:#66d9ef">static</span> <span style="color:#66d9ef">float</span> Lerp(<span style="color:#66d9ef">float</span> a, <span style="color:#66d9ef">float</span> b, <span style="color:#66d9ef">float</span> t); </span></span></code></pre></div><table> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>引数</td> <td>意味</td> </tr> <tr> <td>a</td> <td>補間の開始値</td> </tr> <tr> <td>b</td> <td>補間の終了値</td> </tr> <tr> <td>t</td> <td>補間の進行度(0〜1の範囲)</td> </tr> </tbody> </table> <p>t=0ならaの値、t=1ならbの値を返します。</p> <p>tに0.5を渡すと、aとbの丁度中間の値を返します。</p> <p>tが0.0から1.0に変化する間、aからbの値を返すことになります。</p>https://garnetcode.jp/blog/2024/09/trail_renderer/Sat, 14 Sep 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/09/trail_renderer/<h2 id="trailrendererとは">TrailRendererとは？</h2> <p><code>TrailRenderer</code>は、オブジェクトの動きに沿ってトレイル（軌跡）を描画するためのコンポーネントです。</p> <p>これは、オブジェクトが移動する際に後に残る線のようなエフェクトを作成するのに使用されます。</p> <p><code>TrailRenderer</code>は特に、ビジュアルエフェクトや動きを強調するために役立ちます。</p> <p>例えば、ボールやミサイルが飛んでいるときの軌跡や、キャラクターの素早い動きに伴う残像のようなエフェクトなどです。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/Manual/class-TrailRenderer.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">Trail Renderer コンポーネント - Unity マニュアル</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div>https://garnetcode.jp/blog/2024/09/line_renderer/Sun, 08 Sep 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/09/line_renderer/<h2 id="linerendererとは">LineRendererとは？</h2> <p><code>LineRenderer</code>とは、2点以上の座標間を結ぶ線を描画するためのコンポーネントです。</p> <p>このコンポーネントを使用すると、シーン内に様々な種類の線を簡単に作成することができます。</p> <p>例えば、レーザービームや経路表示、グラフのプロットなどに利用されます。</p> <p><code>LineRenderer</code>を使用することで、直線だけでなく、曲線や複雑な形状の線を描くことも可能です。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/Manual/class-LineRenderer.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">Line Renderer コンポーネント - Unity マニュアル</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/ScriptReference/LineRenderer.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">LineRenderer - Unity スクリプトリファレンス</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div>https://garnetcode.jp/blog/2024/08/animation_curve/Sat, 31 Aug 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/08/animation_curve/<h2 id="animationcurveとは">AnimationCurveとは？</h2> <p><code>AnimationCurve</code>は、<code>Unity</code>でアニメーションデータや補間を扱うためのクラスです。</p> <p>このクラスを使用することで、時間に対する値の変化をグラフ曲線として定義し、その曲線に基づいてアニメーションの挙動を制御することができます。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/ScriptReference/AnimationCurve.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">AnimationCurve - Unity スクリプトリファレンス</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div> <div class="related-link"> <div class="related-link-label">🔗 関連記事</div> <div class="related-link-lead">直線的な補間で済む場合は<code>Lerp</code>が手軽です。使い方はこちらで解説しています。</div> <div class="blogcard"> <a href="https://garnetcode.jp/blog/2024/10/lerp_method/" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--internal"><i class="fas fa-house" aria-hidden="true"></i>内部記事</span> <div class="blogcard-title">【Unity】Lerpの使い方｜位置・色・角度をなめらかに補間する方法 - GARNET LOG</div> <div class="blogcard-site">GARNET LOG</div> </div> </a> </div> </div> <div class="related-link"> <div class="related-link-label">🔗 関連記事</div> <div class="related-link-lead">不規則な揺らぎを付けたい場合は、パーリンノイズと組み合わせるのも有効です。</div> <div class="blogcard"> <a href="https://garnetcode.jp/blog/2024/09/perlin_noise/" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--internal"><i class="fas fa-house" aria-hidden="true"></i>内部記事</span> <div class="blogcard-title">【Unity】パーリンノイズで滑らかなノイズを生成する - GARNET LOG</div> <div class="blogcard-site">GARNET LOG</div> </div> </a> </div> </div>https://garnetcode.jp/blog/2024/05/video_player/Sat, 11 May 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/05/video_player/<h2 id="videoplayerとは">VideoPlayerとは？</h2> <p><code>Unity</code>の<code>VideoPlayer</code>は、アプリ内で動画を再生するためのコンポーネントです。</p> <p>チュートリアル動画を再生したり、カットシーン用ムービーを挿入するのに便利です。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/Manual/class-VideoPlayer.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">Video Player コンポーネント - Unity マニュアル</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div>https://garnetcode.jp/blog/2024/05/render_texture/Sat, 04 May 2024 00:00:00 +0000https://garnetcode.jp/blog/2024/05/render_texture/<h2 id="rendertextureとは">RenderTextureとは？</h2> <p><code>RenderTexture</code>は、<code>Unity</code>の機能の1つで、カメラの映像をテクスチャとして扱うことができます。これにより、リアルタイムでのリフレクション（反射）表現や、スクリーンショットの取得など、様々な表現が可能になります。</p> <div class="blogcard"> <a href="https://docs.unity3d.com/ja/2022.3/ScriptReference/RenderTexture.html" target="_blank" rel="noopener nofollow"> <div class="blogcard-content"> <span class="blogcard-label blogcard-label--unitydocs"><i class="fas fa-book" aria-hidden="true"></i>Unity Docs</span> <div class="blogcard-title">RenderTexture - Unity スクリプトリファレンス</div> <div class="blogcard-site">docs.unity3d.com</div> </div> </a> </div>