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

1

Browse Source
This commit is contained in:
zguiy
2026-05-18 18:53:30 +08:00
parent fb193c0528
commit 840e3d6a55
12 changed files with 907 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -302,8 +302,8 @@
<button class="option-btn" data-option="size-3">10x13EM星空篷</button>
<button class="option-btn" data-option="size-4">全铁3x6</button>
<button class="option-btn" data-option="size-1">10x12</button>
<button class="option-btn" data-option="size-2">10x10星空篷</button>
<button class="option-btn" data-option="size-3">10x13星空篷</button>
<button class="option-btn" data-option="size-2">SPF111S1010W</button>
<button class="option-btn" data-option="size-3">SPF111S1013W</button>
<button class="option-btn" data-option="size-4">10x20星空篷</button>
</div>
</div>
@ -333,11 +333,11 @@
</div>
<div class="category-content">
<div class="option-group">
<button class="option-btn" data-option="louver-1">整体</button>
<button class="option-btn" data-option="louver-2">3m百叶</button>
<button class="option-btn" data-option="louver-1">SPFPDS13FTW</button>
<button class="option-btn" data-option="louver-2">SPFPDS13FTC</button>
<button class="option-btn" data-option="louver-3">3m下拉帘</button>
<button class="option-btn" data-option="louver-4">百叶4</button>
<button class="option-btn" data-option="louver-4">卷帘小</button>
<button class="option-btn" data-option="louver-4">SPFSW13FTC</button>
<button class="option-btn" data-option="louver-4">SPFSW10FTW</button>
</div>
</div>
</div>
@ -586,7 +586,7 @@
// 监听模型点击事件
window.addEventListener('model:click', (event) => {
console.log('模型被点击:', event.detail);
const { meshName, materialName, modelControlType } = event.detail;
const { meshName, modelName, materialName, modelControlType } = event.detail;
const clickInfoDiv = document.getElementById('click-info');
const clickInfoContent = document.getElementById('click-info-content');
@ -596,8 +596,8 @@
<span class="click-info-value">模型</span>
</div>
<div class="click-info-item">
<span class="click-info-label">网格名称:</span>
<span class="click-info-value">${meshName}</span>
<span class="click-info-label">模型名称:</span>
<span class="click-info-value">${modelName || meshName}</span>
</div>`;
if (materialName) {
@ -866,6 +866,8 @@
// DOM 2D转3D 示例：点击模型时显示信息框
if (data.pickedMesh && data.pickedPoint) {
const meshName = data.pickedMesh.name;
// 获取模型根节点名称（modelId）
const modelName = kernel.model.findModelNameByMesh(data.pickedMesh) || meshName;
const position = data.pickedPoint; // 使用点击位置的坐标
currentMaterialName = data.materialName || ''; // 保存材质名
currentPickedMesh = data.pickedMesh; // 保存网格对象
@ -873,7 +875,7 @@
// 获取已创建的DOM元素
const infoDiv = document.getElementById('model-info-box');
// 更新信息内容
document.getElementById('info-name').textContent = `名称: ${meshName}`;
document.getElementById('info-name').textContent = `模型: ${modelName}`;
document.getElementById('info-position').textContent = `坐标: [${position.x.toFixed(2)}, ${position.y.toFixed(2)}, ${position.z.toFixed(2)}]`;
// 显示颜色按钮，隐藏旋转按钮
@ -888,6 +890,8 @@
// 显示旋转控制UI
if (data.pickedMesh && data.pickedPoint) {
const meshName = data.pickedMesh.name;
// 获取模型根节点名称（modelId）
const modelName = kernel.model.findModelNameByMesh(data.pickedMesh) || meshName;
const position = data.pickedPoint;
currentPickedMesh = data.pickedMesh; // 保存网格对象