~/ Unity 최신 셰이더 공부 Unity Web Shader IDE 홈
Workspaces

Unity Web Shader IDE

Unity Web Shader IDE로 읽는 Unity 6 URP/Core 셰이더 코드 흐름

홈은 문서 디렉터리보다 `/ide` 진입을 우선합니다. 실제 파일을 열고, 정의 이동과 Graph, Documents, Workspaces를 필요할 때만 넓히는 흐름으로 학습을 바로 시작하게 합니다.

  • Unity 6 URP/Core
  • 정의 이동
  • 참조 그래프
  • Workspace ZIP
IDE 열기 ↗ Workspaces 열기

Real source

실제 URP/Core 파일을 곧바로 읽습니다.

F12 first

정의 이동과 참조 흐름이 첫 액션입니다.

One surface

Code, Graph, Documents, Workspaces가 같은 workbench 안에 있습니다.

/ide를 먼저 여는 이유

코드를 먼저 열고, 필요한 순간에만 문서를 보조로 붙입니다

첫 화면은 '문서 허브'보다 '작동하는 shader reader'에 가까워야 합니다. 실제 코드와 탐색이 먼저 보여야 보조 화면의 역할도 빠르게 납득됩니다.

실제 페이지 미리보기

큰 화면에서 한 장씩 넘기며 Code, Documents, Index, Graph, Workspaces를 확인합니다

스크린샷을 한 번에 나열하지 않고, 현재 화면 하나에 집중하게 구성했습니다. 이전/다음으로 넘기면서 각 페이지가 언제 필요한지 바로 읽을 수 있습니다.

Code

Lit.shader부터 시작하는 실제 코드 화면

Files, outline, editor, minimap이 한 화면에서 이어져 코드 리듬이 끊기지 않습니다.

  • 01 대표 파일에서 바로 출발
  • 02 툴바 액션과 코드 탐색을 한 위치에 정렬
  • 03 파일 패널과 본문 밀도를 읽기 좋게 유지

01 / 05

화살표나 점을 눌러 다음 화면으로 넘기며 설명을 함께 확인할 수 있습니다.

Code 01 / 05
Unity Web Shader IDE code page showing Lit.shader

Lit.shader부터 시작하는 실제 코드 화면

Files, outline, editor, minimap이 한 화면에서 이어져 코드 리듬이 끊기지 않습니다.

핵심 능력

홈은 긴 설명보다 먼저 실제 셰이더 읽기 흐름을 짧고 명확하게 증명해야 합니다.

/ide

실제 URP/Core 소스 읽기

브라우저에서 Unity shader source를 바로 열고 include 체인과 pass 구조를 확인합니다.

정의와 참조 흐름 추적

F12, 참조 찾기, hover, completion으로 symbol flow를 따라가며 맥락을 넓힙니다.

보조 화면 확장

코드 경로가 넓어질 때만 Graph, Index, Documents로 넘어가 구조를 잇습니다.

Workspaces 실험

가상 Assets 파일을 만들고 ZIP import/export로 실험 경로를 분리합니다.

추천 학습 흐름

무엇을 먼저 보고, 언제 더 넓은 화면으로 넘어가야 하는지 홈에서 즉시 보여줍니다.

  1. 01
    학습 트랙

    추천 챕터 순서와 개념 지도로 큰 그림을 먼저 맞춥니다.

  2. 02
    IDE

    실제 shader 파일을 열고 include, 함수, 매크로 흐름을 읽습니다.

  3. 03
    Graph / Index

    시야가 넓어져야 할 때 심볼과 참조 흐름으로 탐색 범위를 확장합니다.

  4. 04
    Documents

    코드 흐름이 잡힌 다음 개념 문서를 이어서 읽습니다.

외부 링크

블로그와 GitHub도 같은 톤으로 바로 이어집니다

docs 페이지 사이드바에서 쓰던 링크 패널 감각을 홈 하단에도 가져왔습니다. 글은 블로그로, 프로젝트와 작업 흐름은 GitHub 프로필로 곧바로 이어집니다.

Writing

Clerin Tech Blog

techblog.clerindev.com

셰이더 메모, 렌더링 글, 프로젝트 회고를 긴 호흡으로 정리하는 기술 블로그입니다.

  • 셰이더 노트
  • 렌더링 글
  • 개발 로그

Profile

jinhyeonseo01 GitHub Profile

github.com/jinhyeonseo01

이 저장소 하나가 아니라 셰이더 관련 실험, 웹 IDE 작업, 다른 프로젝트 흐름까지 한 번에 이어서 볼 수 있는 GitHub 프로필입니다.

  • 프로필
  • 프로젝트 모음
  • 활동 기록