dat.gui

tried searching for something like this, but I've had no luck. I'm trying to open a new tab with a screenshot of the current state of my webgl image. Basically, it's a 3d model, with the ability to change which objects are displayed, the color of those objects, and the background color. Currently, I am using the following: var screenShot = window.open(renderer.domElement.toDataURL("image/png"), 'DNA_Screen'); This line succeeds in opening a new tab with a current image of my model, but does not display the current background color. It also does not properly display the tab name. Instead, the

I am using dat.gui, and I would like to position it somewhere different than the top right, preferably at the top overlapping a three.js canvas, is this accomplished through commands, or is there some css that will do the trick? satori You need some JavaScript and CSS to do this. The GUI constructor can be passed a paramaters object. You can tell the control not to be autoplaced. You can also attach an element ID to make styling easier var gui = new dat.GUI( { autoPlace: false } ); gui.domElement.id = 'gui'; And then the CSS to place it can be something like this: #gui { position: absolute;