博客 / 列表

hightopo - 3D 場景預加載應用實現 | 圖撲軟件

預加載是在進入正式場景之前提前加載所需模型、材質、圖片等資源的技術手段，其核心價值在於消除資源加載等待，確保場景首次渲染即可完整呈現，從而提供無縫、流暢的用户體驗。在複雜的Web 3D可視化應用中，資源預加載尤為重要，可有效解決首次加載時的卡頓、白屏及交互延遲等問題。 預加載實現方案 基礎實現原理 HT for Web中所有資源的請求都會經過ht.Default.convertURL方法，該方法

數字孿生 , webgl , 可視化 , 前端 , Javascript

hightopo - 如何讓 3D 數字孿生場景閃閃發光

今日圖撲軟件功能分享：我們將探討 HT 系統如何通過分組管理燈光、裁切體和流光，以提高場景光影效果的精準度和整體可控性。 HT 中的燈光、裁切體、流光是會影響它所在區域一定範圍內的其他節點的表現，如 場景中有個 A 燈光，默認情況下，場景中所有節點都是可以受到 A 燈光的影響。為了使這些影響更加準確，HT 提出一個解決方案“分組”，即將燈光、裁切體、流光進行分組管理，節點可設置接受哪些分組的影響

設計 , 三維建模 , 可視化 , 前端 , Javascript

hightopo - 圖撲 HT for Web 輕鬆構建組態拓撲結構

在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。

佈局 , 拓撲圖 , 可視化 , 前端 , Javascript

hightopo - 圖撲這樣設計高質量可視化大屏

5 大指南塑造高階可視化 5 Guidelines to Shape Advanced Visualization · 可視化是個友好的媒介 · ·理解數據是成為優秀媒介的關鍵 · · 業務驅動下的設計策略· · 圖撲設計的無限可能 · · 創新思維讓可視化更具價值 · 可視化是個友好的媒介 我們正處於一個數據氾濫的時代，隨處可見數據的身影，更知其不可忽視的重要性。企業運營產生的海量數據，若僅停留

設計 , 動畫 , 可視化 , 前端 , Javascript

hightopo - 掌控物體運動藝術：圖撲 Easing 函數實踐應用

現如今，前端開發除了構建功能性的網站和應用程序外，還需要創建具有吸引力且尤為流暢交互的用户界面，其中動畫技術在其中發揮着至關重要的作用。在數字孿生領域，動畫的應用顯得尤為重要。數字孿生技術通過精確模擬現實世界中的對象、過程和系統，對動畫的需求遠遠超過傳統前端開發。 在這種環境中，動畫不僅僅是為了美觀，更是用於實現系統與現實的同步、演示覆雜過程和數據可視化的關鍵手段。 HT 動畫介紹 在足夠短的時間

函數式編程 , 動畫 , 可視化 , 前端 , Javascript

hightopo - 熱力圖可視化為何被廣泛應用？| 圖撲數字孿生

數據驅動決策時代，熱力圖以色彩梯度直觀轉化零散數據，用深淺勾勒規律、凸顯焦點，打破專業壁壘，為精準分析與科學決策提供視覺指引，是挖掘數據價值、解讀複雜數據的核心工具。 在數字孿生場景的效果呈現中，圖撲軟件通過融入熱力圖，為原本抽象的數據可視化賦予了更生動的表現力與生命力。 效果展示 工業製造 高爐冶煉 在鋼鐵行業高爐數字孿生場景中，熱力圖是監測高爐穩定運行的關鍵工具。 實時採集高爐爐缸、爐腹等關鍵

熱力圖 , 可視化 , 前端 , html5 , Javascript

hightopo - 儲能站運維管理一體化平台 | 圖撲數字孿生

全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實

無人機 , 可視化 , 前端 , html5 , Javascript

hightopo - 場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數

過渡效果 , 可視化 , 前端 , html5 , Javascript

hightopo - 拯救工業組態 HMI 人機界面

在工業互聯網、智慧城市、物聯網等領域的可視化應用中，2.5D效果因其獨特的優勢成為關鍵設計方向：它既保留了二維圖形的性能高效性，又通過立體透視營造出三維空間的層次感，使數據與設備關係一目瞭然。這種介於純2D與全3D之間的視覺表達，既能直觀展示覆雜系統的空間結構，又規避了完全3D場景的算力負擔，堪稱Web可視化場景中的“黃金平衡點”。 HT for Web作為成熟的Web圖形引擎，為開發者提供了高

工業物聯網 , 可視化 , 前端 , html5 , Javascript

hightopo - 核潛艇虛擬作戰管控系統 | 圖撲數字孿生

在廣袤深邃的海洋深處，中國戰略核潛艇 096 型搭載着國之重器——巨浪 3 潛射彈道導彈悄然巡航，構築起中國海基核力量牢不可破的防線。作為中國第三代戰略彈道導彈核潛艇，憑藉超遠的射程、強大的毀傷能力以及先進的突防技術，成為中國核三位一體打擊力量的關鍵一環。不僅帶動中國海軍技術實現迭代升級，更彰顯出戰略核威懾能力的全新突破。 效果展示 本次圖撲軟件運用自研 HT for WebGIS 產品，以軍演演

物聯網 , 可視化 , 前端 , html5 , Javascript

hightopo - 智慧停車場合集 | 圖撲數字孿生靜態交通一網統管

如今，停車場管理已從單一的泊車功能，演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇，均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎，針對不同應用場景量身定製智慧停車解決方案，推動停車場從“被動管理”到“主動智能”的跨越，實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能

物聯網 , 可視化 , 前端 , html5 , Javascript

hightopo - 智慧鋼廠高爐冶煉仿真分析 | 圖撲數字孿生

鋼鐵冶煉中，高爐鍊鐵因機理複雜呈“黑箱”特性，傳統方法難以精準感知爐內狀態。而高爐領域的核心技術——計算機輔助工程（CAE）仿真技術體系，雖能通過有限元分析（FEA）解析爐體結構應力、侵蝕規律，藉助計算流體動力學（CFD）還原爐內氣流、温度場流動特性，深度解析爐內物理場與反應機理，卻因分析結果抽象、難落地、國外技術壁壘等影響，使其價值難以充分釋放。 效果展示 圖撲軟件依託自研2D/3D可視化渲染與

工業物聯網 , 可視化 , 前端 , html5 , Javascript

hightopo - WebGL/Canvas 內存泄露分析

在構建高性能、長週期運行的WebGL/Canvas應用（如3D編輯器、數據可視化平台）時，內存管理是一個至關重要且極具挑戰性的課題。 開發者通常面臨的內存泄漏問題，其根源遠比簡單的JavaScript對象未釋放要複雜得多。一個現代WebGL/Canvas應用的內存版圖實際上跨越了三個截然不同但又相互關聯的內存區域： 圖V8引擎管理的JavaScript堆（JS Heap），絕大部分情況最關注

內存泄漏 , 可視化 , 前端 , html5 , Javascript

hightopo - 圖撲軟件 | 3D 場景視頻嵌入應用

在快節奏的數字時代，視頻已成為信息傳播和內容消費的主要形式之一。場景嵌入技術作為一種創新媒介，正在改變我們創作、分享和體驗視頻的方式。 效果展示 場景嵌入視頻的最大優勢在於能夠增強觀眾的沉浸感。通過融合現實環境與虛擬元素，創作者可以突破傳統視頻製作的侷限，打造更加富有創意和吸引力的內容。這種沉浸式體驗不僅吸引眼球，更能夠提高信息的傳達效果。 接下來，讓我們一同探究在 HT 中怎樣把視頻嵌入場景，

視頻處理 , 可視化 , 前端 , html5 , Javascript