mrdoob/three.js — Issue #659: Glitch with texture mapping with canvas rendering.
Author: trusktr
Created: 2011-10-19 01:43:00+00:00
State: open

I modified the simple cube example (the one located at http://mrdoob.github.com/three.js/examples/canvas_geometry_cube.html) by replacing

```
new THREE.MeshBasicMaterial({ color: Math.random() * 0xffffff })
```

with

```
new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture( 'logo.png' ) })
```

logo.png appears on the sides of the cube. However, as the cube rotates, the texture looks funny and distorted. Is that a bug?

Here's the live example:
http://x.iaesr.com/~/3D/three.js/simple-cube/

Notice the distortion that splits the word "clownfish" between the "L" and "O".

Why doesn't the image get distorted properly? Can this be fixed?