why the texture has no color?

[amin2312]

Hi, sir

I try to build a sphere:

let dirLight = new PIXI3D.Light();
dirLight.type = "directional";
PIXI3D.LightingEnvironment.main.lights.push(dirLight);

const normalTexture = new PIXI3D.StandardMaterialTexture(PIXI.Texture.from('123.png').baseTexture);
const material = new PIXI3D.StandardMaterial();
material.normalTexture = normalTexture;

let model = PIXI3D.Mesh3D.createSphere(material);

the sphere can show texture, but texture don't include any color.
Am I missing some code?

[jnsmalm]

Hi,

The normalTexture is only used for lighting. You need to set baseColorTexture for it to show the color like this:

let sphere = app.stage.addChild(PIXI3D.Mesh3D.createSphere())
sphere.material.baseColorTexture = PIXI.Texture.from("assets/texture.jpg")

[amin2312]

It also show the back face.

I use CameraOrbitControl to change the angle, can show it.
But how to make it show the positive face by default

[jnsmalm]

You can change the degrees of the angles when using orbit control.

let control = new PIXI3D.CameraOrbitControl(app.view)
control.angles.y = 45

[amin2312]

let control = new PIXI3D.CameraOrbitControl(Renderer2d.view);
control.angles.y = 0

let light = new PIXI3D.Light()
light.type = "directional";
PIXI3D.LightingEnvironment.main.lights.push(light)

PIXI3D.Camera.main.orthographic = true

let sphere = StageIns.addChild(PIXI3D.Mesh3D.createSphere());
sphere.material.baseColorTexture = PIXI.Texture.from("texture_123.jpg");

It looks normal, but the texture is flipped vertically, how to fix it?

[jnsmalm]

The easiest is to just flip the jpg image.

[amin2312]

But my texture is normal. Can I flip the camera vertically?

[jnsmalm]

The UV coords are set up that way for the built in sphere mesh, you can flip the UV's manually:

let sphere = app.stage.addChild(PIXI3D.Mesh3D.createSphere())
for (let i = 1; i < sphere.geometry.uvs[0].buffer.length; i += 2) {
  sphere.geometry.uvs[0].buffer[i] = 1 - sphere.geometry.uvs[0].buffer[i]
}

[amin2312]

thanks for your help