zhengte/zhengte.babylonjs-sdk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改粗糙金属度

Browse Source
This commit is contained in:
zguiy
2026-06-04 19:01:53 +08:00
parent bef0bf527b
commit 2abb61104a
10 changed files with 359968 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/app-global.js
View File

@ -35,7 +35,7 @@ const init = async (customConfig = {}) => {
const defaultConfig = {
container: document.querySelector('#renderDom'),
modelUrlList: [],
env: { envPath: 'https://cdn.files.zguiy.com/zt/environment.env', intensity: 1.5, rotationY: 0.3, background: false },
env: { envPath: 'https://cdn.files.zguiy.com/zt/environment.env', intensity: 1.2, rotationY: 0.3, background: false },
gizmo: {
position: false,
rotation: false,
@ -362,14 +362,16 @@ const executeEvent2 = async (result, sku) => {
for (const event of result.data.events) {
if (event.event_type === 'change_color') {
const materialName = event.material_name;
console.log('替换模型颜色:', event);
const { color, color_map_url, normal_map_url, metallic, roughness } = event.target_data;
console.log('替换模型颜色:', event.target_data);
kernel.material.apply({
target: materialName,
albedoColor: color,
albedoTexture: color_map_url,
normalMap: normal_map_url,
});
console.log(`百叶模型颜色已替换为 ${color}`);

3
examples/demo-global.html
View File

@ -585,7 +585,8 @@
</div>
</div>
</div>
<script src="https://sdk.zguiy.com/zt/assets/index.global.js?v=1234"></script>
<!-- <script src="https://sdk.zguiy.com/zt/assets/index.global.js?v=1234"></script> -->
<script src="./index.global.js?v=1234"></script>
<script src="./app-global.js"></script>
<script>
// 从全局对象获取 SDK kernel

36
examples/index.global.js
View File

@ -29855,6 +29855,10 @@ var kernel = (function (exports) {
rotationY: 0,
background: false
},
camera: {
position: { x: 0, y: 2, z: 5 },
target: { x: 0, y: 1, z: 0 }
},
gizmo: {
position: true,
rotation: false,
@ -70348,14 +70352,22 @@ var kernel = (function (exports) {
const scene = this.mainApp.appScene.object;
const canvas = AppConfig.container;
if (!scene || !canvas) return;
this.object = new ArcRotateCamera("Camera", Tools.ToRadians(70), Tools.ToRadians(85), 5, new Vector3(0, 2, 0), scene);
const { position, target } = AppConfig.camera;
this.object = new ArcRotateCamera(
"Camera",
Tools.ToRadians(70),
Tools.ToRadians(85),
5,
new Vector3(target.x, target.y, target.z),
scene
);
this.object.attachControl(canvas, true);
this.object.minZ = 0.01;
this.object.wheelPrecision = 200;
this.object.panningSensibility = 0;
this.object.upperBetaLimit = Tools.ToRadians(90);
this.object.position = new Vector3(0, 0, 10);
this.setTarget(0, 0.5, 0);
this.object.position = new Vector3(position.x, position.y, position.z);
this.setTarget(target.x, target.y, target.z);
}
/** 设置相机目标点 */
setTarget(x, y, z) {
@ -354678,16 +354690,6 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
});
return min.add(max).scaleInPlace(0.5);
}
setupShadows(meshes) {
const appLight = this.mainApp.appLight;
if (!appLight) return;
meshes.forEach((mesh) => {
if (mesh.getTotalVertices() > 0) {
appLight.addShadowCaster(mesh);
mesh.receiveShadows = true;
}
});
}
/** 获取缓存的网格 */
getCachedMeshes(name) {
return this.modelDic.Get(name);
@ -355956,6 +355958,8 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
material.albedoTexture = null;
}
}
material.roughness = 0.8;
material.metallic = 0;
material.markDirty();
});
}
@ -358085,9 +358089,6 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
if (this.config.position) {
this.ground.position = this.config.position;
}
if (this.config.receiveShadows) {
this.ground.receiveShadows = true;
}
this.ground.isPickable = false;
}
/** 创建材质 */
@ -358226,6 +358227,7 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
AppConfig.container = config.container;
AppConfig.modelUrlList = config.modelUrlList || [];
AppConfig.env = { ...AppConfig.env, ...config.env || {} };
AppConfig.camera = { ...AppConfig.camera, ...config.camera || {} };
AppConfig.gizmo = { ...AppConfig.gizmo, ...config.gizmo || {} };
AppConfig.outline = { ...AppConfig.outline, ...config.outline || {} };
this.appPositionGizmo.configure(AppConfig.gizmo);
@ -358362,6 +358364,7 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
* @param options 材质应用选项
*/
apply: (options) => {
console.log(options);
this.mainApp.gameManager.applyMaterial(options);
}
};
@ -358704,6 +358707,7 @@ clipPos=viewProjection*worldPos;previousClipPos=previousViewProjection*previousW
container,
modelUrlList: params.modelUrlList || [],
env: params.env,
camera: params.camera,
gizmo: params.gizmo,
outline: params.outline
});

360233
examples/index.js
View File

File diff suppressed because one or more lines are too long

4
index.js
View File

@ -263,6 +263,8 @@ export const executeEvent = async (dropzone_data, result, sku) => {
const materialName = event.material_name;
const { color, color_map_url, normal_map_url, metallic, roughness } = event.target_data;
kernel.material.apply({
target: materialName,
modelId: modelName + '_' + modelId, // 传入 modelId，只替换该模型的材质
@ -378,6 +380,8 @@ export const executeEvent2 = async (result, sku) => {
albedoColor: color,
albedoTexture: color_map_url,
normalMap: normal_map_url,
metallic: +metallic,
roughness: +roughness,
});
console.log(`百叶模型颜色已替换为 ${color}`);

3
src/babylonjs/AppGround.ts
View File

@ -97,9 +97,6 @@ export class AppGround extends Monobehiver {
this.ground.position = this.config.position;
}
if (this.config.receiveShadows) {
this.ground.receiveShadows = true;
}
this.ground.isPickable = false;
}

2
src/babylonjs/AppLight.ts
View File

@ -36,6 +36,6 @@ export class AppLight extends Monobehiver {
Awake(): void {
// 主光源（模拟太阳）
const light = new DirectionalLight("sun", new Vector3(-1, -2, -1), this.mainApp.appScene.object);
light.intensity = 1.2;
light.intensity = 1;
}
}

12
src/babylonjs/AppModel.ts
View File

@ -215,18 +215,6 @@ export class AppModel extends Monobehiver {
}
setupShadows(meshes: AbstractMesh[]): void {
const appLight = this.mainApp.appLight;
if (!appLight) return;
meshes.forEach(mesh => {
if (mesh.getTotalVertices() > 0) {
appLight.addShadowCaster(mesh);
mesh.receiveShadows = true;
}
});
}
/** 获取缓存的网格 */
getCachedMeshes(name: string): AbstractMesh[] | undefined {
return this.modelDic.Get(name);

1
src/babylonjs/AppScene.ts
View File

@ -19,5 +19,6 @@ export class AppScene extends Monobehiver {
this.object = new Scene(this.mainApp.appEngin.object);
this.object.clearColor = new Color4(0, 0, 0, 0); // 透明背景
this.object.skipFrustumClipping = true; // 跳过视锥剔除优化性能
}
}

39
src/babylonjs/GameManager.ts
View File

@ -810,7 +810,8 @@ export class GameManager extends Monobehiver {
material.albedoColor.copyFrom(color);
}
// 应用反照率纹理（颜色贴图）
//应用反照率纹理（颜色贴图）
if (options.albedoTexture !== undefined) {
if (options.albedoTexture) {
material.albedoTexture = new Texture(options.albedoTexture);
@ -820,42 +821,16 @@ export class GameManager extends Monobehiver {
}
}
// // 应用法线贴图
// if (options.normalMap !== undefined) {
// if (options.normalMap) {
// material.bumpTexture = new Texture(options.normalMap);
// } else {
// // 传入空字符串或 null 时清空贴图
// material.bumpTexture = null;
// }
// }
material.roughness = 0.8;
material.metallic = 0;
// // 应用金属度贴图
// if (options.metallicTexture !== undefined) {
// if (options.metallicTexture) {
// material.metallicTexture = new Texture(options.metallicTexture);
// } else {
// // 传入空字符串或 null 时清空贴图
// material.metallicTexture = null;
// }
// }
console.log(options);
// 应用粗糙度值
if (options.roughness !== undefined) {
material.roughness = options.roughness;
}
// // 应用金属度值
if (options.metallic !== undefined) {
material.metallic = options.metallic;
}
// alert(typeof options.metallic + ' ' + typeof options.roughness);
// 强制刷新材质
material.markDirty();
});
}
}