基础建模
基础建模(8 种)
灯光与几何体:内置形状与拉伸体做零素材建模,批量楼块 / 批量实例做城市与设备阵列铺量(单实体一次绘制),外部模型 / 倾斜摄影 / CAD 转 3D 接入既有资产。
元素都放在
scene-3d组件的pieces里,按{ uid, type, options }描述;坐标是世界坐标(场景单位),角度用度(°)。下方每节给出用途、在线预览、全量属性表与可复制 JSON。测点驱动三件套(data-key+state-rules+blink-values)见测点数据驱动,触发器与动作见播放态交互。
在线预览按需加载
三维每个场景独占一个 GPU 上下文(引擎侧同页实例配额为 4),故本页预览默认不自动运行——点「加载在线预览」才建场景,同页只保留一个活跃预览(打开新的会自动关掉上一个)。预览用 vjmap 官方公开服务,联网即可出图。
灯光 scene3d-light
灯光:环境光 / 平行光 / 点光 / 聚光 / 半球光五种,含阴影质量与程序化镜头光晕。灯光完全由本元素管理(引擎默认三盏灯已关闭)。
预览即
data/三维/元素/04-light-灯光.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
light-kind | 类型 | select | directional | 可选:ambient / directional / point / spot / hemisphere |
light-color | 颜色 | color | #ffffff | |
light-color2 | 地面色 | color | #20242c | |
light-intensity | 强度 | slider(min=0,max=10,step=0.1) | 1 | |
position | 位置 | vector<X,Y,Z> | [10,20,10] | |
light-target | 照向 | vector<X,Y,Z> | [0,0,0] | |
spot-angle | 锥角 | slider(min=1,max=89,step=1,unit=°) | 30 | |
spot-penumbra | 边缘柔化 | slider(min=0,max=1,step=0.05) | 0.3 | |
light-distance | 照射距离 | number(min=0,step=1) | 0 | |
show-helper | 编辑态辅助线 | boolean | true | |
lensflare | 启用光晕 | boolean | false | |
flare-size | 光晕大小 | slider(min=60,max=1600,step=20,unit=px) | 420 | |
flare-color | 光晕颜色 | color | — | |
cast-shadow | 投射阴影 | boolean | false | |
shadow-quality | 阴影质量 | select | 1024 | 可选:512 / 1024 / 2048 |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — |
JSON 片段
{
"uid": "l_amb",
"type": "scene3d-light",
"options": {
"light-kind": "ambient",
"light-intensity": 0.2
}
}形状 scene3d-shape
内置形状:box / sphere / cylinder / cone / capsule / plane / torus 等几何体,配 PBR、全息、玻璃、流光渐变、Shadertoy、镜面六种材质,是零素材建模的主力。
预览即
data/三维/元素/07-shape-形状.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
shape | 类型 | select | box | 可选:box / sphere / cylinder / cone / capsule / plane / torus / helicoid / sphube |
shape-size | 尺寸 | vector<X,Y,Z>(min=0.01) | [2,2,2] | |
pickable | 参与拾取 | boolean | true | |
surface-heat | 启用表面热力 | boolean | false | |
sheat-segment | 采样分段 | slider(min=4,max=40,step=1) | 10 | |
sheat-colors | 色表 | string(textarea,rows=4) | — | |
mat-kind | 材质类型 | select | standard | 可选:standard / hologram / transmission / flow-gradient / shadertoy / reflector |
mat-color | 颜色 | color | #4a8fe8 | |
mat-map | 颜色贴图 | file(format=image,accept=jpg|jpeg|png|webp) | — | |
mat-metalness | 金属度 | slider(min=0,max=1,step=0.05) | 0.2 | |
mat-roughness | 粗糙度 | slider(min=0,max=1,step=0.05) | 0.6 | |
mat-opacity | 不透明度 | slider(min=0,max=1,step=0.05) | 1 | |
mat-emissive | 自发光色 | color | — | |
mat-wireframe | 线框模式 | boolean | false | |
mat-double-side | 双面渲染 | boolean | false | |
holo-color | 全息颜色 | color | #51a4de | |
holo-brightness | 全息亮度 | slider(min=0.1,max=3,step=0.1) | 1.2 | |
holo-speed | 信号速度 | slider(min=0,max=3,step=0.05) | 0.45 | |
holo-blink | 闪烁效果 | boolean | true | |
grad-color | 基础色 | color | #0e233d | |
grad-top-color | 顶部色 | color | #1d4f8f | |
grad-light-color | 流光色 | color | #7fd6ff | |
grad-speed | 流光周期 | slider(min=0.2,max=10,step=0.1) | 2 | |
grad-light-width | 流光宽度 | slider(min=0.02,max=1,step=0.01) | 0.15 | |
shader-preset | 着色器预设 | select | custom | 可选:custom / pulse / rings / diffuse / electric / radar / clock / water / lightning |
shader-code | 着色器代码 | string(textarea,rows=8) | — | |
reflect-strength | 反射强度 | slider(min=0,max=1,step=0.05) | 0.25 | |
glow | 辉光 | boolean | false | |
cast-shadow | 投射阴影 | boolean | true | |
receive-shadow | 接收阴影 | boolean | true | |
position | 位置 | vector<X,Y,Z> | [0,1,0] | |
rotation | 旋转 | vector<X,Y,Z>(unit=°) | [0,0,0] | |
scale | 缩放 | vector<X,Y,Z>(min=0.01) | [1,1,1] | |
billboard | 公告牌(面向相机) | boolean | false | |
path-points | 路径点 | string(textarea,rows=4) | — | |
path-duration | 单程时长 | number(unit=s,min=0.5,step=0.5) | 10 | |
path-loop | 循环方式 | select | loop | 可选:loop / yoyo / once |
path-autoplay | 播放态自动运行 | boolean | true | |
path-angle-offset | 朝向偏移 | number(unit=°,step=15) | 0 | |
path-camera-follow | 相机跟随 | boolean | false | |
path-follow-distance | 跟随距离 | number(min=0,step=0.5) | 0 | |
path-follow-angle | 跟随俯角 | number(unit=°,min=0,max=89) | 35 | |
spin | 启用自转 | boolean | false | |
spin-axis | 旋转轴 | select | y | 可选:y / x / z |
spin-speed | 转速 | slider(min=-360,max=360,step=5,unit=°/s) | 30 | |
spin-play-only | 仅播放态自转 | boolean | true | |
pulse | 呼吸脉动 | boolean | false | |
pulse-scale | 脉动幅度 | slider(min=1.01,max=3,step=0.01,unit=×) | 1.15 | |
pulse-speed | 脉动频率 | slider(min=0.1,max=5,step=0.1,unit=Hz) | 1.2 | |
pulse-play-only | 仅播放态脉动 | boolean | true | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — | |
sheat-points | 静态数据点 | string(textarea,rows=6) | -2,0,0,20 0,2,0,85 2,0,0,45 0,0,-2,60 0,0,2,30 | |
sheat-min | 量程下限 | number | 0 | |
sheat-max | 量程上限 | number | 100 | |
sheat-data-key | 测点键 | select(editable) | — | |
data-key | 测点键 | select(editable) | — | |
blink-values | 告警闪烁值 | string | — |
JSON 片段
{
"uid": "m_floor",
"type": "scene3d-shape",
"options": {
"shape": "plane",
"mat-kind": "reflector",
"shape-size": [
34,
0.1,
22
],
"position": [
0,
0.02,
-2
],
"reflect-strength": 0.25,
"pickable": false,
"cast-shadow": false
}
}拉伸体 scene3d-extrude
拉伸体:给一组 x,z 底面轮廓拉出高度,配科技轮廓线。单楼精修、异形平台、L 形厂房首选。
预览即
data/三维/元素/08-extrude-拉伸体.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
ext-outline | 底面轮廓 | string(textarea,rows=5) | -3,-2 3,-2 3,2 -3,2 | |
ext-height | 拉伸高度 | number(min=0.05,step=0.5) | 4 | |
position | 位置偏移 | vector<X,Y,Z> | [0,0,0] | |
rotation | 旋转 | vector<X,Y,Z>(unit=°) | [0,0,0] | |
mat-kind | 材质类型 | select | standard | 可选:standard / flow-gradient |
mat-color | 颜色 | color | #2c4a74 | |
mat-opacity | 不透明度 | slider(min=0.05,max=1,step=0.05) | 1 | |
mat-metalness | 金属度 | slider(min=0,max=1,step=0.05) | 0.2 | |
mat-roughness | 粗糙度 | slider(min=0,max=1,step=0.05) | 0.65 | |
mat-emissive | 自发光色 | color | — | |
grad-color | 基础色 | color | #0e233d | |
grad-top-color | 顶部色 | color | #1d5fa8 | |
grad-light-color | 流光色 | color | #7fd6ff | |
grad-speed | 流光周期 | slider(min=0.2,max=10,step=0.1) | 2 | |
grad-light-width | 流光宽度 | slider(min=0.02,max=1,step=0.01) | 0.15 | |
edges | 科技轮廓线 | boolean | true | |
edge-color | 轮廓线颜色 | color | #5fd0ff | |
glow | 辉光 | boolean | false | |
cast-shadow | 投射阴影 | boolean | true | |
receive-shadow | 接收阴影 | boolean | true | |
spin | 启用自转 | boolean | false | |
spin-axis | 旋转轴 | select | y | 可选:y / x / z |
spin-speed | 转速 | slider(min=-360,max=360,step=5,unit=°/s) | 30 | |
spin-play-only | 仅播放态自转 | boolean | true | |
pulse | 呼吸脉动 | boolean | false | |
pulse-scale | 脉动幅度 | slider(min=1.01,max=3,step=0.01,unit=×) | 1.15 | |
pulse-speed | 脉动频率 | slider(min=0.1,max=5,step=0.1,unit=Hz) | 1.2 | |
pulse-play-only | 仅播放态脉动 | boolean | true | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — | |
data-key | 测点键 | select(editable) | — | |
blink-values | 告警闪烁值 | string | — |
JSON 片段
{
"uid": "e_plant",
"type": "scene3d-extrude",
"options": {
"ext-outline": "-8,-3\n-1,-3\n-1,1\n-4,1\n-4,4\n-8,4",
"ext-height": 3.6,
"position": [
-4,
0,
-6
],
"mat-color": "#2c4a74",
"mat-metalness": 0.3,
"mat-roughness": 0.6,
"edges": true,
"edge-color": "#5fd0ff",
"data-key": "PLANT",
"state-rules": "ok=#2c4a74\nalarm=#c22a3a",
"blink-values": "alarm"
}
}批量楼块 scene3d-buildings
批量楼块:一行一栋(轮廓 + 高度 + 底 / 顶色),单实体一次绘制承载上百栋,城市尺度铺量用。
预览即
data/三维/元素/09-buildings-批量楼块.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
bld-data | 楼块数据 | string(textarea,rows=8) | -10,-8;-4,-8;-4,-2;-10,-2|8 -2,-8;4,-8;4,-3;-2,-3|12|#… | |
position | 整体偏移 | vector<X,Y,Z> | [0,0,0] | |
base-height | 基准高度 | number(step=0.5) | 0 | |
bld-color | 默认底色 | color | #16283f | |
bld-top-color | 默认顶色 | color | #2e64b8 | |
show-border | 发光边框线 | boolean | true | |
border-color | 边框底色 | color | #3fa8ff | |
border-top-color | 边框顶色 | color | #7fd6ff | |
glow | 辉光 | boolean | false | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — |
JSON 片段
{
"uid": "p_city",
"type": "scene3d-buildings",
"options": {
"bld-data": "-13.7,-7.7;-10.3,-7.7;-10.3,-4.3;-13.7,-4.3|6\n-13.7,-1.7;-10.3,-1.7;-10.3,1.7;-13.7,1.7|9\n-13.7,4.3;-10.3,4.3;-10.3,7.7;-13.7,7.7|5\n-7.7,-7.7;-4.3,-7.7;-4.3,-4.3;-7.7,-4.3|12\n-7.7,-1.7;-4.3,-1.7;-4.3,1.7;-7.7,1.7|7\n-7.7,4.3;-4.3,4.3;-4.3,7.7;-7.7,7.7|10\n-1.7,-7.7;1.7,-7.7;1.7,-4.3;-1.7,-4.3|4\n-1.7,4.3;1.7,4.3;1.7,7.7;-1.7,7.7|8\n4.3,-7.7;7.7,-7.7;7.7,-4.3;4.3,-4.3|11\n4.3,-1.7;7.7,-1.7;7.7,1.7;4.3,1.7|6\n4.3,4.3;7.7,4.3;7.7,7.7;4.3,7.7|9\n10.3,-7.7;13.7,-7.7;13.7,-4.3;10.3,-4.3|5\n10.3,-1.7;13.7,-1.7;13.7,1.7;10.3,1.7|7\n10.3,4.3;13.7,4.3;13.7,7.7;10.3,7.7|13\n-2.9,-1.3;-0.3,-1.3;-0.3,1.3;-2.9,1.3|16|#141226|#8b5cf6\n0.7,-1.2;3.1,-1.2;3.1,1.2;0.7,1.2|18|#1a1408|#ffd166",
"position": [
0,
0,
0
],
"base-height": 0,
"bld-color": "#16283f",
"bld-top-color": "#2e64b8",
"show-border": true,
"border-color": "#3fa8ff",
"border-top-color": "#7fd6ff",
"glow": false
}
}批量实例 scene3d-instances
批量实例:同一几何 / 模型按手动 / 网格 / 圆环 / 直线 / 散布排布铺场景(树阵 / 路灯 / 车位 / 机柜)。InstancedMesh 单次绘制承载万级实例,支持悬停指到哪亮哪。
预览即
data/三维/元素/37-instances-批量实例.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
inst-source | 实例源 | select | box | 可选:box / sphere / cylinder / cone / model |
model-url | 模型文件 | file(accept=glb|gltf|fbx|obj|3ds) | — | |
inst-size | 基准尺寸 | number(min=0.01,step=0.1) | 1 | |
inst-layout | 排布方式 | select | manual | 可选:manual / grid / ring / line / scatter |
inst-data | 实例数据 | string(textarea,rows=6) | -4,0.5,-4 0,0.5,-4 4,0.5,-4 -4,0.5,0 0,0.5,0,1.6,45,#f59e… | |
grid-count | 行×列 | vector<行,列>(min=1) | [6,6] | |
grid-gap | 间距 | vector<X,Z>(min=0.05) | [2,2] | |
ring-count | 实例数 | number(min=1,max=2000,step=1) | 16 | |
ring-radius | 半径 | number(min=0.1,step=0.5) | 8 | |
ring-face-center | 朝向圆心 | boolean | true | |
line-count | 实例数 | number(min=1,max=2000,step=1) | 8 | |
line-gap | 间距 | number(min=0.05,step=0.5) | 2 | |
line-angle | 方向角 | number(unit=°,step=15) | 0 | |
scatter-count | 实例数 | number(min=1,max=20000,step=10) | 60 | |
scatter-range | 散布范围 | vector<X,Z>(min=1) | [24,24] | |
scatter-seed | 随机种子 | number(min=1,step=1) | 1 | |
scatter-jitter | 尺寸抖动 | slider(min=0,max=0.6,step=0.05) | 0.25 | |
layout-origin | 阵列原点 | vector<X,Y,Z> | [0,0.5,0] | |
layout-bake | 转手动 | button | — | |
hover-highlight | 悬停高亮 | boolean | false | |
hover-color | 高亮颜色 | color | #7fd6ff | |
glow | 辉光 | boolean | false | |
inst-color | 基础色 | color | #4a8fe8 | |
inst-metalness | 金属度 | slider(min=0,max=1,step=0.05) | 0.2 | |
inst-roughness | 粗糙度 | slider(min=0,max=1,step=0.05) | 0.6 | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — | |
data-key | 测点键 | select(editable) | — |
JSON 片段
{
"uid": "inst_rack",
"type": "scene3d-instances",
"options": {
"inst-source": "box",
"inst-size": 1.4,
"inst-data": "-11,1.4,-11,2.4,45,#ffd166\n-11,0.7,-8.8\n-11,0.7,-6.6000000000000005\n-11,0.7,-4.4\n-11,0.7,-2.2\n-11,0.7,2.2\n-11,0.7,4.4\n-11,0.7,6.6000000000000005\n-11,0.7,8.8\n-11,1.4,11,2.4,45,#ffd166\n-8.8,0.7,-11\n-8.8,0.7,-8.8\n-8.8,0.7,-6.6000000000000005\n-8.8,0.7,-4.4\n-8.8,0.7,-2.2\n-8.8,0.7,2.2\n-8.8,0.7,4.4\n-8.8,0.7,6.6000000000000005\n-8.8,0.7,8.8\n-8.8,0.7,11\n-6.6000000000000005,0.7,-11\n-6.6000000000000005,0.7,-8.8\n-6.6000000000000005,0.7,-6.6000000000000005\n-6.6000000000000005,0.7,-4.4\n-6.6000000000000005,0.7,-2.2\n-6.6000000000000005,0.7,2.2\n-6.6000000000000005,0.7,4.4\n-6.6000000000000005,0.7,6.6000000000000005\n-6.6000000000000005,0.7,8.8\n-6.6000000000000005,0.7,11\n-4.4,0.7,-11\n-4.4,0.7,-8.8\n-4.4,0.7,-6.6000000000000005\n-4.4,0.7,-4.4\n-4.4,0.7,-2.2\n-4.4,0.7,2.2\n-4.4,0.7,4.4\n-4.4,0.7,6.6000000000000005\n-4.4,0.7,8.8\n-4.4,0.7,11\n-2.2,0.7,-11\n-2.2,0.7,-8.8\n-2.2,0.7,-6.6000000000000005\n-2.2,0.7,-4.4\n-2.2,0.7,-2.2\n-2.2,0.7,2.2\n-2.2,0.7,4.4\n-2.2,0.7,6.6000000000000005\n-2.2,0.7,8.8\n-2.2,0.7,11\n2.2,0.7,-11\n2.2,0.7,-8.8\n2.2,0.7,-6.6000000000000005\n2.2,0.7,-4.4\n2.2,0.7,-2.2\n2.2,0.7,2.2\n2.2,0.7,4.4\n2.2,0.7,6.6000000000000005\n2.2,0.7,8.8\n2.2,0.7,11\n4.4,0.7,-11\n4.4,0.7,-8.8\n4.4,0.7,-6.6000000000000005\n4.4,0.7,-4.4\n4.4,0.7,-2.2\n4.4,0.7,2.2\n4.4,0.7,4.4\n4.4,0.7,6.6000000000000005\n4.4,0.7,8.8\n4.4,0.7,11\n6.6000000000000005,0.7,-11\n6.6000000000000005,0.7,-8.8\n6.6000000000000005,0.7,-6.6000000000000005\n6.6000000000000005,0.7,-4.4\n6.6000000000000005,0.7,-2.2\n6.6000000000000005,0.7,2.2\n6.6000000000000005,0.7,4.4\n6.6000000000000005,0.7,6.6000000000000005\n6.6000000000000005,0.7,8.8\n6.6000000000000005,0.7,11\n8.8,0.7,-11\n8.8,0.7,-8.8\n8.8,0.7,-6.6000000000000005\n8.8,0.7,-4.4\n8.8,0.7,-2.2\n8.8,0.7,2.2\n8.8,0.7,4.4\n8.8,0.7,6.6000000000000005\n8.8,0.7,8.8\n8.8,0.7,11\n11,1.4,-11,2.4,45,#ffd166\n11,0.7,-8.8\n11,0.7,-6.6000000000000005\n11,0.7,-4.4\n11,0.7,-2.2\n11,0.7,2.2\n11,0.7,4.4\n11,0.7,6.6000000000000005\n11,0.7,8.8\n11,1.4,11,2.4,45,#ffd166",
"inst-color": "#4a8fe8",
"inst-metalness": 0.35,
"inst-roughness": 0.55,
"hover-highlight": true,
"hover-color": "#7fd6ff",
"glow": false,
"data-key": "INST"
}
}模型 scene3d-model
外部模型:glb / gltf / fbx / obj / 3ds。支持骨骼动画、子对象样式规则(按模型内部命名部件重涂色 / 闪烁 / 显隐)、打散为独立元素、爆炸分解与部件级点击查询。
预览即
data/三维/元素/10-model-模型.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
本预览依赖外部资源
演示模型是 GitHub 上的 glTF 官方样例(raw.githubusercontent.com),国内访问不稳定,加载不出时改 model-url 指向自有模型即可。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
model-url | 模型文件 | file(accept=glb|gltf|fbx|obj|3ds) | — | |
model-scale | 统一缩放 | number<float>(min=0.001,step=0.1) | 1 | |
model-anchor | 锚点 | select | default | 可选:default / center / middle-bottom |
auto-fit | 自适应大小 | button | — | |
surface-heat | 启用表面热力 | boolean | false | |
sheat-segment | 采样分段 | slider(min=4,max=40,step=1) | 10 | |
sheat-colors | 色表 | string(textarea,rows=4) | — | |
position | 位置 | vector<X,Y,Z> | [0,0,0] | |
rotation | 旋转 | vector<X,Y,Z>(unit=°) | [0,0,0] | |
cast-shadow | 投射阴影 | boolean | true | |
receive-shadow | 接收阴影 | boolean | true | |
glow | 辉光 | boolean | false | |
anim-autoplay | 自动播放 | boolean | false | |
anim-index | 动画序号 | number(min=0,step=1) | 0 | |
path-points | 路径点 | string(textarea,rows=4) | — | |
path-duration | 单程时长 | number(unit=s,min=0.5,step=0.5) | 10 | |
path-loop | 循环方式 | select | loop | 可选:loop / yoyo / once |
path-autoplay | 播放态自动运行 | boolean | true | |
path-anim-clip | 行进动画名 | string | — | |
path-angle-offset | 朝向偏移 | number(unit=°,step=15) | 0 | |
path-camera-follow | 相机跟随 | boolean | false | |
path-follow-distance | 跟随距离 | number(min=0,step=0.5) | 0 | |
path-follow-angle | 跟随俯角 | number(unit=°,min=0,max=89) | 35 | |
spin | 启用自转 | boolean | false | |
spin-axis | 旋转轴 | select | y | 可选:y / x / z |
spin-speed | 转速 | slider(min=-360,max=360,step=5,unit=°/s) | 30 | |
spin-play-only | 仅播放态自转 | boolean | true | |
pulse | 呼吸脉动 | boolean | false | |
pulse-scale | 脉动幅度 | slider(min=1.01,max=3,step=0.01,unit=×) | 1.15 | |
pulse-speed | 脉动频率 | slider(min=0.1,max=5,step=0.1,unit=Hz) | 1.2 | |
pulse-play-only | 仅播放态脉动 | boolean | true | |
sub-root | 仅显示子树 | select(editable,clearable) | — | |
sub-exclude | 剔除子树 | string | — | |
sub-reset | 恢复完整模型 | button | — | |
sub-rules | `` | — | ||
row-row-filter-mode-id | 选择数据规则 | select(condition) | — | |
sheat-points | 静态数据点 | string(textarea,rows=6) | -2,0,0,20 0,2,0,85 2,0,0,45 0,0,-2,60 0,0,2,30 | |
sheat-min | 量程下限 | number | 0 | |
sheat-max | 量程上限 | number | 100 | |
sheat-data-key | 测点键 | select(editable) | — | |
data-key | 测点键 | select(editable) | — | |
blink-values | 告警闪烁值 | string | — |
JSON 片段
{
"uid": "m_engine",
"type": "scene3d-model",
"options": {
"model-url": "https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/2CylinderEngine/glTF-Binary/2CylinderEngine.glb",
"model-scale": 0.008,
"model-anchor": "center",
"position": [
-6,
2.2,
-2
],
"rotation": [
0,
20,
0
],
"data-key": "ENG",
"blink-values": "fault"
}
}倾斜摄影 scene3d-tiles3d
倾斜摄影 / BIM 切片(Cesium 3D Tiles):给 tileset.json 直链即可,LOD 按视距自动加载卸载。
预览即
data/三维/元素/11-tiles3d-倾斜摄影.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
本预览依赖外部资源
倾斜摄影切片取自 vjmap 官方演示 tileset,需要能访问 vjmap.com。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
tiles-url | tileset 地址 | string | — | |
tiles-scale | 整体缩放 | number(min=0.0001,step=0.05) | 1 | |
position | 整体偏移 | vector<X,Y,Z> | [0,0,0] | |
error-target | 精度目标 | slider(min=0,max=32,step=1) | 2 | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — |
JSON 片段
{
"uid": "p_tiles",
"type": "scene3d-tiles3d",
"options": {
"tiles-url": "https://vjmap.com/map3d/resources/3dtiles/demo/tileset.json",
"tiles-scale": 0.1,
"position": [
0,
0,
0
],
"error-target": 2
}
}CAD 墙体 scene3d-cadwall
CAD 转 3D:把 vjmap 服务上的 CAD 图按条件查询转成墙体 / 拉伸体块 / 填充地面 / 贴地线稿,一条规则转一类实体。适合从既有图纸快速起三维底座。
预览即
data/三维/元素/12-cadwall-CAD转3D.vpproj.json的场景(未裁剪);点开后可拖拽旋转、滚轮缩放,右侧参数面板可实时改选项。
本预览依赖外部资源
CAD 转 3D 需要 vjmap 服务可达(演示图纸 sys_zp)。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
cad-mapid | 图纸 ID | string | — | |
cad-version | 版本 | string | — | |
cad-layer | 样式图层 | string | — | |
cad-condition | 全局筛选条件 | string(textarea,rows=2) | — | |
cad-limit | 实体上限 | number(min=1,max=20000,step=100) | 2000 | |
fit-size | 适配尺寸 | number(min=1,step=5) | 40 | |
position | 整体偏移 | vector<X,Y,Z> | [0,0,0] | |
cad-rules | `` | — | ||
wall-height | 墙高 | number(min=0.1,step=0.5) | 3 | |
wall-color | 颜色 | color | #6f8fb3 | |
wall-opacity | 不透明度 | slider(min=0.05,max=1,step=0.05) | 0.92 | |
glow | 辉光 | boolean | false | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — |
JSON 片段
{
"uid": "p_cad",
"type": "scene3d-cadwall",
"options": {
"cad-mapid": "sys_zp",
"cad-version": "",
"cad-layer": "",
"cad-condition": "",
"cad-limit": 3000,
"fit-size": 46,
"position": [
0,
0,
0
],
"glow": false,
"wall-height": 3,
"wall-color": "#6f8fb3",
"wall-opacity": 0.92,
"cad-rules": {
"indexes": [
"r_wall",
"r_solid",
"r_flat",
"r_line"
],
"r_wall": {
"enabled": true,
"name": "墙体·多段线",
"condition": "name=='AcDbPolyline' or name=='AcDb2dPolyline'",
"kind": "wall",
"height": 2.6,
"base": 0,
"color": "#5f7ea8",
"opacity": 0.88
},
"r_solid": {
"enabled": true,
"name": "立柱·圆类",
"condition": "name=='AcDbCircle' or name=='AcDbEllipse'",
"kind": "solid",
"height": 3.2,
"base": 0,
"color": "#2c4a74",
"opacity": 1,
"edges": true,
"edge-color": "#5fd0ff",
"force-close": true
},
"r_flat": {
"enabled": true,
"name": "功能区·闭合轮廓",
"condition": "name=='AcDbPolyline' and isclosed==1",
"kind": "flat",
"base": 0.04,
"color": "#123a4e",
"opacity": 0.65
},
"r_line": {
"enabled": true,
"name": "底纹·线稿",
"condition": "name=='AcDbLine' or name=='AcDbArc' or name=='AcDbSpline'",
"kind": "line",
"base": 0,
"color": "#35618f",
"opacity": 0.9
}
}
}
}