前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生

3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生

原创
作者头像
Favori
发布于 2024-11-25 09:20:01
发布于 2024-11-25 09:20:01
1.3K0
举报
文章被收录于专栏:产品产品

介绍

@icraft/player-react 是 iCraft Editor 全新推出的 React 组件库,专为简化3D数字孪生场景的前端集成而设计。通过该组件,开发者可以轻松地将 iCraft Editor 制作的3D场景无缝嵌入到 React 项目中,并获得丰富的交互能力和实时数据集成特性。

特性

  • 🚀 开箱即用 - 零配置集成,几行代码即可快速接入
  • 🎨 自定义插件集 - 支持通过灵活的插件机制集成可选功能
  • 🔌 实用的事件和方法 - 提供丰富的事件和方法,方便与您的项目集成
  • 🎬 动画控制 - 支持自动播放、循环播放等动画控制
  • 🔌 实时数据接入 - 支持实时数据接入,实现数字孪生

安装

代码语言:bash
AI代码解释
复制
pnpm install @icraft/player-react --save

使用

只需几行代码,即可在您的 React 项目中集成3D场景:

代码语言:tsx
AI代码解释
复制
import { ICraftPlayer } from "@icraft/player-react";
 
export default function MyScene() {
  return <ICraftPlayer src='your-scene.iplayer' />;
}

重要提示: .iplayer 文件需要从 iCraft Editor 中导出,这是一个经过优化的3D场景文件格式,包含了场景的完整信息。您可以在 iCraft Editor 中编辑场景后,通过"导出"功能获取该文件。

示例

服务状态监控

展示如何将服务器集群的运行状态数据实时展示在3D场景中,包括CPU使用率、内存占用、运行时间等关键指标的可视化展示。

服务器状态监控
服务器状态监控

查看详情

海外电商实时数据

展示如何将电商平台的实时交易数据、用户访问量、订单状态等信息映射到3D场景中,实现业务数据的可视化监控。

海外电商实时数据
海外电商实时数据

查看详情

炼化工厂实时生产数据

展示如何将工业生产环境中的设备运行状态、生产数据等实时展示在3D场景中,实现工业数字孪生。

炼化工厂实时生产数据
炼化工厂实时生产数据

查看详情

总结

@icraft/player-react 为开发者提供了一站式的3D数字孪生可视化解决方案。通过简单的配置即可快速构建专业的3D可视化应用,配合灵活的API和实时数据接入能力,让您的数字孪生项目快速落地。无论是监控大屏、运营分析,还是工业互联网应用,@icraft/player-react 都能助您轻松实现。

无论是系统架构图、软件架构图、云架构图、IT架构图、部署架构图,还是3D结构图、网络架构图、网络拓扑图,都可以使用iCraft Editor来绘制并实现数字孪生。

立即开始使用 @icraft/player-react,探索数字孪生的无限可能!

https://icraft.gantcloud.com/player-react/intro

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【愚公系列】《工业数字孪生与企业应用实践》029-案例:数字孪生赋能企业实现汽车智能制造
在全球汽车行业面临深刻变革的时代背景下,智能制造已成为推动企业转型升级的关键驱动力。随着技术的进步,尤其是数字孪生技术的迅猛发展,汽车制造业正迎来前所未有的机遇。数字孪生通过构建虚拟模型与物理系统之间的实时连接,能够为企业提供全面的生产监控、数据分析和优化决策支持,帮助企业实现高效、灵活的生产模式。
愚公搬代码
2025/05/31
1180
【愚公系列】《工业数字孪生与企业应用实践》029-案例:数字孪生赋能企业实现汽车智能制造
【愚公系列】《工业数字孪生与企业应用实践》027-案例:数字孪生监管高速动车运行状态助力智能生产
在现代交通运输领域,高速动车作为技术与速度的象征,承载着人们对高效出行的期待。然而,随着运营规模的不断扩大,动车的运行安全和效率管理面临着日益严峻的挑战。如何实现对高速动车的实时监控与智能化管理,成为了行业亟待解决的核心问题。数字孪生技术的应用,恰好为这一难题提供了创新的解决方案。
愚公搬代码
2025/05/31
810
【愚公系列】《工业数字孪生与企业应用实践》027-案例:数字孪生监管高速动车运行状态助力智能生产
iCraft Editor - 助你轻松绘制出色的立体架构图
这个数字化飞速发展的时代,架构图作为理解和设计复杂系统的关键工具,其呈现方式也在不断进化。我们以往绘制架构图通常是在平面上进行2D绘制的,只会在平面上展示系统的各个部分,有些时候不太容易展现层次关系。iCraft Editor 正是我们为满足这一需求而精心打造的产品,它专注于架构图的 3D 化设计,具备立体的视觉效果,能吸引注意力,提高沟通效率,将为你带来全新的视觉体验和便利操作。
Favori
2024/08/15
2.2K0
iCraft Editor - 助你轻松绘制出色的立体架构图
图扑数字孪生军事营区,实现主动防御
20 世纪 50 年代初中国人民解放军开始自建营区。传统营区管理系统以独立的“点状”系统为主,缺乏集控平台,全局管理复杂度高。70 年代末提出建设智能化营区,并向“数字化、智能化、网络化、互动化、融合化”的方向靠拢。通过建设集光电、雷达、红外、电磁频谱监测、北斗定位、物联网和虚拟仿真等技术于一体的场区监控系统,对核心训练场区实现广域覆盖、多维感知、全景展现,进一步支撑态势掌控,丰富沙盘推演、复盘检讨及丰富场区管理手段。
数字孪生
2022/09/21
9730
图扑数字孪生军事营区,实现主动防御
聊一聊数字孪生与3D可视化
在当代科技发展的背景下,数字孪生和3D可视化技术逐渐成为各行业的关键工具和解决方案。数字孪生是一种将实物事物与数字模型相结合的概念,通过将物理世界和数字世界实时连接,创造出一个对实体进行虚拟建模、仿真和分析的平行系统。3D可视化技术则用于创造高度逼真的三维模型,使人们能够在虚拟环境中沉浸式地观察、交互和操作。
葡萄城控件
2024/01/23
3420
聊一聊数字孪生与3D可视化
基于Web的数字孪生智慧火力发电厂3D建设方案
火力发电厂目前仍然是全球范围内主要的发电方式之一。在“双碳”目标压力下,深度调峰、超低排放、灵活运行已成为火电行业的必然发展趋势和长期研究热点,随着技术的发展和环保意识的提高,各大电厂急需引进新技术向智慧化转型升级;国务院、各地方政府和发电集团关于建设智慧电厂的文件不断出/台,“碳中和”政策的提出进一步推动我国能源市场向数字化、信息化、智慧化方向转型。
物联网数据可视化PaaS平台
2023/09/08
9990
基于Web的数字孪生智慧火力发电厂3D建设方案
图扑软件 3D 组态编辑器,低代码零代码构建数字孪生工厂
随着中国制造 2025 计划的提出,新一轮的工业改革拉开序幕。大数据积累的指数级增长为智能商业爆发奠定了良好的基础,传统制造业高污染、高能耗、低效率的生产模式已不符合现代工业要求。
数字孪生
2022/11/08
1.3K0
图扑软件 3D 组态编辑器,低代码零代码构建数字孪生工厂
换热站数字孪生 | 图扑智慧供热 3D 可视化
换热站作为供热系统不可或缺的一部分,其能源消耗对城市环保至关重要。在双碳目标下,供热企业可通过搭建智慧供热系统,实现供热方式的低碳、高效、智能化,从而减少碳排放和能源浪费。通过应用物联网、大数据等高新技术,对热源、管网等供热系统进行智慧化改造,实现从热源、管网到居民户内的数据互联互通与共享,构建数字化、智能化的智慧供热全流程管理体系。
HT for Web
2023/12/19
6680
换热站数字孪生 | 图扑智慧供热 3D 可视化
【愚公系列】《工业数字孪生与企业应用实践》003-数字孪生的特征
在数字化转型的浪潮中,数字孪生(Digital Twin)作为一种前沿技术,正在深刻改变各行各业的运作方式。数字孪生不仅是物理实体的虚拟化映射,更是通过实时数据连接与分析,构建出一个与现实世界高度一致的数字模型。这一技术的迅猛发展,为智能制造、城市管理、医疗健康等领域带来了新的机遇和挑战。
愚公搬代码
2025/02/02
2820
最火前端Web组态软件(可视化)
https://bbs.csdn.net/topics/603957384 您好,我是csdn-尔嵘,正在参加2021年度博客之星,希望投个五星,感谢大家的支持,谢谢您的支持!
全栈程序员站长
2022/09/02
3.7K0
最火前端Web组态软件(可视化)
【愚公系列】《工业数字孪生与企业应用实践》006-工业数字孪生的功能架构
在工业数字化快速发展的今天,越来越多的企业意识到构建有效的数字化框架是实现智能制造的关键。而工业数字化的功能架构作为这一框架的核心,承载着各类技术、数据和流程的整合与协同,成为推动企业高效运作和创新的重要支撑。
愚公搬代码
2025/02/03
3390
绘图黑科技—轻松搭建“真孪生”2D场景
描绘真实的物理世界时,3D的场景能给人更加直观的感受。然而在数字孪生应用中,除了描绘物理世界,很多时候也需要去描绘逻辑世界,表达对象之间的逻辑拓扑关系,比如组态工艺流程、网络拓扑关系等。在对面这些需求时,2D的表现方式显然更为清晰。搭建3D园区和3D城市,可以使用ThingJS的工具,做一些3D可视化的开发。那面对这些2D场景时,该用什么工具呢?
thingjs
2022/01/06
1.1K0
绘图黑科技—轻松搭建“真孪生”2D场景
【愚公系列】《工业数字孪生与企业应用实践》018-数字孪生车间构建的总体设计
在当今快速发展的制造业中,数字化转型已成为提升生产效率和企业竞争力的关键所在。数字孪生技术的引入,为车间管理和生产流程的优化提供了全新的思路与工具。数字孪生车间不仅是物理设备的虚拟化,更是通过数据驱动的智能决策支持系统,使得生产管理更加精准与高效。
愚公搬代码
2025/02/07
1780
【愚公系列】《工业数字孪生与企业应用实践》012-工业数字孪生技术架构体系
在当今快速发展的工业领域,数字孪生技术作为实现智能制造和数字化转型的关键驱动力,受到越来越多企业和研究机构的关注。数字孪生技术通过将物理世界与虚拟模型相结合,让企业能够实时监控和优化生产过程,从而提升效率、降低成本并增强创新能力。
愚公搬代码
2025/02/05
2180
5G数字孪生智慧工厂Web3D可视化云平台
智慧工厂是实现企业转型升级的一条优化路径。智慧工厂产业链涉及范围广泛,包括传感器、控制系统、监控系统、计算机网络系统、工业软件、工业机器人等。中国智慧工厂市场规模8560亿元。根据当前各行业建设智慧工厂的热情及扩张速度,预计未来几年中国智慧工厂行业仍将保持10%以上的年均增速,到2025年,中国智慧工厂行业市场规模有望超1.4万亿。
物联网数据可视化PaaS平台
2023/10/13
7450
5G数字孪生智慧工厂Web3D可视化云平台
【愚公系列】《工业数字孪生与企业应用实践》020-数字孪生车间构建的实现方案
构建数字孪生车间首先需要将物理车间的生产要素建模,实现虚拟化;接着通过集成各种系统,创建数据驱动的可视化监控平台;然后在此基础上实现交互式控制与实时数据采集;最终通过数据流通和反向优化,实现车间生产过程的持续优化。
愚公搬代码
2025/02/08
2450
【愚公系列】《工业数字孪生与企业应用实践》023-数字孪生智慧工厂的设计思路
在工业4.0浪潮的推动下,数字孪生技术作为一种创新的理念与工具,正在为制造业带来深刻的变革。数字孪生智慧工厂通过虚拟与现实世界的紧密结合,利用实时数据和仿真模型,实现对生产过程的全面监控与优化。这一应用不仅提升了工厂的效率和灵活性,还为企业提供了更为精准的决策支持。
愚公搬代码
2025/02/09
1960
数字孪生|智慧工厂三维可视化监控管理平台建设方案
智慧工厂三维可视化管理系统,支持融合工业大数据、物联网、人工智能等各类信息技术,整合厂区现有信息系统的数据资源,实现数字孪生工厂、设备运维监测、综合安防监测、能效管理监测、生产管理监测等多种功能,有效提高厂区综合监管能力、降低企业厂区运营成本,实现管理精细化、决策科学化和服务高效化,可广泛应用于态势监测、应急指挥、数据分析、成果汇报等多种场景。
物联网数据可视化PaaS平台
2022/08/18
3.6K0
数字孪生|智慧工厂三维可视化监控管理平台建设方案
【愚公系列】《工业数字孪生与企业应用实践》025-案例:数字孪生打造电子电器智能制造工厂
在数字化浪潮席卷全球的今天,智能制造已成为各行各业转型升级的必经之路。作为工业4.0的重要组成部分,数字孪生技术的迅速发展,为制造业带来了前所未有的机遇与挑战。通过创建虚拟模型与实际物理系统之间的实时映射,数字孪生不仅能够实现对生产过程的全面监控与优化,还能在产品设计、生产调度和运维管理等方面提供深刻的洞察和支持。
愚公搬代码
2025/02/09
2760
【愚公系列】《工业数字孪生与企业应用实践》017-数字孪生车间管理的相关理论
随着工业4.0时代的到来,数字化转型成为制造业发展的重要趋势。在这一背景下,数字孪生技术作为一种创新的管理理念,逐渐引起了越来越多企业的关注。数字孪生车间管理,正是将物理世界与数字世界深度融合,通过实时数据分析与模型仿真,实现对生产过程的全面监控与优化。
愚公搬代码
2025/02/07
1690
推荐阅读
【愚公系列】《工业数字孪生与企业应用实践》029-案例:数字孪生赋能企业实现汽车智能制造
1180
【愚公系列】《工业数字孪生与企业应用实践》027-案例:数字孪生监管高速动车运行状态助力智能生产
810
iCraft Editor - 助你轻松绘制出色的立体架构图
2.2K0
图扑数字孪生军事营区,实现主动防御
9730
聊一聊数字孪生与3D可视化
3420
基于Web的数字孪生智慧火力发电厂3D建设方案
9990
图扑软件 3D 组态编辑器,低代码零代码构建数字孪生工厂
1.3K0
换热站数字孪生 | 图扑智慧供热 3D 可视化
6680
【愚公系列】《工业数字孪生与企业应用实践》003-数字孪生的特征
2820
最火前端Web组态软件(可视化)
3.7K0
【愚公系列】《工业数字孪生与企业应用实践》006-工业数字孪生的功能架构
3390
绘图黑科技—轻松搭建“真孪生”2D场景
1.1K0
【愚公系列】《工业数字孪生与企业应用实践》018-数字孪生车间构建的总体设计
1780
【愚公系列】《工业数字孪生与企业应用实践》012-工业数字孪生技术架构体系
2180
5G数字孪生智慧工厂Web3D可视化云平台
7450
【愚公系列】《工业数字孪生与企业应用实践》020-数字孪生车间构建的实现方案
2450
【愚公系列】《工业数字孪生与企业应用实践》023-数字孪生智慧工厂的设计思路
1960
数字孪生|智慧工厂三维可视化监控管理平台建设方案
3.6K0
【愚公系列】《工业数字孪生与企业应用实践》025-案例:数字孪生打造电子电器智能制造工厂
2760
【愚公系列】《工业数字孪生与企业应用实践》017-数字孪生车间管理的相关理论
1690
相关推荐
【愚公系列】《工业数字孪生与企业应用实践》029-案例:数字孪生赋能企业实现汽车智能制造
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档