Adding textures

Questions
1

Hi eveyone

I want add a texture on my cube

this is the message I get

pic
pic1239×322 57.8 KB

this is the folder where I put the picture I want add

folder
folder442×238 37.8 KB

2 
//import imageSource from './Color.jpg';
let texture_loader=new THREE.TextureLoader();
let imageSource=texture_loader.load("./Color.jpg");
3

12
12490×244 18.5 KB

11
11498×110 22.2 KB

4 
//import imageSource from './Color.jpg';
let texture_loader=new THREE.TextureLoader();
let imageSource_2=texture_loader.load("./Color.jpg");
5

ttttttttttttttttttt
ttttttttttttttttttt1192×263 61.6 KB

6

try imageSource_2

7

This method work fine

const image=new Image()
const texture=new THREE.Texture(image)

image.onload=()=>{
  texture.needsUpdate=true
}

image.src='images/color.jpg'

const material=new THREE.MeshBasicMaterial({map:texture})```
8

thanks to take time to answer me Chaser_Code

9

Its unregular case for texture loading for me.

10

wait is that windows 7? or just a theme?

11 
let loader = new THREE.TextureLoader()
let texture = loader.load('images/color.jpg');

-or-
let texture = await loader.loadAsync('images/color.jpg')
(if you want to forcably wait for it to load..)

should work?

12

I would advise you to learn the basics of JavaScript first. When you declare variables using let, const or var, each such declaration must be followed by a semicolon, and if you declare multiple variables, a comma is used, but the keyword (let, var or const) is written only once before this list. That is,

let texture_loader=new THREE.TextureLoader();
let imageSource=texture_loader.load("./Color.jpg");

or

let texture_loader=new THREE.TextureLoader(), 
    imageSource=texture_loader.load("./Color.jpg");
2 Likes