title: Is there ANY way to have the three.js camera lookat being rendered off-center?
body: <p>Is there a way to setup the Three.js renderer in such a way that the lookat point of the camera is not in the center of the rendered image?</p>
  
  <p>To clarify: image a scene with just one 1x1x1m cube at ( 0, 0, 0 ). The camera is located at ( 0, 0, 10 ) and the lookat point is at the origin, coinciding with the center of the cube. If I render this scene as is, I might end up with something like this:</p>
  
  <p><a href="http://test.moobels.com/temp/cube_front.jpg" rel="nofollow">normal render</a></p>
  
  <p>However I'd like to be able to render this scene in such a way that the lookat point is in the upper left corner, giving me something like this:</p>
  
  <p><a href="http://test.moobels.com/temp/cube_desired.jpg" rel="nofollow">desired render</a></p>
  
  <p>If the normal image is 800x600, then the result I envision would be as if I rendered a 1600x1200 image with the lookat in the center and then cropped that normal image so that only the lower right part remains. </p>
  
  <p>Of course, I can change the lookat to make the cube go to the upper left corner, but then I view the cube under an angle, giving me an undesired result like this:</p>
  
  <p>test.moobels.com/temp/cube_angle.jpg</p>
  
  <p>I could also actually render the full 1600x1200 image and hide 3/4 of the image, but one would hope there is a more elegant solution. Does anybody know it?</p>