The box is twisted using some simple math, to look like in the image. The problem is that the texture on the divisions looks distorted, like with some saw cuts. I’m just changing points xz positions: cube.geometry.attributes.position.array[cur_id * 3 + 0] = nx; cube.geometry.attributes.position.ar…

Try this. If this not helped then can u create codepen, jsfiddle cube.geometry.computeVertexNormals();

[image] wyy2: It looks like the problem is happening because the mesh is made from many triangles. If it would behave like polygons with 4 vertex, I think it would work good. Probably related: [image] Mapping-fidelity in quadrilateral/triangle rendering Discussion …

Here’s codepen example - https://codepen.io/wyy2/pen/vEOBYEm?editors=0011 computeVertexNormals(); didn’t help.

I gues that might be it… I hoped for one line code to fix this issue^^

It looks like the perspective texture issue, which manifests itself whenever a texture is mapped on trapezoid, or on a twisted quadrilateral. The explanation is that internally, mapping uses affine transformation, but for cases like yours you need perspective transformation. Try with a cube with mo…

Great idea, and your code looks very tasty! Thank you :heart:

Texture looks disorted, when position attributes are changed

Questions

vielzutun.ch May 22, 2025, 5:03pm 3

Probably related:

Topic		Replies	Views
Mapping-fidelity in quadrilateral/triangle rendering Discussion textures , geometry	25	5936	April 29, 2024
Texture deformation on 2 triangles face Questions textures , materials , shaders	29	547	June 27, 2024
PlaneGeometry behaving weird Questions textures , materials , geometry	1	400	September 29, 2020
Help Please ! Triplannar mapping of texture is not working Questions textures , materials , loaders , geometry	20	1304	August 25, 2022
Reflection looks weird after updating geometry vertices Questions geometry	6	919	November 2, 2020

Texture looks disorted, when position attributes are changed

Related topics