UI ELEMENTS
Three.js Scene
A 3D cube rendered with Three.js and WebGL. Test the controls around the canvas and the scene itself.
How to use this page
Goal: Pause and resume the rotation, change the cube color, and click the cube. Verify the readouts match each action.
Challenge: The cube is drawn by WebGL, not by the DOM. Use the readouts and data attributes, or compare canvas screenshots and pixels to check the scene.
Rotating Cube
The cube spins until you pause it. Clicks on the cube are counted, clicks on the background are not.
Loading 3D scene...
Cube color
- Rotation
- Running
- Current color
- Pink
- Cube clicks
- 0
Need this tested professionally?
Testing 3D or WebGL features on a production product? We run test automation services for WebGL and 3D interfaces and performance testing services for graphics-heavy pages. Get in touch to discuss your project.