All Questions
518
questions
0
votes
0
answers
15
views
How to create a static Alphamap texture from canvas in 3js defined by world coordinates
I am currently in need of adding holes to a shape mesh that can be dynamically generated. The mesh is created from using mergeBufferGeometries on an array of ShapeGeometry. These shapes do have their ...
0
votes
1
answer
26
views
Fetch Textures From a Collection
Hello everyone who's reading.
I'm trying to create a website where I can mouse scroll through "cards" that are all in a single line, seen with a iso view from the side.
I've set up the scene ...
0
votes
0
answers
26
views
How to apply a shader texture to a GLB model element while preserving the native GLB texture?
I have a GLB model and I want to apply a shader texture to it in three.js
But I want to preserve the texture of the model that was created in Blender
Unfortunately, the shader completely overwrites ...
0
votes
1
answer
41
views
Threejs adding 1080p textures is rendered blurry
I am trying to render a sphere with a texture wrapped on it, i am using a png texture with 1920px1080p resolution but the resulted texture is always very blurry,
here is my sample code :
var ...
0
votes
0
answers
219
views
Threejs .glb loading textures issue, texures not loaded
I am new to the three.js world. I created a 3d model with this AI https://lumalabs.ai/genie and exported in .gbl format. This file extension should contains also textures and shaders informations. The ...
0
votes
1
answer
73
views
How to ensure the background texture joins up smoothly around sphere in Three.js?
Below is the bit of the code which sets the texture and maps it onto a large sphere. I have tried all sorts of wrapping but the background is still not smooth as there is a clear joining where the two ...
2
votes
1
answer
106
views
Three.js Y Axis Offset for Equirectangular Image Not Working
I have a mash with two textures that I mix. Each texture is a panoramic equirectangular image. I need to offset only one of two textures by providing degrees for X or Y axis.
// usage: applyOffset(90, ...
0
votes
0
answers
34
views
Three.js DecalGeometry looks different on perpendicular faces?
I'm making an FPS shooter game, and I'm currently trying to add a bullet hole to the guns. It works on certain faces, but on the PERPENDICULAR faces, it looks completely messed up.
Working as expected:...
1
vote
1
answer
148
views
Three.js: How to Rotate Equirectangular Panorama Texture
I have 2 textures inside a single mesh that represent 2 equirectangular panoramic images. I need to rotate one of 2 textures in a desirable position using supplied coordinates. In other words, the ...
0
votes
2
answers
126
views
Three Fiber not showing transparent png texture
I would like to display a small logo, a transparent png, on the back of each tile in my game. However, the png is not displaying.
Here is the png:
Here is the code for the texture:
import { ...
0
votes
1
answer
91
views
How to apply texture only to one face in a THREE.js model for Autodesk Forge viewer
I have a model that has several objects loaded in an Autodesk forge viewer application which runs based on THREE.js.
Expected results
I need to change the texture of just one object's face, not the ...
0
votes
0
answers
24
views
Incorrect textures generated when using multiple Cube Cameras in three.js
I have found an issue when using multiple cube camera's to generate textures for reflective spheres using MeshStandardMaterial, some of the textures are broken in unexpected ways the problem varies ...
1
vote
0
answers
50
views
Play with Texture in three js
everyone. I want to know if it is possible to map specific triangle region of one texture to the another triangle of other texture with different size and shape in three.js?
I am new to three.js so I ...
1
vote
1
answer
46
views
Set texture for custom shape
I’m new to three.js, and I have an issue like this
I have a custom shape like this
// Create a custom flap path
const flapPath = new THREE.Path();
flapPath.moveTo(0, 0); // 0
flapPath....
0
votes
0
answers
122
views
How can I texture a cubed sphere using noise in Three.js so that all six sides are continuous?
I'm working on a project where I need to texture a cubed sphere using noise in Three.js, so that the texture is continuous across all six sides. I've already created the cube using six planes for each ...