Rotation of repeated texture skews the texture
up vote
0
down vote
favorite
In app I'm writing users can insert their own image to create texture on floor / wall or modeled room. They can afterwards rotate this picture and change its size, which efectively changes number of repeating of picture on surface. Problem is, when picture is repeated and rotated. This change stretch the picutre.
Here is code I'm using.
const threeTexture = new THREE.Texture(img);
threeTexture.rotation = texture.tileRotation || 0;
threeTexture.wrapT = THREE.RepeatWrapping;
threeTexture.wrapS = THREE.RepeatWrapping;
threeTexture.repeat.set(
oDimensions.x / texture.tileSize,
oDimensions.y / texture.tileSize
);
threeTexture.needsUpdate = true;
javascript three.js
asked Nov 19 at 8:39
David Hanus
1
add a comment |
up vote
0
down vote
favorite
In app I'm writing users can insert their own image to create texture on floor / wall or modeled room. They can afterwards rotate this picture and change its size, which efectively changes number of repeating of picture on surface. Problem is, when picture is repeated and rotated. This change stretch the picutre.
Here is code I'm using.
const threeTexture = new THREE.Texture(img);
threeTexture.rotation = texture.tileRotation || 0;
threeTexture.wrapT = THREE.RepeatWrapping;
threeTexture.wrapS = THREE.RepeatWrapping;
threeTexture.repeat.set(
oDimensions.x / texture.tileSize,
oDimensions.y / texture.tileSize
);
threeTexture.needsUpdate = true;
javascript three.js
asked Nov 19 at 8:39
David Hanus
1
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
In app I'm writing users can insert their own image to create texture on floor / wall or modeled room. They can afterwards rotate this picture and change its size, which efectively changes number of repeating of picture on surface. Problem is, when picture is repeated and rotated. This change stretch the picutre.
Here is code I'm using.
const threeTexture = new THREE.Texture(img);
threeTexture.rotation = texture.tileRotation || 0;
threeTexture.wrapT = THREE.RepeatWrapping;
threeTexture.wrapS = THREE.RepeatWrapping;
threeTexture.repeat.set(
oDimensions.x / texture.tileSize,
oDimensions.y / texture.tileSize
);
threeTexture.needsUpdate = true;
javascript three.js
asked Nov 19 at 8:39
David Hanus
1
In app I'm writing users can insert their own image to create texture on floor / wall or modeled room. They can afterwards rotate this picture and change its size, which efectively changes number of repeating of picture on surface. Problem is, when picture is repeated and rotated. This change stretch the picutre.
Here is code I'm using.
const threeTexture = new THREE.Texture(img);
threeTexture.rotation = texture.tileRotation || 0;
threeTexture.wrapT = THREE.RepeatWrapping;
threeTexture.wrapS = THREE.RepeatWrapping;
threeTexture.repeat.set(
oDimensions.x / texture.tileSize,
oDimensions.y / texture.tileSize
);
threeTexture.needsUpdate = true;
javascript three.js
javascript three.js
asked Nov 19 at 8:39
David Hanus
1
asked Nov 19 at 8:39
David Hanus
1
asked Nov 19 at 8:39
David Hanus
1
asked Nov 19 at 8:39
David Hanus
1
asked Nov 19 at 8:39
David Hanus
1
1
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11
add a comment |
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53370966%2frotation-of-repeated-texture-skews-the-texture%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What is the geometry you are using to create the walls and floor of the room? Please add that information to your question. What are the world units you are using for distance?
– WestLangley
Nov 19 at 15:11