前言 作為全球化學品第一生產大國，我國危險化學品規模總量大、涉及品種多、應用範圍廣、管理鏈條長、安全風險高，歷來是防範化解重大安全風險的重點領域。危險化學品領域頻繁發生的典型事故，暴露出傳統安全風險管控手段問題突出。 建設背景 石油石化行業是國家重要的支柱行業，具有生產規模大，生產線長，數據模型大，物料危險性高等特點。特殊的作業環境、偏遠的廠區位置，使得工作人員作業值守難度大、成本高、效率低。隨着
昵稱 可視化PaaS開發
1）PlayerSettings.WebGL.emscriptenArgs設置無效的問題 2）java.lang.NoSuchMethodError的不明崩潰問題 3）UE電影攝像機旋轉問題 4）Android設備遊戲切後台後喚起，有概率變卡且黑屏 這是第383篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技術知識點，助力大家更全面地掌握和
昵稱 侑虎科技
前言 接觸過Canvas的小夥伴應該都知道，在Canvas2D中我們要加載一個圖片很簡單，通過調用drawImage API就能將圖像繪製到畫布上，當然在WebGL中我們也可以繪製圖像，在繪製時我們需要用到WebGL中的紋理對象，在之前WebGL實現網格背景的文章中，我使用了一個叫做紋理座標的配置，現在要完成紋理的加載我們也需要用到紋理座標，並且我們可以通過對紋理座標處理實現簡單的”馬賽克“效果。
昵稱 beckyyyy
1）java.lang.NoSuchMethodError的不明崩潰問題 2）微信小遊戲有可行的分析Mono內存的方法嗎 3）遊戲運行中，從對象池裏拿Item時動態設置物體錨點，導致DC成倍增加 4）Scriptable Build Pipeline打包Scritptable Object報錯 這是第384篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答
昵稱 侑虎科技
前言 本文將介紹如何使用着色器來進行幾何造型，説到幾何圖形大家一定都不陌生，比如説三角形、圓形，接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形，只要傳入三個頂點座標，並選擇繪圖模式，我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外，我們還可以直接使用片元着色器進行幾何造型，那麼具體要怎麼做呢，下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪
昵稱 beckyyyy
數據類型 基礎數據類型 關鍵字 數據類型 值 bool 布爾值 ture 或 false int 整型數 值為整數，比如0,1,2,3... float 單精度浮點數 浮點數用小數點表示，比如0.6,3.14,2.8 變量定義 // 整型變量 int coun
昵稱 風研雨墨
GLSL語法 變量聲明請查看上一篇WebGL學習筆記着色器語法篇-數據類型篇 變量簡單運算 // 32位浮點數相加 float a = 2.0; float b = 4.0; float c = a+b; //整數相加 int a = 2; int b = 4; int c = a+b; 兩個變量進行運算，需要保持一樣數據類型，否則報錯。 函數聲明 函數計算後,如果需要返回的值，通過關鍵字retu
昵稱 風研雨墨
1）Text Mesh Pro圖文混排如何對任何圖片都能實現 2）PlayerSettings.WebGL.emscriptenArgs設置無效的問題 3）Prefab對DLL中腳本的引用丟失 4）如何在第三人稱藍圖模板中獲得當前相機SpringArm的Target Arm Length 這是第386篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區
昵稱 侑虎科技
前言 本文將介紹如何使用極座標參數方程和上一篇文章提到的距離場SDF來繪製有趣的圖案。 説到曲線和幾何圖形的繪製，我們知道圖形系統默認支持的是通過直角座標繪製，但是有些曲線呢，不太容易使用直角座標系來表示，卻可以很方便地使用極座標來表示，這個時候我們可以選擇通過極座標和直角座標的相互轉換，來實現圖形的繪製。 下面我就用玫瑰線、花瓣線等曲線作為例子來進行演示。 在開始演示之前，我先簡單介紹下極座標和
昵稱 beckyyyy
本文分享的是如何使用噪聲生成紋理。 首先，什麼是噪聲呢？在上篇文章中我介紹過一個生成隨機數的函數，利用隨機技巧我們生成了一個類似剪紙的圖案，那在自然界中，這種離散的隨機也是比較常見的，比如蟬鳴突然響起又突然停下，比如雨滴隨機落在一個位置，但是隨機和連續並存是更常見的情況，比如山脈的走向是隨機的，但山峯之間的高度又是連續的，比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來，就形成了噪聲
昵稱 beckyyyy
引言 隨着時代的發展和科技的進步，人們的生活水平和消費需求不斷提高。商場作為購物、休閒、娛樂的綜合性場所，受到了越來越多消費者的青睞。然而，隨着商場規模的不斷擴大和樓層的增多，很多人在商場內總是感到迷茫，很難快速找到目標店家。為了解決這一問題，利用 WebGL 和 Three.js 技術實現多樓層商場地圖成為了一種新的解決方案。 WebGL 和 Three.js 簡介 WebGL 是一種用於在網頁
昵稱 前端不太難
前言 大家好，本文分享的是如何使用後期處理通道增強圖像效果，通過前面幾篇文章，我們瞭解了一些動態生成紋理的方法，比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理，等等。這些生成紋理的技術有相似的地方，就是根據片元的紋理座標，對片元着色，直接生成紋理。 因為GPU是並行渲染的，每個像素的着色器程序是並行執行的，這樣的渲染很高效。但是在實際需求中，有時我們計算片元色值時，需要依賴周圍像素點
昵稱 beckyyyy
在之前的文章中，我們使用WebGL繪製了很多二維的圖形和圖像，在學習2D繪圖的時候，我們提過很多次關於GPU的高效渲染，但是2D圖形的繪製只展示了WebGL部分的能力，WebGL更強大的地方在於，它可以繪製各種3D圖形，而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞，也有不少人學習WebGL，就是衝着它的3D繪圖能力。 接下來，我就用一個簡單的正立方體的例子來演示在Web
昵稱 beckyyyy
1）WebGL-編譯報錯，如何定位sendfile報錯位置 2）設置DepthBufferBits和設置DepthStencilFormat的區別 3）Unity打包exe後，遊戲內拉不起Steam的內購 4）使用了Play Asset Delivery提交版本被Google報錯 這是第395篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技
昵稱 侑虎科技
1）Shader預熱生成的內容會被RUUA卸載嗎 2）純WebGL可以實現微信小遊戲提供的WASM分包功能嗎 3）如何為單個實例添加命中計數 4）如何從藍圖中的for循環中獲得所有Index 這是第402篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技術知識點，助力大家更全面地掌握和學習。 UWA社區主頁：community.uwa4d.c
昵稱 侑虎科技
1）開發微信小程序遊戲，有沒有類似Debug真機圖形的方法 2）Unity中如何實現動態實時的車削效果 3）動態創建的Texture，有什麼辦法可以讓他保持ASTC麼 4）Unity轉微信小遊戲的日誌問題 這是第416篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技術知識點，助力大家更全面地掌握和學習。 UWA社區主頁：community.
昵稱 侑虎科技
作者：vivo 互聯網前端團隊- Su Ning 本文通過depth-anything獲取圖片的深度圖，同時基於pixi.js，通過着色器編程，實現了通過深度圖驅動的偽3D效果。該方案支持鼠標/手勢與手機陀螺儀雙模式交互，在保證性能的同時，為不同終端用户提供沉浸式的視覺體驗。 本文提供配套演示代碼，可下載體驗： Github | vivo-parallax 一、引言 在當今的網頁設計與交互
昵稱 vivo互聯網技術
大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製
昵稱 beckyyyy
介紹 名字靈感源於 warped + canvas，扭曲的畫布。 畫布可以被扭曲嗎？ 如果你使用過canvas，可能你對setTransform API也有所瞭解，那你可能會給出一個偏消極的答案：只能整體傾斜變形，但做不到扭曲變形。 但這真的做不到嗎？ 我們可以先來想一個問題：如果對於一個方方正正的圖像來説，setTransform API施加的變形效果只能作用於整體，那如果把它從斜對角切成兩份三
昵稱 歡進
