Unity Web Shader IDE

Unity Web Shader IDE で追う実際の Unity 6 URP/Core シェーダーフロー

ホームは従来の docs ディレクトリより `/ide` を優先します。実ファイルから始め、必要な瞬間だけ定義ジャンプ、Graph、Documents、Workspaces へ広げます。

  • Unity 6 URP/Core
  • 定義ジャンプ
  • 参照グラフ
  • Workspace ZIP

実ソース

デモ断片ではなく URP/Core の実ファイルを読みます。

F12 起点

定義フローが最初の行動として置かれます。

同じサーフェス

Code、Graph、Documents、Workspaces が同じ流れに収まります。

なぜ `/ide` を先に開くのか

まずコードを開き、必要になった時だけ補助ドキュメントへ広げる

最初の一画面は汎用 docs ポータルではなく、実際に動く shader reader であるべきです。コードとナビゲーションが見えた後なら補助 view の意味もすぐ伝わります。

実ページプレビュー

大きな一画面で Code、Documents、Index、Graph、Workspaces を順番に送って見る

スクリーンショットを一覧で並べるのではなく、一度に一画面だけを大きく見せて次のページへ送れる構成にしています。

01 / 05

矢印かドットを押して次の画面へ進み、その役割を順番に確認できます。

コア機能

長い説明より先に、実際のシェーダー読解フローを画面で証明します。

/ide

実際の URP/Core ソースを読む

ブラウザで現在の Unity shader source を開き、pass、include、周辺構造をすぐに確認します。

定義と参照を追う

F12、参照、hover、補完を使って、IDE の流れを切らずに文脈を広げます。

補助 view に広げる

コードパスが単一ファイルを超えた時だけ Graph、Index、Documents へ切り替えます。

Workspaces で試す

仮想 Assets ファイルを作り、ZIP import/export で実験経路も保持します。

推奨学習フロー

どこから始めて、構造が広がった時にどこへ進むかをホームで即座に示します。

  1. 01
    学習トラック

    推奨チャプター順と概念マップを先に見て全体像を揃えます。

  2. 02
    IDE

    実際の shader ファイルを開き、include・関数・マクロの流れを読みます。

  3. 03
    Graph / Index

    構造が広がったら、シンボルと参照 view で視野を拡張します。

  4. 04
    Documents

    コードの流れを掴んだ後で概念 docs を読み進めます。

補助ページ

主 CTA は `/ide` のままですが、周辺学習ツールも 1 クリックで届くべきです。

Outside the Site

ブログと GitHub も同じリンクカードのトーンでつなぐ

docs サイドバーで使っているコンパクトなリンクパネルの雰囲気を、ホーム最下部にも延長しました。文章はブログへ、より広い制作記録は GitHub プロフィールへつなぎます。