{"version":"1.0","type":"rich","title":"3D CSS Camera","description":"A 3D CSS cube rotates in perspective within a bounded screen, its six labeled faces built from styled divs using CSS 3D transforms. The camera’s field of view, position, and model-view-projection matrix are computed with gl-matrix’s `mat4.perspective`, `mat4.translate`, `mat4.rotate`, and `mat4.multiply` in a CoffeeScript `Camera` class. A DAT.GUI slider adjusts the camera’s `fov` live, while the world itself is rotated via inline `-webkit-transform`.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1571037?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}