tag webgl

標籤
貢獻31
93
04:37 PM · Nov 03 ,2025
beckyyyy 頭像 uwatechnologies 頭像 rexindezicai_ema39t 頭像 Itstars 頭像 pingxingyun 頭像 weishiledanhe 頭像 zengshenaiguodeyangcong 頭像 onsummer 頭像 daqidehaigui 頭像 unakravets 頭像 llllll_5dd09b5e4bc57 頭像 u_14587 頭像

@webgl / 博客 RSS 訂閱

onsummer 頭像

嶺南燈火 - CesiumJS 源碼雜談 - 時間與時鐘系統

你知道嗎？ Cesium 是元素 銫 的英文單詞，而 銫原子鐘 具有世界上最高的計時精度 時間，是時刻間隔的意思，時刻是靜態的點；而時間就指有起止時刻的一段範圍 很多應用都要有一個時鐘，例如 GPS 授時、實時渲染系統，時間可以測量很多事物，萬物運動也體現了時間在流逝 1. 時間的“誕生” 首次創建時間是出現在 Scene 的構造函數中： function Scene (/**/) {

date , cesium , Time , webgl , julian-date

收藏 評論

u_14587 頭像

bugouhen - WebGL與Canvas的顯存與內存使用分析_51CTO博客

Blazor WebAssembly作為微軟推出的革命性Web開發框架，讓開發者能夠使用C#和.NET構建交互式Web UI。在前端圖形渲染領域，Canvas和WebGL是兩種主流的技術選擇。本文將從性能角度深入對比這兩種圖形渲染方案，幫助你為Blazor WebAssembly項目選擇最佳圖形方案。🚀 Blazor WebAssembly圖形渲染基礎 在B

webassembly , 3d , 後端開發 , webgl , harmonyos

收藏 評論

rexindezicai_ema39t 頭像

Addison - 深度覆盤 II： WebGL 工業級落地：混合渲染架構與 HMI 工程化實踐

🚀 前言 在上一篇《渲染架構篇》中，我們探討了基於 Three.js 的場景管理與 DrawCall 優化。然而，在實際交付的 工業數字孿生（Digital Twin） 項目中，決定系統能否長期穩定運行的，往往不僅僅是 3D 渲染效率，更是 2D UI 與 3D 場景的混合架構質量。 很多項目在 Demo 階段表現尚可，一上生產環境就暴露問題：DOM 更新導致 WebGL 掉幀、交互事件衝突、現

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

rexindezicai_ema39t 頭像

Addison - 深度覆盤 III： 核心邏輯篇：構建 WebGL 數字孿生的“業務中樞”與“安全防線”

🚀 前言 在 Z-TWIN 污水處理廠項目的前兩篇覆盤中，我們解決了 渲染管線（Rendering Pipeline） 的性能瓶頸與 HMI 工程化 的多端適配問題。這兩步走完，我們構建了一個“好看”且“能跑”的系統骨架。 然而，從 POC（概念驗證） 走向 Production（生產環境） 的過程中，真正的挑戰在於如何讓這套 3D 系統承載複雜的工業業務。在實際工程交付中，我們深知：視覺只是表

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

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

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

webgl , 可視化 , 前端 , Javascript

收藏 評論

Itstars 頭像

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題，因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

收藏 評論

daqidehaigui 頭像

大氣的海龜 - 我用百度地圖JSAPI THREE打造炫酷點特效

引言：為什麼要關心 EffectPoint 在地圖應用裏，靜態符號無法表達事件的緊急程度或範圍。為了讓用户立即感知重點，我嘗試了百度地圖 JSAPI 提供的 EffectPoint 特效點。它能把一個地理座標擴展成“會動的”視覺符號，比如雷達掃描、呼吸氣泡或水波擴散。下面從概念、參數、數據綁定到動畫定製，一步步拆解。 EffectPoint 支持哪些特效 EffectPoint 在內部通過 ty

webgl

收藏 評論

unakravets 頭像

Una Kravets - Web Image Effects Performance Showdown

As browsers constantly improve their graphical rendering abilities, the ability to truly design within them is becoming more of a reality. A few lines of code can now have quick and dramatic visual

coding , webgl , Responsive Images , Css , svg

收藏 評論

aikanshudemayi 頭像

愛看書的螞蟻 - MapV-Three實現擬真的天氣效果，比想象中簡單

MapV-Three實現擬真的天氣效果，比想象中簡單 做三維地圖可視化的時候，如果場景裏總是晴空萬里，看久了難免有點單調。加上點天氣效果——下點雨、飄點雪、來點霧——整個場景立馬生動起來。 以前實現這些效果得自己寫粒子系統、調光照參數，費時費力還不一定效果好。好在MapV-Three框架已經把這些封裝好了，就兩個組件：DynamicSky（動態天空）和 DynamicWeather（動態天氣），配

webgl , 前端

收藏 評論

llllll_5dd09b5e4bc57 頭像

前端收藏家 - 第41期 TypeScript 期中考試現在開始 & 一起來玩玩WebGL & MVC的不足與Flux的崛起

MVC的不足與Flux的崛起 在前幾篇中，我演示了一個前端 Backbone.js MVC 框架用於解決實際問題的例子。但 MVC 依然存在幾個問題: 不可預測：當一個事件發生之後，你並不知道會有誰響應這個事件，是單個對象還是多個對象會響應這個事件 級聯修改：當一個事件發生之後，A 組件在接收到事件之後在響應的過程中，還可能發出其他的事件觸發後續的修改，你並不知道這個事件會在何處結束，會造成

flux , webgl , 前端

收藏 評論

rexindezicai_ema39t 頭像

Addison - 深度覆盤： WebGL 數字孿生前端架構：如何打造高顏值、高性能的 Web 3D 可視化系統

🚀 前言 在企業級數字孿生（Digital Twin）項目中，“前端可視化表現”往往決定了項目的成敗。 很多項目後台數據很穩，但前端渲染卡頓、模型醜陋、交互生硬，最終導致無法交付。作為一名專注於 Web 3D 呈現與前端可視化 的開發者，我認為：讓數據“好看”且“好用”，是前端的核心價值。 本文將基於我們團隊最近交付的智慧園區可視化前端項目，覆盤一套高內聚、低耦合的 Three.js 前端架構設

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

u_16099231 頭像

半夜未央好 - 關於Unity WebGL 的探索（二）_weixin

突破瀏覽器邊界：Unity遊戲引擎WebGL移植全流程解析 引言：Unity到WebGL的移植痛點與解決方案 傳統Unity遊戲發佈至Web平台常面臨性能損耗、兼容性問題和加載速度慢等挑戰。Emscripten作為WebAssembly（WASM）編譯器工具鏈，通過將C/C++代碼編譯為瀏覽器可執行的JavaScript和We

webassembly , webgl , 前端開發 , Git , Javascript

收藏 評論

pingxingyun 頭像

實時雲渲染平行雲 - 實時雲渲染與雲桌面解析（二）：從雲桌面到實時雲渲染：圖形計算雲化的下一站

雲桌面雖在教育辦公領域廣泛應用，但在高性能圖形處理場景存在侷限。實時雲渲染技術通過雲端渲染、終端顯示的模式，解決了延遲和性能問題，支持多端接入和快速部署。相比雲桌面，實時雲渲染更適用於3D設計、VR等圖形密集型場景，具有低延遲、彈性擴展等優勢。隨着5G和邊緣計算髮展，實時雲渲染正推動圖形計算向"雲-邊-端"協同演進，成為數字化轉型的重要技術支撐。 根據中國信通院《2023年雲計算髮展白皮書》數據顯

three.js , unreal , 雲原生 , webgl , html5

收藏 評論

zengshenaiguodeyangcong 頭像

曾深愛過的洋葱 - JSAPI Three（mapvthree）與百度其他地圖引擎的區別

隨着數字孿生、智慧城市等應用場景的興起，對三維地圖渲染能力的需求日益增長。百度地圖推出了基於 Three.js 的 JSAPI Three（mapvthree）引擎，為開發者提供了全新的二三維一體化地圖解決方案。本文將從多個維度深入分析 JSAPI Three 與 JSAPI GL、JSAPI 2D（3.0和2.0版）等引擎的核心區別。 一、技術架構差異 1.1 JSAPI Three（mapvt

three.js , webgl , 百度地圖 , 前端 , Javascript

收藏 評論

u_16099166 頭像

數據小香 - Cesium開發基礎篇 | 05glTF介紹及加載

Cesium 用到的webgl擴展 1 OES_standard_derivatives OES_standard_derivatives 是 OpenGL ES 2.0 和 WebGL 1.0 的擴展，定義在 OpenGL ES 擴展規範中。 它引入了三個 GLSL 內置函數，用於在片段着色器中計算導數 d

着色器 , cesium , 後端開發 , 浮點 , webgl , Python

收藏 評論

himushroom 頭像

himushroom - pixijs使用iconfont字體圖標（以及Bitmap font generator使用不完全指北）

話不多説先放實現代碼↓ const app = new PIXI.Application({ backgroundColor: 0x777777 }); document.body.appendChild(app.view); // 將iconfont提供的字符轉換為中文 const toFontIcon = (unicode) = { if (unicode === "") return

iconfont , pixijs , webgl , 前端 , Javascript

收藏 評論

orillusion 頭像

Orillusion - Flash退出歷史舞台後，Web端3D會迎來怎樣的發展？

上一期討論《Web和Native誰才是元宇宙的未來》一篇中，我們提到了Flash的技術。這裏我們更加詳細的介紹一下Flash技術以及它的發展過程，以及Flash對Web 3D的影響。幫助我們預測瞭解，未來Web端3D內容將如何發展。 在Web發展初期，瀏覽器是一個非常弱小的存在。Web框架本身和JS語言能力都非常弱，也沒有任何的標準比如H5可以支持複雜的頁面內容。當時的網頁幾乎只能顯示文字，圖片，

Flash , 3d遊戲 , 3d , webgl , Web

收藏 評論

hightopo 頭像

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

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

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

收藏 評論

u_16099246 頭像

編程藝術家 - Javascript高性能WebGL圖表--LightningChart JS

在當今的前端開發領域，創建引人入勝的視覺體驗變得越來越重要。ClojureScript作為Clojure到JavaScript的編譯器，結合WebGL的強大圖形能力，為開發者提供了構建高性能圖形應用的完美解決方案。本文將深入探討如何使用ClojureScript操作WebGL的幀緩衝區和渲染目標，讓你的Web應用擁有令人驚歎的視覺效果。🚀 什麼是ClojureScript

Clojure , webgl , Css , 前端開發 , HTML , Web

收藏 評論

mudeshu 頭像

木的樹 - Web地圖呈現原理

地圖投影 　　對於接觸互聯網地圖的同學來説，最開始接觸的恐怕就是座標轉換的過程了。由於地球是個近似橢球的形狀，有各種各樣的橢球模型來模擬地球，最著名的也就是GPS系統使用的WGS84橢球了。但是這些橢球體的座標使用的是經緯度，單位是角度。目前我們的地圖大多是二維平面上展示，使用角度為基礎來計算多有不便，所以有眾多數學家提出各種不同的轉換方式來將經緯度表示的位置轉換成平面座標，這個轉換過程地圖學上成

原理 , webgl , webgis , 地圖 , 前端

收藏 評論

u_16213670 頭像

mob64ca140d2323 - 前端- WebGL淺入淺出 - 個人文章

uPlot WebGL實驗：探索高性能可視化的未來方向 在數據可視化領域，隨着實時數據流和大規模數據集的普及，傳統Canvas 2D渲染技術面臨着嚴峻的性能挑戰。當數據點超過10萬甚至達到百萬級別時，幀率下降、交互卡頓等問題成為用户體驗的主要瓶頸。uPlot作為一款輕量級高性能圖表庫，正在通過WebGL實驗探索下一代可視化技術的可能

數據 , 硬件加速 , webgl , jquery , 前端開發

收藏 評論

pingxingyun 頭像

實時雲渲染平行雲 - 實時雲渲染與雲桌面解析（三）：核心異同點深度解析

雲桌面與實時雲渲染的技術對比分析：雲桌面提供完整的遠程虛擬桌面系統，適用於標準辦公環境，而實時雲渲染專門提供圖形渲染算力服務。對於以3D應用為主的桌面/網頁訪問需求，實時雲渲染可以替代少併發、低成本的雲桌面技術方案。 一、算力部署方式不同 雲桌面：提供完整的遠程虛擬桌面系統，將操作系統、應用程序、數據全部託管在雲端 實時雲渲染：專門提供面向2D/ 3D / XR 等圖形渲染算力服務，僅需渲染

虛擬化 , unreal , webgl , unity3d , html5

收藏 評論

pingxingyun 頭像

實時雲渲染平行雲 - 實時雲渲染：數字孿生走向“虛實共生”的核心技術引擎

數字孿生作為一種綜合技術應用，正經歷一場深刻的演進。根據中國信息通信研究院（CAICT）在2025年第二屆數字孿生技術與產業發展大會上發佈的報告，數字孿生正 “從可視化走向智能體、從局部試點邁向全域協同發展” ，並呈現出“全空間、全要素、全生命週期”的體系化躍遷特徵。 2025年數字孿生十大關鍵詞如下： 數字孿生低空經濟：依託三維空間，實現低空空域可視可算；國家地方政策推動，企業搶灘佈

c++ , unreal-engine4 , webgl , unity3d , html5

收藏 評論

u_16213603 頭像

mob64ca13fd163c - javascript - 圖形學之紋理後續/WebGL多紋理處理 - 前端讀書會

在3D Web應用開發中，紋理資源的加載效率直接影響用户體驗與性能表現。隨着模型精度提升，單一場景可能包含數十甚至上百張4K/8K紋理圖，傳統加載方式常導致頁面卡頓、內存溢出等問題。Lozad.js作為輕量級延遲加載庫（僅1KB大小，無依賴），通過Intersection Observer API實現資源按需加載，與WebGL紋理系統結合可構建高性能3D

加載 , 3d , webgl , 前端開發 , Javascript

收藏 評論