Asset Browser Panel

The Asset Browser provides a two-panel file explorer for your project's assets/ directory. Browse folders, search for files, and drag assets into the scene.

Layout

Section	Description
Folder tree (left, 200px)	Recursive directory hierarchy with expandable nodes
Breadcrumb bar (top right)	Current path displayed as clickable segments (e.g., "Assets / models / characters")
Search box (top right, 140px)	Filter files by name (case-insensitive)
File grid (right)	64px tiles with 8px gaps, columns calculated dynamically

Folder Tree

The folder tree shows your project directory structure. Click a folder to navigate to it. Folders display chevron indicators (▸ / ▾) for expand/collapse. The selected folder is highlighted with the editor accent color (#264f78).

File Grid

Files are displayed as colored tiles based on their type:

Extensions	Type	Tile Color	Label
`.glb`, `.fbx`, `.obj`	Model	Brown `#3a2a1a`	MDL
`.png`, `.jpg`, `.jpeg`, `.hdr`, `.tga`	Image	Blue `#264f78`	IMG
`.cpp`	Script	Dark green `#1a3a2a`	C++
`.vert`, `.frag`, `.glsl`, `.shader`	Shader	Dark green `#1a3a2a`	SHD
`.wav`, `.mp3`, `.ogg`	Audio	Dark blue `#1a2a3a`	SND
`.scene`	Scene	Purple `#2a1a3a`	SCN
directories	Folder	Amber `#3a301a`	DIR
other	Default	Gray `#2d2d2d`	FILE

Directories are sorted before files, and both are listed alphabetically.

Double-click a folder — Navigate into it
Double-click a .scene file — Open the scene
Breadcrumb segments — Click any segment to jump to that directory

Drag and Drop

Drag a file tile out of the Asset Browser to use it elsewhere in the editor. The drag payload type is ASSET_PATH and carries the file's relative path as a string. Drop targets include asset fields in the Inspector (e.g., ModelRenderer model path, AudioSource clip path).

Search

Type in the search box to filter the current directory's files by name. The filter is case-insensitive and matches against the filename only.

#Asset Browser Panel

#Layout

#Folder Tree

#File Grid

#Navigation

#Drag and Drop