Skip to main content

All Questions

Tagged with
1 vote
0 answers
49 views

If alpha is 0, RBG is 0 even with premultipyAlpha to false

I have a 3D model with a RGBA texture where the alpha value should be ignored (I must use those alpha values differently for some reflections effects). PNG specs say : colors are not premultiplied by ...
Sufhal's user avatar
  • 23
0 votes
1 answer
130 views

webgl: geometry texture missing after gl.bindTexture

there is a textured cube in my scene, and it renders well untill i draw a quad, then cube tuxture is gone, here is the render flow: // draw the texture cube gl.render(scene, camera); // draw a ...
21k's user avatar
  • 429
0 votes
0 answers
268 views

How to smoothly fade 2 textures without alpha in GLSL?

I'm doing a shader to apply dynamic textures on a terrain chunk generated with ThreeJS. The tilemap is used to define where each textures is supposed to take place. E.g. The tile used: Here's the ...
Sufhal's user avatar
  • 23
0 votes
1 answer
308 views

Split up R, G and B channels of texture – apply linear filtering to a subset of them in Three.js/WebGL/Shaders

I am working with a height texture that is retrieved from a server. It encodes the overall height value per pixel within the RGB channels. To get a height value per pixel, the R channel is multiplied ...
Georg Molzer's user avatar
1 vote
2 answers
1k views

three.js distortion, color replacement on glb (gltf) models. Blue changes to green, and yellow changes to orange

Distortion, color replacement on glb (gltf) models. Blue changes to green, and yellow changes to orange. v106 three.js v97 GLTFLoader.js
Dzmitry Haiduk's user avatar
0 votes
1 answer
876 views

Threejs - Best way to render image texture only in a portion of the mesh

I have the .obj of a T-Shirt, it contains a few meshes and materials and I'm coloring it using a CanvasTexture fed by an inline svg. Now I should add a logo at a specific location (more or less above ...
39otrebla's user avatar
  • 1,432
2 votes
1 answer
311 views

Geometry instancing with one shader but multiple textures

I'd like to add a second crate texture to the shader using the shader/technique provided with this example: https://threejs.org/examples/#webgl_buffergeometry_instancing_dynamic I figured I could ...
sky's user avatar
  • 41
0 votes
1 answer
2k views

Point cloud texture alpha blending (THREEJS)

I use ShaderMaterial to create point cloud with attribute based size and opacity. I also need to texture map. The problem is that texture is rendered without transparency. Looks like each texture ...
SalientBrain's user avatar
  • 2,533
0 votes
1 answer
1k views

Two Textures on one Object Three js

My goal is to render two different textures on one object. I'm trying to render the earth with a night texture and a day texture, similar to this: http://stuffin.space . The problem is that I'd ...
Mattia's user avatar
  • 179
1 vote
1 answer
2k views

Three js texture edge pixels being stretched

I'm trying to display a texture within a sphere where the sphere is acting as a mask. I have my texture correctly displayed but I can't get my head around how to remove the edge pixels that are being ...
The Sloth's user avatar
  • 377
0 votes
0 answers
314 views

How can I use an array texture in threeJS?

Is there a way to send an array texture from ThreeJS to my shader? I know one example using Data2DTextureArray, but I would like to send an image.
FvEldijk's user avatar
  • 107
0 votes
1 answer
1k views

Three.js custom shader not displaying

I recently started learning about shaders and three.js. I tried to display a shader with a texture but it displays all black. Here's the codepen: https://codepen.io/LDB95/pen/MxmWNq These are my ...
LDB95's user avatar
  • 35
3 votes
0 answers
757 views

Error: GL ERROR :GL_INVALID_OPERATION : glTexImage2D

We are developing a kind of 3D graph. We are using Angular with Three-full NPM (https://github.com/Itee/three-full). We are implementing the Nodes as particles and we are drawing them with shaders. ...
D. Martínez's user avatar
1 vote
1 answer
2k views

How to use alpha map textures with ShaderMaterial in Three.js?

I have a png image (16x16) that I want to use as an alpha map texture, in a custom material THREE.ShaderMaterial. This is the image: This is the setup for my preloaded Texture object: alphaMap....
taseenb's user avatar
  • 1,423
0 votes
0 answers
81 views

texture Coordination in simple 2d world (THREE.Points) without UV

I want to load an image in THREE.Points and I'm using bufferGeometry without uv attribute and shaderMaterial can anyone explain me what is vu and why I need it? I have a 2d world (all points have z=0 ...
mh-alahdadian's user avatar

15 30 50 per page