🧱 PBR 贴图生成器（实时 3D 预览：HDRI / 形体 / 参数联动）
上传 Base Color（基础颜色）
拖动滑杆三维视图立刻变化：关键滑杆/勾选都会自动触发更新（无需再点“生成/刷新”）。
贴图分辨率（输出 / 下载清晰度）
512 × 512（快）
1024 × 1024（推荐）
2048 × 2048（清晰）
4096 × 4096（很清晰/较慢）
生成无缝贴图（快速版：Offset + 接缝带模糊混合）
Base Color
Normal
Height（用于位移/凹凸）
Roughness
Metallic
AO
预览形体
圆球 Sphere
正方体 Box
圆柱 Cylinder
平面 Plane（支持真位移）
DirectX 法线（Flip Green / 反转Y）
HDRI 环境（内置：切换即自动加载）
Spot1Lux（影棚灯）
Lobe（影棚）
Memorial（室内/展馆）
Royal Esplanade（户外）
Venice Sunset（夕阳）
Quarry 01（采石场）
Spruit Sunrise（清晨）
Blouberg Sunrise（晴天）
Pedestrian Overpass（城市）
San Giuseppe Bridge（桥梁）
将 HDRI 作为背景显示（默认只做光照）
曝光 Exposure（实时）
自动旋转
亮度（Base Color）
法线强度（Normal Strength）
Height 强度（生成 Height 的对比/深浅）
位移强度（Displacement：实时，仅 Plane 启用）
凹凸强度（Bump：实时）
粗糙度（Roughness：实时）
金属度（Metallic：实时）
AO 强度（实时）
生成 / 刷新
下载已勾选
下载全部贴图
说明：滑杆/勾选会自动更新。球体“裂口”已修：法线边缘环绕采样 + 预览纹理禁用 mipmaps。
📦 Electron 桌面版模板（最小可运行）
要离线内置 HDRI：把 .hdr 文件放到本地（比如 ./hdri/xxx.hdr），把下拉框链接改成本地相对路径即可。
目录结构： pbr-tool/ index.html main.js package.json package.json： { "name": "pbr-tool", "version": "1.0.0", "main": "main.js", "private": true, "scripts": { "start": "electron ." }, "devDependencies": { "electron": "^30.0.0" } } main.js： const { app, BrowserWindow } = require('electron'); const path = require('path'); function createWindow(){ const win = new BrowserWindow({ width: 1280, height: 860, webPreferences: { contextIsolation: true, nodeIntegration: false } }); win.loadFile(path.join(__dirname, 'index.html')); } app.whenReady().then(createWindow); app.on('window-all-closed', () => { if (process.platform !== 'darwin') app.quit(); });
🎥 实时 3D 预览（HDRI IBL + 形体切换）
BaseColor
Normal
Height
Roughness
Metallic
AO