vscode-colmap-viewer

KO | EN

gitlite — search

#rust #web #agent #csharp #awesome #awesome-list #video #automation #cpp #security

vscode-colmap-viewer

(★ 9)

Visualize COLMAP sparse reconstructions inside VS Code

파일 탐색기

ZIP 다운로드

- - ci.yml
  - release.yml
- right-click.webp
- ui.webp
- colmap-logo-dark.svg
- colmap-logo.svg
- icon.png
- viewer.css
- - parser.ts
- extension.ts
- parser.test.mjs
- main.ts
.gitignore
.vscodeignore
CLAUDE.md
esbuild.mjs
package-lock.json
package.json
README.md
tsconfig.json

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Visualize COLMAP sparse reconstructions directly inside VS Code, powered by Three.js.

![Viewer UI](https://raw.githubusercontent.com/Vincentqyw/vscode-colmap-viewer/main/assets/ui.webp)

## Features

- Reads standard COLMAP sparse models: `cameras` / `images` / `points3D` in **`.bin`** or **`.txt`** format
- Renders the sparse point cloud with true RGB colors, plus reprojection-error and height color modes
- Draws every registered image with model-aware camera geometry, using the true per-model unprojection (including lens distortion): pinhole-family models get the classic frustum, fisheye models a curved-border frustum that stays correct beyond 180° FOV, and equirectangular panoramas a wireframe sphere; size, line width and color are all adjustable
- Optional camera trajectory polyline (ordered by image name)
- Filters: max reprojection error, min track length
- Click a camera to inspect image name, camera model, full named intrinsics and position — optionally with rays to (or highlighting of) the 3D points that image observes
- Play button to step through all cameras in image id order; double-click the cloud to re-center the orbit pivot
- Handles all COLMAP camera models (IDs 0–17: standard models plus division, fisheye, EUCM and equirectangular extensions), and reads models written by both current COLMAP (16-param `RAD_TAN_THIN_PRISM_FISHEYE`, 2-param `EQUIRECTANGULAR`) and older writers (legacy 14-/3-param variants)

## Install

- From the [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=vincentqyw.colmap-sparse-viewer), or
- Download the `.vsix` from [GitHub Releases](https://github.com/Vincentqyw/vscode-colmap-viewer/releases) and run `code --install-extension colmap-sparse-viewer-<version>.vsix`

## Usage

- **Double-click** any `cameras.bin`, `images.bin`, or `points3D.bin` in the Explorer, or
- **Right-click a folder** (e.g. `sparse/0`, or any ancestor — the model is auto-discovered up to 3 levels deep) → *COLMAP: Visualize Sparse Model*, or
- Run **`COLMAP: Visualize Sparse Model`** from the command palette and pick a folder.

https://github.com/user-attachments/assets/66d9f7dc-7e90-4e09-b429-33982b24714a

## Sample data

Two sample reconstructions are attached to the [v0.1.6 release](https://github.com/Vincentqyw/vscode-colmap-viewer/releases/tag/v0.1.6) for quick testing:

- [`sparse_garden.zip`](https://github.com/Vincentqyw/vscode-colmap-viewer/releases/download/v0.1.6/sparse_garden.zip) — model in both `.bin` and `.txt` flavors
- [`sparse_store.zip`](https://github.com/Vincentqyw/vscode-colmap-viewer/releases/download/v0.1.6/sparse_store.zip) — binary-only model written by a newer COLMAP (also contains `rigs.bin` / `frames.bin`)

Unzip one, open the folder in VS Code, then right-click it → *COLMAP: Visualize Sparse Model*.

## Controls

| Action | Effect |
|---|---|
| Left drag | Orbit |
| Right drag | Pan |
| Scroll | Zoom |
| Click frustum | Show image info |
| Double-click cloud | Set orbit pivot |

## Development

```bash
git clone https://github.com/Vincentqyw/vscode-colmap-viewer.git
cd vscode-colmap-viewer
npm install
npm run build      # bundle extension + webview
npm run package    # create .vsix
```

Install the generated `.vsix` with `code --install-extension colmap-sparse-viewer-<version>.vsix`.

## License

vscode-colmap-viewer

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

vscode-colmap-viewer

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README