Bug 176560 - Web Inspector: Canvas: add icons for WebGL actions
Summary: Web Inspector: Canvas: add icons for WebGL actions
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Devin Rousso
Keywords: InRadar
Depends on:
Blocks: WebInspectorCanvasTab
  Show dependency treegraph
Reported: 2017-09-07 13:32 PDT by Matt Baker
Modified: 2018-12-20 15:52 PST (History)
5 users (show)

See Also:

[Image] ABC Icons - light and dark (36.28 KB, image/png)
2018-12-20 15:45 PST, Matt Baker
no flags Details
[Image] Symbol icons - light (54.90 KB, image/png)
2018-12-20 15:52 PST, Matt Baker
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Matt Baker 2017-09-07 13:32:27 PDT
Comment 1 Radar WebKit Bug Importer 2018-07-31 10:48:40 PDT
Comment 2 Devin Rousso 2018-07-31 18:05:40 PDT
Is there an update on this?  I feel like we should at least have some icon for the next release.  :(
Comment 3 Devin Rousso 2018-12-05 14:29:23 PST
We should also have an icon for WebGL2/WebMetal/WebGPU contexts (should probably just use the same "3D" icon as WebGL).
Comment 4 Matt Baker 2018-12-20 15:45:03 PST
Created attachment 357880 [details]
[Image] ABC Icons - light and dark

Initially I tried making symbolic icons, similar to the 2D canvas actions, even reusing some (pencil for drawArrays/drawElements, scissors for scissor tests, etc).

This is a simpler approach using "ABC" icons. The colors are arbitrary, and the actions reduced to categories:

V - Vertex
U - Uniform
B - Buffer
T - Texture
P - Program
S - Shader
≡ - Misc.
Comment 5 Matt Baker 2018-12-20 15:52:45 PST
Created attachment 357884 [details]
[Image] Symbol icons - light

Symbolic icon sketches.

I tried representing things like binding, parts, relationships - but to be effective the symbols would need to be simpler, and the number of symbols reduced.