KhronosGroup / KhronosGroup/glTF-Sample-Viewer

Feature request: shaded wireframe display mode

Open
#598 2 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
1.5k
Forks
264
Avg merge
5h 49m
Merged PRs (30d)
1

Description

I would like to see a new Debug Channel view mode, to see the wireframe. This would be very helpful to evaluate geometry compression methods.

It's not helpful to use a simple wireframe view, for example as used in the Three.js Editor, because it's difficult to visually assess the topology:
![Image](https://github.com/user-attachments/assets/b899dec6-bcbe-47e9-94e3-10adbd3e03c0)

In DGG's current viewer (based on Babylon.js) we show black wireframe on white, which is occluded, and this is helpful:
![Image](https://github.com/user-attachments/assets/ad06b36e-c35e-4411-be7f-198d0a92e918)

However even better would be to have a gray model behind the occluded wireframe, to show both shading and wire at the same time, as is the case here in 3ds Max:
![Image](https://github.com/user-attachments/assets/5e08f4ea-36b8-4f31-8c22-ea394dce7ae6)

Hopefully this display mode would work with the glTF Compressor A/B slider, to compare before/after topologies.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start at the Debug Channel view-mode entry point and inspect how the glTF Compressor A/B slider selects its before-and-after displays. Confirm how the current wireframe mode is rendered, then define done as a shaded model remaining visible behind the wireframe in both comparison states.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.