Creates a WebGL context without a window for headless rendering and server-side graphics
Overall
score
96%
{
"context": "This criteria evaluates how well the engineer uses the gl package's viewport and scissor configuration capabilities to implement a multi-region renderer. The focus is on correct usage of gl.viewport(), gl.scissor(), and gl.enable(gl.SCISSOR_TEST) to achieve region isolation and clipping.",
"type": "weighted_checklist",
"checklist": [
{
"name": "WebGL Context Creation",
"description": "Uses gl package's createContext() function to create a WebGL rendering context with the specified dimensions (800x600)",
"max_score": 15
},
{
"name": "Viewport Configuration",
"description": "Uses gl.viewport() to set the rendering viewport to match the active region coordinates and dimensions",
"max_score": 25
},
{
"name": "Scissor Test Enable",
"description": "Uses gl.enable(gl.SCISSOR_TEST) to enable scissor testing for region clipping",
"max_score": 20
},
{
"name": "Scissor Box Configuration",
"description": "Uses gl.scissor() to configure the scissor box to match the active region, ensuring content is clipped to region boundaries",
"max_score": 25
},
{
"name": "Pixel Reading",
"description": "Uses gl.readPixels() to extract rendered pixel data from the framebuffer in the correct format",
"max_score": 10
},
{
"name": "Context Cleanup",
"description": "Uses gl.getExtension('STACKGL_destroy_context') and ext.destroy() to properly clean up WebGL context and release resources",
"max_score": 5
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-gldocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10