Hi, sir. i try to load a custom Material to Model, but it's not show any color.

[amin2312]

[code]

let light = Object.assign(new PIXI3D.Light, { type: PIXI3D.LightType.directional, x: 0, y: 0, z: 1 });
PIXI3D.LightingEnvironment.main.lights.push(light);

let ball = PIXI3D.Model.from(ResLoader.resources['image_3d/ball.gltf'].gltf,
{
create: function (source: any): any
{
let material = new PIXI3D.StandardMaterial();
material.normalTexture = PIXI.Texture.from('image_3d/ball.png');
return material;
}
});

but the result don't contains any color.

the raw texture file, as below:

[amin2312]

the ball.gltf is a standard sphere

[jnsmalm]

I you just want to change texture for a material you can do it like this also:

let ball = PIXI3D.Model.from(ResLoader.resources['image_3d/ball.gltf'].gltf)
ball.meshes[0].material.normalTexture = PIXI.Texture.from('image_3d/ball.png');

[amin2312]

I have viewed code. The default is look like perspective camera.
I want bo create a billiards game, i need Orthographic Camera.
But i don't know how to create it. please help, thank you

[amin2312]

Sir, i try to modify the code of "camera.ts"

this._projection = new MatrixComponent(this, 16, data => {
        // Mat4.perspective(this._fieldOfView * PIXI.DEG_TO_RAD, this._aspect || this.renderer.width / this.renderer.height, this._near, this._far, data);
        var WW = _this.renderer.width;var WH = _this.renderer.height;var AR = 0.5; Mat4.ortho(-AR * WW, AR * WW, AR * WH, -AR * WH, _this._near, _this._far, data);
});

It seems can work. but the render result has some wrongs when i add a directional light(and the initialized rotation of ball is wrong)

ps: i use the "pbr.js" example to test.
the code below:

let app = new PIXI.Application({
  backgroundColor: 0xdddddd, resizeTo: window, antialias: true
})
document.body.appendChild(app.view)
app.loader.add("skybox.cubemap", "assets/environments/autumn/skybox.cubemap")
app.loader.add("ball.gltf", "assets/models/ball/ball.gltf")
app.loader.load((loader, resources) => {
  let skybox = app.stage.addChild(new PIXI3D.Skybox(resources["skybox.cubemap"].texture))

  let model = app.stage.addChild(PIXI3D.Model.from(resources["ball.gltf"].gltf))
  model.scale.set(50);
  model.position.set(30,0,0);

  model = app.stage.addChild(PIXI3D.Model.from(resources["ball.gltf"].gltf))
  model.scale.set(50);
  model.position.set(-30,0,0);

  var light = Object.assign(new PIXI3D.Light, { type: PIXI3D.LightType.directional, intensity:1, x: 0, y: 0, z: 0 });
  PIXI3D.LightingEnvironment.main.lights.push(light);
})

the model and texture file below:
ball.zip

[jnsmalm]

Try having a directional light which is not located at 0, 0, 0.

[jnsmalm]

You can also try to rotate the light.

light.rotationQuaternion.setEulerAngles(0, 180, 0)

[jnsmalm]

I have added support for orthographic camera, check develop branch.

[jnsmalm]

I have added support for orthographic camera, check develop branch.

[amin2312]

thank your help