mrdoob/three.js — Issue #1312: How to convert 3D plane corners to 2D screen co-ordinates?
Author: joloco
Created: 2012-02-11 19:45:18+00:00
State: open

Hi,

I'm using an external image material on a PlaneGeometry plane for the floor of my 3D space (i.e. it lies flat, along the z-axis), and I'm adding blocks on top for the 3D elements. As I'm using the CanvasRenderer, the blocks look fine while the floor isn't good enough (I understand the issues with affine transformations which makes this so).

So, when the user wants to save their view, my intention is to turn off the floor, upload a PNG of just the 3D blocks to the server, then re-render the floor on the server using ImageMagick by distorting the floor image, and then I can add the canvas-rendered block image on top.

The problem I have is this: I can't figure out how to get the 2D screen co-ordinates of my floor out of the 3D space. If I can get these, then I can pass them to ImageMagick to distort the image appropriately.

Any help is appreciated. Thanks in advance!