3D object that looks the same from all sides

  • there is a 3D maze with walls and floor.
  • to have an image with a key (or another object it doesnโ€™t matter, but they are all images, not 3d models).

I want to display it on the floor and if the camera moves around the object, I need to look the same without rotating the object. How can I achieve this?

Update1:

I created flat geometry by adding an image (its transparent png) and rotating when rendering. Its work is good, but if I turn the camera, sometimes the plane loses transparency for a few milliseconds and gets a solid black background (blinks).

Any idea why?

here is the code:

var texture = new THREE.ImageUtils.loadTexture('assets/images/sign.png'); var material = new THREE.MeshBasicMaterial( {map: texture, transparent: true} ); plane = new THREE.Mesh(new THREE.PlaneGeometry(115, 115,1,1), material ); plane.position.set(500, 0, 1500); scene.add(plane); // at render: plane.rotation.copy( camera.rotation ); 
+4
source share
1 answer

This will be achieved with:

 function animate() { not3dObject.rotation.z = camera.rotation.z; not3dObject.rotation.x = camera.rotation.x; not3dObject.rotation.y = camera.rotation.y; ... render(); } 
+2
source

All Articles