介紹

@icraft/player-react 是 iCraft Editor 全新推出的 React 組件庫，專為簡化3D數字孿生場景的前端集成而設計。通過該組件，開發者可以輕鬆地將 iCraft Editor 製作的3D場景無縫嵌入到 React 項目中，並獲得豐富的交互能力和實時數據集成特性。

特性

• 🚀 開箱即用 - 零配置集成，幾行代碼即可快速接入
• 🎨 自定義插件集 - 支持通過靈活的插件機制集成可選功能
• 🔌 實用的事件和方法 - 提供豐富的事件和方法，方便與您的項目集成
• 🎬 動畫控制 - 支持自動播放、循環播放等動畫控制
• 🔌 實時數據接入 - 支持實時數據接入，實現數字孿生

安裝

pnpm install @icraft/player-react --save

使用

只需幾行代碼，即可在您的 React 項目中集成3D場景：

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