首页 > 其他分享 >利用speckle引擎里的speckleviewer加载渲染3d模型

利用speckle引擎里的speckleviewer加载渲染3d模型

时间:2024-04-24 20:33:05浏览次数:30  
标签:插件 speckle Speckle 模型 speckleviewer revit 3d

1、bim引擎speckle简介

Speckle是一个开源的数据平台,专为建筑、工程和建造行业设计。它旨在通过提供一个共享和协作的环境来解决数据互操作性问题。Speckle允许用户在不同的软件应用程序之间实时共享、管理和流式传输3D模型和设计数据。

这个平台支持多种流行的设计软件,如Autodesk Revit、Rhinoceros 3D和Grasshopper,使得用户可以在这些不同的环境中无缝地工作。Speckle的核心功能包括:

  • 数据互操作性:允许不同软件之间的数据交换。
  • 版本控制:跟踪设计的变化和迭代。
  • 实时协作:团队成员可以同时在同一个模型上工作。
  • 自动化:通过自定义脚本和插件,自动化重复性任务。
    官方网站: https://speckle.systems/

2、 安装speckleviewer

npm install --save @speckle/viewer

3、安装Manager for Speckle,注册并登录

https://speckle.systems/download/

1713958585071

4、安装revit 2021软件(自己查找安装方法)

5、在Speckle Manager里安装revit connector插件

image-20240424193859962

6、打开revit一个测试项目,并利用speckle插件上传项目数据到平台

1713959474942

1713959611270

7、发送完毕后点击下面弹出tips浏览器查看项目

1713959899612

8、获取模型的url

1713959996223

9、创建一个speckle的模型访问token

image-20240424201259989

1713960831367

1713960927580

10、用准备好的url和token来加载模型

我使用的是vue3实现的,以下是完整代码:

最终效果:

1713961539870

标签:插件,speckle,Speckle,模型,speckleviewer,revit,3d
From: https://www.cnblogs.com/zzatp/p/18156281

相关文章

  • vis.js工具提示3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}div#info{width:600px;text-align:center;......
  • vis.js每个点的样式3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......
  • vis.js样式3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......
  • vis.js线条3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......
  • vis.js自定义标签3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......
  • vis.js动画移动点3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......
  • 基于 ESPHome 的 3D 打印机舱内控制系统(2): FireBeetle 2 ESP32-C6 + Moonraker Sens
    前言前文配置好了开发环境,本文测试Moonraker的Sensor组件,通过MQTT读取FireBeetle2的DHT温湿度传感器数据并显示到Fluidd网页上。本文涉及的硬件:DFRoborFireBeetle2ESP32-C6迷你开发板DHT22温湿度传感器IICOLED单色显示屏本文涉及的软件:ESPHome2024.......
  • vis.js造型曲面3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}fieldset{width:fit-content;}fieldset>......
  • vis.js可动的3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>html,body{font:10ptarial;padding:0;margin:0;width:100%;hei......
  • vis.js表面值3d图形
    代码案例<!DOCTYPEhtml><html><head><title>Graph3Ddemo</title><style>body{font:10ptarial;}</style><scripttype="text/javascript"src=......