@可視化

动态 列表
@beckyyyy

可視化學習:使用極座標參數方程和SDF繪製有趣的圖案

前言 本文將介紹如何使用極座標參數方程和上一篇文章提到的距離場SDF來繪製有趣的圖案。 説到曲線和幾何圖形的繪製,我們知道圖形系統默認支持的是通過直角座標繪製,但是有些曲線呢,不太容易使用直角座標系來表示,卻可以很方便地使用極座標來表示,這個時候我們可以選擇通過極座標和直角座標的相互轉換,來實現圖形的繪製。 下面我就用玫瑰線、花瓣線等曲線作為例子來進行演示。 在開始演示之前,我先簡單介紹下極座標和

beckyyyy 头像

@beckyyyy

昵称 beckyyyy

@beckyyyy

可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先,什麼是噪聲呢?在上篇文章中我介紹過一個生成隨機數的函數,利用隨機技巧我們生成了一個類似剪紙的圖案,那在自然界中,這種離散的隨機也是比較常見的,比如蟬鳴突然響起又突然停下,比如雨滴隨機落在一個位置,但是隨機和連續並存是更常見的情況,比如山脈的走向是隨機的,但山峯之間的高度又是連續的,比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來,就形成了噪聲

beckyyyy 头像

@beckyyyy

昵称 beckyyyy

@beckyyyy

可視化學習:如何使用後期處理通道增強圖像效果

前言 大家好,本文分享的是如何使用後期處理通道增強圖像效果,通過前面幾篇文章,我們瞭解了一些動態生成紋理的方法,比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理,等等。這些生成紋理的技術有相似的地方,就是根據片元的紋理座標,對片元着色,直接生成紋理。 因為GPU是並行渲染的,每個像素的着色器程序是並行執行的,這樣的渲染很高效。但是在實際需求中,有時我們計算片元色值時,需要依賴周圍像素點

beckyyyy 头像

@beckyyyy

昵称 beckyyyy

@beckyyyy

可視化學習:如何用WebGL繪製3D物體

在之前的文章中,我們使用WebGL繪製了很多二維的圖形和圖像,在學習2D繪圖的時候,我們提過很多次關於GPU的高效渲染,但是2D圖形的繪製只展示了WebGL部分的能力,WebGL更強大的地方在於,它可以繪製各種3D圖形,而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞,也有不少人學習WebGL,就是衝着它的3D繪圖能力。 接下來,我就用一個簡單的正立方體的例子來演示在Web

beckyyyy 头像

@beckyyyy

昵称 beckyyyy

@nbidashuju

NBI可視化平台內置多種風格多套模板,做數據可視化不費勁

NBI可視化平台版本已經更新到4.9.1啦,在NBI可視化平台4.9.1版本中內置了多種風格、多套模板可以供用户選擇使用,並且在可視化視覺上面做了增強 NBI具有豐富的數據源對接能力 易於操作的可視化編輯器 豐富的組件庫: 易於功能擴展的腳本功能: NBI大數據可視化分析平台作為新一代自助式(體驗地址:http://

nbidashuju 头像

@nbidashuju

昵称 NBI大數據

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@vleedesigntheory

從2023看2024前端發展趨勢

前言 流光溯影,縱觀2023全年,整個前端業界呈現出百業凋零之狀,更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業,除了AI領域的大語言模型爆發外,整體都鮮有特別亮眼及突出的技術展現。故而,作為IT領域中細分方向的前端行業,加之整體經濟週期的影響,今年的這種形勢也算因之有素。然則,行有不得則需反求諸己,私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此,以下個人將分享一些各位前端

vleedesigntheory 头像

@vleedesigntheory

昵称 維李設論

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

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

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

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

3D 管道是如何流動的?

在3D場景中,管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統,還可用來模擬數據的流動或處理過程,從而向用户直觀展示數據的流向。 在HT中,ht.Polyline是一個強大的工具,可以用來在3D場景中表示管道。它不僅支持貼圖,還能通過調整貼圖的UV偏移等屬性,生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現,還可以使用它實現如流動、

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

圖撲智慧工廠 | 光纜生產車間數字孿生監控

光纜製造工藝複雜離散、產品多樣,全流程高效化的關鍵在於車間任務調度能實時高效反饋信息。隨着生產數據激增與系統複雜度提升,傳統數據管理和監控手段漸顯不足,亟需引入具備實時反饋能力的現代化作業調度系統,以優化工藝、提升效率、把控質量。 效果展示 基於自研 HT for Web 構建的光纜生產車間輕量化監控系統,集控制、監視與管理功能於一體,可助力企業實現生產過程的數字化、智能化與自動化轉型,顯著提升

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

拯救工業組態 HMI 人機界面

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

智慧倉儲物流可視化管理合集 | 圖撲數字孿生

在“互聯網+”和“中國製造2025”等國家戰略的推動下,智能倉儲行業快速發展,自動化立體倉庫、智能貨架、無人機盤點、無人駕駛運輸車、智能分揀系統等智能倉儲設備和技術得到了廣泛應用。智慧倉儲物流行業發展勢頭強勁,數字化、綠色可持續、全球化將成為未來行業發展的重要趨勢。 圖撲軟件利用自主研發 HT for Web系列產品,提供2D/3D 協同可視化設計工具、 WebGIS 、BIM 輕量化 、VR/

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

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

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

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

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

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

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

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

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

拯救工業組態 HMI 人機界面

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

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件

@hightopo

WebGL/Canvas 內存泄露分析

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

hightopo 头像

@hightopo

昵称 hightopo

@htdaydayup_5da2d7a6d4888

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

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

htdaydayup_5da2d7a6d4888 头像

@htdaydayup_5da2d7a6d4888

昵称 圖撲軟件