1453 个在线示例,打开就能跑
覆盖 2D 图纸、CAD 绘图扩展、三维、WebCAD 与 AI 可视化。每个示例都附完整源码,可在示例站在线修改运行,源码也已开源在 GitHub · vjmap-playground,更多源码请加客服微信。
用 scene-3d 内置基础图元搭建储罐、厂房和流动管线(三维、工业场景、pieces、离线、VpWidgetHandle)
三维场景运行 ↗用 setData 驱动设备状态,再通过通用句柄目标执行 focus 行为(三维、测点、状态规则、行为事件、聚焦)
三维场景运行 ↗viewer 挂载后用 ctx.addWidget 与内置 pieces 创建离线 scene-3d(三维、运行时构造、addWidget、pieces、location.origin、service-mock、离线)
三维场景运行 ↗内置离线 particle、beam、flyline 与 effects 围绕储罐、厂房、转机和流动管道组成工业遥测场景(三维、particle、beam、flyline、effects、工业图元、location.origin、service-mock、离线)
三维场景运行 ↗label / marker / fxmarker / board / text / sprites,测点长表驱动数值与状态色(三维、label、marker、board、sprites、测点、离线)
三维场景运行 ↗zone / wall / radar / heatmap 用测点换色,热力点为本地多行文本(三维、zone、wall、radar、heatmap、测点、离线)
三维场景运行 ↗trail / pipenet / line 用静态路径搭拓扑,测点控制流动与换色(三维、trail、pipenet、line、管网、离线)
三维场景运行 ↗buildings / extrude / instances 零模型铺城市体块与阵列(三维、buildings、extrude、instances、城市体块、离线)
三维场景运行 ↗chart2d / ledtext / html 真三维贴片,chart2d 可由测点 JSON 刷新(三维、chart2d、ledtext、html、看板贴片、离线)
三维场景运行 ↗orbit 巡航、视角书签与右下角 minimap,全程离线 WebGL(三维、相机、巡航、书签、小地图、scene3d-view、离线)
三维场景运行 ↗四套程序化天空、线性/指数雾、scene3dClip 步进剖切,全部写在初始 options(三维、scene3d-scene、天空、雾、剖切、离线)
三维场景运行 ↗orbit 巡航、入场飞入、小地图写在初始相机 options;按钮切 walk / 关巡航(三维、相机、orbit、minimap、walk、离线)
三维场景运行 ↗三枚 scene3d-view 书签,侧栏按钮 scene3dFlyTo 真飞,点建筑也可聚焦(三维、scene3d-view、书签、离线)
三维场景运行 ↗ambient/directional/point/spot/hemisphere + 主光 lensflare 写在初始 options(三维、灯光、lensflare、离线)
三维场景运行 ↗bloom / 悬停描边 / SSAO / 电影色调全部写在初始后期 options(三维、后期、bloom、ssao、描边、离线)
三维场景运行 ↗pixelate / outline-click 写在初始 options;glitch 与引擎辉光卷积互斥,按钮可试开(三维、后期、pixelate、outline、离线)
三维场景运行 ↗fire/smoke/rain/snow/firework/text 拉开空间,火堆配暖点光(三维、粒子、fire、smoke、firework、离线)
三维场景运行 ↗box/sphere/cylinder/cone/capsule/plane/torus/helicoid/sphube 同屏自转(三维、形状、几何、helicoid、sphube、离线)
三维场景运行 ↗全息/玻璃/流光/镜面地板 + Shadertoy 八预设抽检(三维、材质、hologram、shadertoy、reflector、离线)
三维场景运行 ↗path-points 循环巡线,按钮 scene3dPathControl 播放/暂停/复位(三维、路径动画、spin、pulse、离线)
三维场景运行 ↗L 形/六边形/星台拉伸 + 棱线发光与流光(三维、scene3d-extrude、离线)
三维场景运行 ↗bld-data 多栋一次绘制,底顶渐变+发光棱线(三维、scene3d-buildings、离线)
三维场景运行 ↗干管/回水反向/蒸汽/盘管四路 + flow-rules 四态(三维、scene3d-pipe、离线)
三维场景运行 ↗circle/arch/rect 三断面 + 节点球 + 流动箭头(三维、scene3d-pipenet、离线)
三维场景运行 ↗四路汇聚 + 一条反向回程,脉冲与拱高不同(三维、scene3d-flyline、离线)
三维场景运行 ↗常显边界 / 生长导览 / 跑马环带三动画(三维、scene3d-line、离线)
三维场景运行 ↗两条疏散箭头流动路线,告警变红加速(三维、scene3d-trail、离线)
三维场景运行 ↗闭合电子围栏流光扫动,告警红闪(三维、scene3d-wall、离线)
三维场景运行 ↗三台不同半径转速扇区,空情告警变红(三维、scene3d-radar、离线)
三维场景运行 ↗2d 贴地与 3d 起伏同数据对照(三维、scene3d-heatmap、离线)
三维场景运行 ↗圆柱/方罐液柱升降,高低位换色闪烁(三维、scene3d-tank、离线)
三维场景运行 ↗L 形/矩形/抬高平台责任面,告警红闪(三维、scene3d-zone、离线)
三维场景运行 ↗Instanced 点云量程三段色,JSON 整批刷新(三维、scene3d-points、离线)
三维场景运行 ↗横向跑马 + 纵向滚屏,测点上屏换色(三维、scene3d-ledtext、离线)
三维场景运行 ↗CSS2D 值标签入场弹跳,单位与告警色(三维、scene3d-label、离线)
三维场景运行 ↗真三维中文标题 + 门楣固定字 + 描边辉光(三维、scene3d-text、离线)
三维场景运行 ↗beacon/ring/pin 三样式 + 入场坠落(三维、scene3d-marker、离线)
三维场景运行 ↗五色 POI 光柱涟漪与顶菱形(三维、scene3d-beam、离线)
三维场景运行 ↗多指标行 + 行状态色(三维、scene3d-board、离线)
三维场景运行 ↗内联 HTML 铭牌,无外链,可被遮挡(三维、scene3d-html、离线)
三维场景运行 ↗批量精灵点 + 第 4 段标签(三维、scene3d-sprites、离线)
三维场景运行 ↗长宽高斜四向尺寸线(三维、scene3d-ruler、离线)
三维场景运行 ↗引擎成品光圈六样式同屏(三维、scene3d-fxmarker、离线)
三维场景运行 ↗canvas PNG 条带:脉冲涟漪 / 雷达扫描 / 旋转扇叶,零素材离线(三维、spriteanim、序列帧、canvas、离线)
三维场景运行 ↗grid 机柜阵 + ring 圆环灯柱,悬停高亮(三维、scene3d-instances、离线)
三维场景运行 ↗bar/pie/donut 真三维贴片,数据刷新生长动画(三维、scene3d-chart2d、离线)
三维场景运行 ↗开敞拱形巷道内定位针精灵沿廊行走,测点 JSON 差分平滑移动(三维、人员、sprite、定位、离线)
三维场景运行 ↗三块监控屏留空 URL,展示无信号占位与发光边框(三维、scene3d-video、监控、离线)
三维场景运行 ↗本地 explode-boxes.gltf 多部件,scene3dExplode / scene3dSubStyle(三维、scene3d-model、爆炸、离线)
三维场景运行 ↗scene3d-lottie 默认关闭且 URL 留空,避免引擎插件服务 404;旁边用着色器立牌代替动效(三维、scene3d-lottie、结构壳、离线)
三维场景运行 ↗scene3dFlyTo / Focus / Popup / Highlight / SetVisible / 右键,对照 09-map 动作分册(三维、动作、scene3dFlyTo、scene3dPopup、scene3dHighlight、离线)
三维场景运行 ↗scene3dClip / Tween / PathControl / SetOption / WritePoint / Snapshot(三维、动作、scene3dClip、scene3dTween、scene3dPathControl、离线)
三维场景运行 ↗tilemap/tiles3d/cadwall/carflow 默认关闭且 URL 留空;旁边用楼块光柱做出离线城市场(三维、tilemap、tiles3d、cadwall、carflow、结构壳、离线)
三维场景运行 ↗点按钮往已挂载的 scene-3d 里 addPiece 加罐、removePiece 删管(三维、运行时、addPiece、removePiece、液位罐、管道、离线)
三维场景运行 ↗句柄 raw 逃生舱拿到引擎 App / engineModule / threeModule,用原生 SDK 加自转球(三维、逃生舱、vjmap3d、App、three、原生SDK、离线)
三维场景运行 ↗没有匹配的示例。
找不到想要的?,它会从示例代码里找出最接近的写法。
微信扫码添加客服