网易codewave是一个企业级智能开发平台,可以帮助用户轻松实现“智能生成逻辑”+“可视化拖拽生成页面”的全栈低代码应用搭建。
将多种3D模型格式无缝集成到网易codewave业务表单中,实现3D模型的在线预览。这意味着用户可以在不离开网易codewave平台的情况下,直接查看和操作3D模型,极大地提升了数据可视化的效果和用户交互体验。
网易codewave中模型浏览效果如下。
在网易codewave中进行3D模型嵌入浏览的实现步骤如下。
创建自定义页面
在当前应用中选择“PC端”--> “+” --> "创建页面",如图步骤1。
在弹出窗口中,选择“pc-总览页”,填写“页面名称”:model_for_3d、“页面标题”: 3D模型展示,如图步骤2。
创建子页面
在“3D模型展示”节点右键选择“添加子界面”, 如图步骤1。
在弹出的窗口中选择“pc-空白页”,并且填写“子页面名称”:mode_preview、"子页面标题": 模型展示, 如图步骤2。
子页面iframe设置
在子页面的编辑器中,选择“组件”选项卡,将“iframe”组件拖入到子组件容器中,如图步骤1。
在iframe组件的属性选型卡中设置“网页地址”为模型地址。“模型地址”可填写测试数据:
https://3dconvert.nsdt.cloud/conv/show?uid=3dshow-843879d8b7-1722922124638&hideOperator=0&hideInfo=1
如图步骤2。
在iframe组件样式选项卡中,设置iframe“高端”:100%,如图步骤3
页面预览或者发布
页面设置完成之后,可以点击编辑界面的“预览”或者“发布”按钮,配置的页面将总生成链接, 如图步骤1、2。
模型访问地址获取
那么模型的访问地址怎么获得?
访问3D模型在线预览页面,将需要预览的模型文件通过【上传文件】按钮或直接拖拽的方式进行上传。文件自动解析完成后,用户可选择【在线预览】模型,也可以选择【生成模型地址】。
平台支持在线展示的3D模型格式主要包括:GLB,GLTF,PLY,STL,OBJ,OFF,DAE,FBX,DXF,IFC,XYZ,PCD,LAS,LAZ,STP,STEP,3DXML,IGES,IGS,SHP,GEOJSON,XAML,PTS,ASC,BREP,FCSTD,BIM,USDZ,PDB,VTK,SVG,WRL,3DM,3DS,AMF,3MF,DWG,JSON,RFA,RVT。
标签:嵌入,codewave,步骤,模型,如图,3D,页面 From: https://blog.csdn.net/wangming100110/article/details/141252106