# \#texture

**URL:** https://discourse.threejs.org/tag/texture/953.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Help to check if packing texture into single one actually make difference](https://discourse.threejs.org/t/help-to-check-if-packing-texture-into-single-one-actually-make-difference/92641)

<div class="topic-metadata">

**Author:** [@Gabriel\_Cuadros\_Caceres](https://discourse.threejs.org/u/Gabriel_Cuadros_Caceres)\
**Replies:** 1\
**Last updated:** [July 6, 2026, 2:33am UTC](https://discourse.threejs.org/t/help-to-check-if-packing-texture-into-single-one-actually-make-difference/92641 "2026-07-06T02:33:56Z")

</div>

can packing 3 grayscale texture into a single texture and read it once actually become significant perfomance ?? i dont see any difference at all and i removed my graphics card for this purpose, what is the real perfoman…

---

## [Spaceship Exploration Interstellar Portfolio](https://discourse.threejs.org/t/spaceship-exploration-interstellar-portfolio/92550)

<div class="topic-metadata">

**Author:** [@sar1mag](https://discourse.threejs.org/u/sar1mag)\
**Replies:** 1\
**Last updated:** [July 5, 2026, 2:30pm UTC](https://discourse.threejs.org/t/spaceship-exploration-interstellar-portfolio/92550 "2026-07-05T14:30:43Z")

</div>

Hi everyone! I made a portfolio where you fly a spaceship roaming through the system, with the goal of scanning planets to reveal more information about me. Each world is a section of my CV; a planet for About, one for…

---

## [Three.js Interplanetary Virtual Experience Worlds?](https://discourse.threejs.org/t/three-js-interplanetary-virtual-experience-worlds/89128)

<div class="topic-metadata">

**Author:** [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Replies:** 1\
**Last updated:** [January 14, 2026, 7:56pm UTC](https://discourse.threejs.org/t/three-js-interplanetary-virtual-experience-worlds/89128 "2026-01-14T19:56:14Z")

</div>

Can we create a interplanetary worlds like SimonDev’s? This video fascinated me for a very long time, imagining what it would be like to traverse from land to space then warp speed to another planet then land on that pla…

---

## [What is the fastest and most efficient way to read a Uint8Array into a THREE.Texture?](https://discourse.threejs.org/t/what-is-the-fastest-and-most-efficient-way-to-read-a-uint8array-into-a-three-texture/87362)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 3\
**Last updated:** [October 5, 2025, 3:11am UTC](https://discourse.threejs.org/t/what-is-the-fastest-and-most-efficient-way-to-read-a-uint8array-into-a-three-texture/87362 "2025-10-05T03:11:02Z")

</div>

Let’s say I have a Uint8Array that represents a 1,024x1,204 png image. I am currently doing this for reading it into a THREE.Texture object: const textureLoader = new three.TextureLoader(); const pngBytes = getPngBytes…

---

## [Three.js Image Text blur after Version 151](https://discourse.threejs.org/t/three-js-image-text-blur-after-version-151/84546)

<div class="topic-metadata">

**Author:** [@James\_Zhong](https://discourse.threejs.org/u/James_Zhong)\
**Replies:** 2\
**Last updated:** [July 7, 2025, 3:34am UTC](https://discourse.threejs.org/t/three-js-image-text-blur-after-version-151/84546 "2025-07-07T03:34:00Z")

</div>

I have an image with black text. In 151 and the previouse version, the text is black. After version 151, from 152, the text color became less black(blur, less sharp). The settings of WebGLRenderer, Texture and Material a…

---

## [R110 to r175 color space](https://discourse.threejs.org/t/r110-to-r175-color-space/81050)

<div class="topic-metadata">

**Author:** [@POP](https://discourse.threejs.org/u/POP)\
**Replies:** 13\
**Last updated:** [May 6, 2025, 6:56pm UTC](https://discourse.threejs.org/t/r110-to-r175-color-space/81050 "2025-05-06T18:56:42Z")

</div>

Ok, we’ve been doing a big migration leap here. From 110 to 157. So, we’ve been going through all the necessary migration tasks. One issue in particular, however, is color. We have, for instance of a green screen video t…

---

## [Documentation: What exactly is texture.channel for?](https://discourse.threejs.org/t/documentation-what-exactly-is-texture-channel-for/81168)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 4\
**Last updated:** [April 14, 2025, 11:58pm UTC](https://discourse.threejs.org/t/documentation-what-exactly-is-texture-channel-for/81168 "2025-04-14T23:58:00Z")

</div>

The Texture.channel docs say: Lets you select the uv attribute to map the texture to. 0 for uv, 1 for uv1, 2 for uv2 and 3 for uv3. But what are those? Why would you want to use those? Any working examples to look at…

---

## [Rendering svg to texture returns low quality image](https://discourse.threejs.org/t/rendering-svg-to-texture-returns-low-quality-image/80867)

<div class="topic-metadata">

**Author:** [@byteemily](https://discourse.threejs.org/u/byteemily)\
**Replies:** 1\
**Last updated:** [April 8, 2025, 5:02am UTC](https://discourse.threejs.org/t/rendering-svg-to-texture-returns-low-quality-image/80867 "2025-04-08T05:02:03Z")

</div>

Hi! I’m trying to make an interactive website with clickable images composed of svgs and such, and I decided to use three.js so I can add post-processing and shaders to the content of the site. That being said, renderin…

---

## [Using a WebGLTexture as texture for Three.JS](https://discourse.threejs.org/t/using-a-webgltexture-as-texture-for-three-js/46245)

<div class="topic-metadata">

**Author:** [@cabada](https://discourse.threejs.org/u/cabada)\
**Replies:** 10\
**Last updated:** [February 28, 2025, 10:45pm UTC](https://discourse.threejs.org/t/using-a-webgltexture-as-texture-for-three-js/46245 "2025-02-28T22:45:10Z")

</div>

I’m trying to load a raw WebGLTexture as a Texture for a Material. I’m generating this texture on the go with raw WebGL, and I want to use it directly with Three.JS. (Reading the pixels and writing a new image out of it,…

---

## [Texture Realism for imported model](https://discourse.threejs.org/t/texture-realism-for-imported-model/76504)

<div class="topic-metadata">

**Author:** [@chain\_saw](https://discourse.threejs.org/u/chain_saw)\
**Replies:** 2\
**Last updated:** [February 7, 2025, 9:27am UTC](https://discourse.threejs.org/t/texture-realism-for-imported-model/76504 "2025-02-07T09:27:25Z")

</div>

Hello! I’m currently researching texture realism, and I’ve realized that achieving a truly realistic look in Three.js and its libraries requires more than just applying textures in a straightforward manner. For instance…

---

## [THREE.DataTexture - data manipulation and texture resizing](https://discourse.threejs.org/t/three-datatexture-data-manipulation-and-texture-resizing/76779)

<div class="topic-metadata">

**Author:** [@GitHubDragonFly](https://discourse.threejs.org/u/GitHubDragonFly)\
**Replies:** 7\
**Last updated:** [January 23, 2025, 3:36am UTC](https://discourse.threejs.org/t/three-datatexture-data-manipulation-and-texture-resizing/76779 "2025-01-23T03:36:28Z")

</div>

For those who might ever have a need to resize textures and / or convert texture data, here is one possible way of doing this. Some might find handling of Uint16Array and Float32Array somewhat interesting. This is not …

---

## [Achieve realistic lighting and Materials in 3D Scene](https://discourse.threejs.org/t/achieve-realistic-lighting-and-materials-in-3d-scene/76333)

<div class="topic-metadata">

**Author:** [@Halikarnassos](https://discourse.threejs.org/u/Halikarnassos)\
**Replies:** 0\
**Last updated:** [January 10, 2025, 11:36pm UTC](https://discourse.threejs.org/t/achieve-realistic-lighting-and-materials-in-3d-scene/76333 "2025-01-10T23:36:47Z")

</div>

Hello everyone, what do I need to understand and be able to do in order to achieve lighting, textures, and materials like in the second image? Apart from envMapping, toneMapping, PBR, and HDR? When I add a texture to m…

---

## [Blurry texture with svg](https://discourse.threejs.org/t/blurry-texture-with-svg/74179)

<div class="topic-metadata">

**Author:** [@raumik\_rana1](https://discourse.threejs.org/u/raumik_rana1)\
**Replies:** 2\
**Last updated:** [November 19, 2024, 9:57pm UTC](https://discourse.threejs.org/t/blurry-texture-with-svg/74179 "2024-11-19T21:57:02Z")

</div>

Hello, I am trying to apply svg image as texture. Actually this question might not related to three js. But still anyone can help me with that here. I am converting ai file to svg from 1) adobe illustrator 2) photopea…

---

## [Texture from Base64 data render white on object](https://discourse.threejs.org/t/texture-from-base64-data-render-white-on-object/72747)

<div class="topic-metadata">

**Author:** [@Andi](https://discourse.threejs.org/u/Andi)\
**Replies:** 4\
**Last updated:** [October 13, 2024, 1:53pm UTC](https://discourse.threejs.org/t/texture-from-base64-data-render-white-on-object/72747 "2024-10-13T13:53:10Z")

</div>

Hi, I am trying to load base64 data from canvas and assign it to glb object mesh, all worked but the texture shows only white color instead colorful image. I checked by downloading that image data it shows colorful imag…

---

## [Distorted (grainy) material due to a normal map?](https://discourse.threejs.org/t/distorted-grainy-material-due-to-a-normal-map/72599)

<div class="topic-metadata">

**Author:** [@superpav](https://discourse.threejs.org/u/superpav)\
**Replies:** 8\
**Last updated:** [October 9, 2024, 9:27pm UTC](https://discourse.threejs.org/t/distorted-grainy-material-due-to-a-normal-map/72599 "2024-10-09T21:27:01Z")

</div>

Hi all! I have two normal maps, one texture, and one material that I test. When I apply one of the normal maps to a material, I get a weird grainy distorted look on the material. If I replace the normal map with another…

---

## [Three js object to render in matterport scene with code](https://discourse.threejs.org/t/three-js-object-to-render-in-matterport-scene-with-code/70368)

<div class="topic-metadata">

**Author:** [@Rishi\_Prasad\_Aryal](https://discourse.threejs.org/u/Rishi_Prasad_Aryal)\
**Replies:** 1\
**Last updated:** [September 6, 2024, 12:11pm UTC](https://discourse.threejs.org/t/three-js-object-to-render-in-matterport-scene-with-code/70368 "2024-09-06T12:11:53Z")

</div>

I have a website where I need to create a 3d plane object which have provided image as texture on two sides. Then I want to render that object into matterport scene/space. Note: I cannot export the glb file as the objec…

---

## [Gltf color and texture map applying both at same time](https://discourse.threejs.org/t/gltf-color-and-texture-map-applying-both-at-same-time/49231)

<div class="topic-metadata">

**Author:** [@salmanrazak](https://discourse.threejs.org/u/salmanrazak)\
**Replies:** 11\
**Last updated:** [September 4, 2024, 12:51pm UTC](https://discourse.threejs.org/t/gltf-color-and-texture-map-applying-both-at-same-time/49231 "2024-09-04T12:51:09Z")

</div>

i have locally prepared a screen with tshirt gltf modal. clicking upon html button i replace modal material color, i laso place a cartoon image over the chest of object through textureloader and mapping on child. there …

---

## [How does UV Mapping happen after setting map to a texture?](https://discourse.threejs.org/t/how-does-uv-mapping-happen-after-setting-map-to-a-texture/68098)

<div class="topic-metadata">

**Author:** [@Gezell](https://discourse.threejs.org/u/Gezell)\
**Replies:** 1\
**Last updated:** [July 13, 2024, 8:50am UTC](https://discourse.threejs.org/t/how-does-uv-mapping-happen-after-setting-map-to-a-texture/68098 "2024-07-13T08:50:29Z")

</div>

How does simply setting the texture on this cube’s material.map parameter, automatically make the perfect uv mapping? https://threejs.org/examples/#webgl\_geometry\_cube

---

## [Texture UV Mapping](https://discourse.threejs.org/t/texture-uv-mapping/66533)

<div class="topic-metadata">

**Author:** [@Mattia\_Savoia](https://discourse.threejs.org/u/Mattia_Savoia)\
**Replies:** 0\
**Last updated:** [June 7, 2024, 8:13am UTC](https://discourse.threejs.org/t/texture-uv-mapping/66533 "2024-06-07T08:13:21Z")

</div>

I have a problem regarding UV mapping. I created a geometry starting from a spline and to this geometry I apply a texture that is repeated along its entire length. This is the wireframe geometry: And this is the tex…

---

## [Different textures from InstancedMesh](https://discourse.threejs.org/t/different-textures-from-instancedmesh/66443)

<div class="topic-metadata">

**Author:** [@Lock\_Basta](https://discourse.threejs.org/u/Lock_Basta)\
**Replies:** 10\
**Last updated:** [June 6, 2024, 12:45pm UTC](https://discourse.threejs.org/t/different-textures-from-instancedmesh/66443 "2024-06-06T12:45:18Z")

</div>

I’m trying to solve the problem of mapping different textures in InstancedMesh using a texture atlas by shifting uv. But for some reason I don’t have any image displayed. What is the problem? I have 1 row and 6 columns i…

---

## [Offset spotLight texture map](https://discourse.threejs.org/t/offset-spotlight-texture-map/65949)

<div class="topic-metadata">

**Author:** [@Yohan](https://discourse.threejs.org/u/Yohan)\
**Replies:** 0\
**Last updated:** [May 24, 2024, 6:35pm UTC](https://discourse.threejs.org/t/offset-spotlight-texture-map/65949 "2024-05-24T18:35:58Z")

</div>

Hello everyone, i was wondering if this is possible to offset a map texture on a SpotLight ? The aim is to recreate a projector effect. Every few seconds, i would like to offset progressively the texture. I can clearly …

---

## [Pixelart texture becomes "fatter"](https://discourse.threejs.org/t/pixelart-texture-becomes-fatter/65904)

<div class="topic-metadata">

**Author:** [@JohnFrian](https://discourse.threejs.org/u/JohnFrian)\
**Replies:** 6\
**Last updated:** [May 23, 2024, 8:51pm UTC](https://discourse.threejs.org/t/pixelart-texture-becomes-fatter/65904 "2024-05-23T20:51:00Z")

</div>

Hey, first post. Been using three js on and off for a year or so now. Loving it! Anyway, having some issues with my pixel art texture in a super early project. This texture: Tl;dr: Rightmost part of the texture has …

---

## [Bake spotlight texture?](https://discourse.threejs.org/t/bake-spotlight-texture/65143)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 9\
**Last updated:** [May 8, 2024, 8:50am UTC](https://discourse.threejs.org/t/bake-spotlight-texture/65143 "2024-05-08T08:50:10Z")

</div>

Is it possible to bake the result of a projected texture from a spotlight? For example, in this demo, the spotlight projects a texture onto the model. Can we “bake” this so the texture becomes a more permanent part of …

---

## [Use Canvas texture for 3d configurator materials](https://discourse.threejs.org/t/use-canvas-texture-for-3d-configurator-materials/63400)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 6\
**Last updated:** [May 8, 2024, 7:44am UTC](https://discourse.threejs.org/t/use-canvas-texture-for-3d-configurator-materials/63400 "2024-05-08T07:44:51Z")

</div>

Hi .I hope you are well my friends. I am creating a 3d configurator for t-shirt. Users should upload images, and logos and write text and change the position, scale, and rotation of each element added to each part of t…

---

## [Simple fbx model load stays untextured](https://discourse.threejs.org/t/simple-fbx-model-load-stays-untextured/63497)

<div class="topic-metadata">

**Author:** [@threejsman](https://discourse.threejs.org/u/threejsman)\
**Replies:** 5\
**Last updated:** [April 1, 2024, 2:20pm UTC](https://discourse.threejs.org/t/simple-fbx-model-load-stays-untextured/63497 "2024-04-01T14:20:48Z")

</div>

Hi, I loaded this model with fbxloader and it shows up in the scene just without textures. They are loaded automatically but seem to be not applied. The model stays grey. Then I tried this one with the same effect. …

---

## [Die Cidretasse / The cup of cider](https://discourse.threejs.org/t/die-cidretasse-the-cup-of-cider/63287)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 6\
**Last updated:** [March 28, 2024, 5:38pm UTC](https://discourse.threejs.org/t/die-cidretasse-the-cup-of-cider/63287 "2024-03-28T17:38:56Z")

</div>

Hi community! Here is the result of the coding for one evening :slight\_smile: Video: Demo: https://codepen.io/prisoner849/full/poBwLRG

---

## [How to render coloured volume with Data3DTexture and RGBAFormat?](https://discourse.threejs.org/t/how-to-render-coloured-volume-with-data3dtexture-and-rgbaformat/62047)

<div class="topic-metadata">

**Author:** [@Webwitcher](https://discourse.threejs.org/u/Webwitcher)\
**Replies:** 2\
**Last updated:** [February 29, 2024, 3:12pm UTC](https://discourse.threejs.org/t/how-to-render-coloured-volume-with-data3dtexture-and-rgbaformat/62047 "2024-02-29T15:12:19Z")

</div>

I have RGBA volume data and want to color the voxels correspondingly. I am using the code from three.js examples. However the shader of this example uses only the “red” channel and a colormap. I would like to modifiy th…

---

## [Wrong UV unwrap -decal -textures load flip(Photos are loaded upside down)](https://discourse.threejs.org/t/wrong-uv-unwrap-decal-textures-load-flip-photos-are-loaded-upside-down/61625)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 6\
**Last updated:** [February 20, 2024, 11:41am UTC](https://discourse.threejs.org/t/wrong-uv-unwrap-decal-textures-load-flip-photos-are-loaded-upside-down/61625 "2024-02-20T11:41:10Z")

</div>

Hi I load images on 3d models layers by decal .But in some layers it appears flip. Can you help me what is reason ? in my code or 3d model. check this video please: and this is my code :slight\_smile: async fun…

---

## [Scaling only some part of texture](https://discourse.threejs.org/t/scaling-only-some-part-of-texture/60024)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini](https://discourse.threejs.org/u/Deepak_Saini)\
**Replies:** 2\
**Last updated:** [January 7, 2024, 11:41am UTC](https://discourse.threejs.org/t/scaling-only-some-part-of-texture/60024 "2024-01-07T11:41:03Z")

</div>

I have this image which i want to use as a map for the sprite material. The thing i want to achieve is to know that how can i scale only the green part of the image and not the above part of it. It will be used for …

---

## [iOS 17 exr texture not displaying, working on iOS 16](https://discourse.threejs.org/t/ios-17-exr-texture-not-displaying-working-on-ios-16/57565)

<div class="topic-metadata">

**Author:** [@Niccolo\_Fanton](https://discourse.threejs.org/u/Niccolo_Fanton)\
**Replies:** 2\
**Last updated:** [October 30, 2023, 3:41pm UTC](https://discourse.threejs.org/t/ios-17-exr-texture-not-displaying-working-on-ios-16/57565 "2023-10-30T15:41:50Z")

</div>

Good morning, I have a demo that I never updated in the last year but I’m noticing that the env map is no longer working since I updated my iPhone to iOS 17, I tested with an iOS emulator running 16 and it’s working… c…

[Next page](https://discourse.threejs.org/tag/texture/953.md?match_all_tags=true&page=1&tags%5B%5D=texture)