原创 opencv學習之邊緣檢測
邊緣檢測 是圖像處理 過程中經常會涉及到的一個環節。而在計算機視覺 和 機器學習領域，邊緣檢測 用於 特徵提取 和 特徵檢測 效果也是特別明顯。而 openCV 中進行邊緣檢測的 算法 真是五花八門，下面我就選幾個最常用算法的函數api進行
2022-05-15 14:02:21
原创 opencv學習之基礎
前段時間一直在鑽研深度學習中的卷積神經網絡，其中的預處理環節可以說非常關鍵，主要就是對圖片和視頻進行處理。而圖像處理就涉及到圖形學和底層技術細節，這是一個比較精深和專業的領域，假設我們要從頭開始做起，那簡直太麻煩和低效了。爲解決這個問題，o
2022-05-12 13:53:39
原创 WebGL之繪製三維地球
通過Three.js也許可以很方便的展示出3D模型，但是你知道它是怎麼一步一步從構建網格到貼圖到最終渲染出3D模型的嗎？現在我們直接使用底層的webgl加上一點點的數學知識就可以實現它。 本節實現的效果: WebGL三維地球 內容大綱
2021-04-26 14:16:40
原创 WebGL之延遲着色
什麼是延遲着色(Deferred Shading)？它是相對於正常使用的正向着色(Forward Shading)而言的，正向着色的工作模式：遍歷光源，獲取光照條件，接着遍歷物體，獲取物體的幾何數據，最後根據光照和物體幾何數據進行計算。 但
2020-09-18 13:55:01
2
原创 Docker搭建部署Node項目
前段時間做了個node全棧項目，服務端技術棧是 nginx + koa + postgresql。其中在centos上搭建環境和部署都挺費周折，部署測試服務器，接着上線的時候又部署生產環境服務器。這中間就有很多既無聊又費精力，喫力不討好的"
2020-07-14 13:36:45
原创 Flutter輪播圖
前端開發當中最有意思的就是實現動畫特效，Flutter提供的各種動畫組件可以方便實現各種動畫效果。Flutter中的動畫組件主要分爲兩類： 隱式動畫控件：只需設置組件開始值，結束值，執行時間，比如AnimatedOpacity，Anima
2020-07-02 14:06:21
原创 Flutter開發初探
目前跨端開發比較熱門的就是 React Native 和 Flutter 了，到底該選哪門技術似乎也快成了大前端圈的一個熱門話題。對於web前端來說，基於web生態的 React Native 應該是一個更加順暢而自然的選擇；但 Flutt
2020-06-26 14:27:06
原创 svg高級應用及動畫
canvas 和 webGL 這兩項圖形技術結合 css3 可以說能完成絕大部分的動畫和需求。但 canvas 和 webGL 畢竟是偏向底層的繪製引擎，某些場景使用起來還是過於繁瑣的，不分場合一律使用錘子解決的行爲不值得提倡。svg 在解
2020-06-04 13:21:18
原创 小試小程序雲開發(小結)
這篇文章主要介紹了小試小程序雲開發(小結)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 微信小程序剛出沒多久時，曾經上手寫過demo，但開發體驗比較差，所以一直沒怎麼關注。不過自從諸
2019-06-06 19:13:02
原创 WebGL之物體選擇
原文地址: WebGL之物體選擇 使用WebGL將圖形繪製到畫布後，如何與外部進行交互？這其中最關鍵的就是如何實現物體的選擇。比如鼠標點擊後判斷是否選中了某個圖形或圖形的某個部分。 本節實現的效果: WebGL選中物體 如何實現選中物體
2019-05-29 12:52:38
原创 WebGL學習之HDR與Bloom
什麼是HDR HDR (High Dynamic Range，高動態範圍)，在攝影領域，指的是可以提供更多的動態範圍和圖像細節的一種技術手段。簡單講就是將不同曝光拍攝出的最佳細節的LDR (低動態範圍) 圖像合成後，就叫HDR，它能同時反映
2019-05-22 12:53:08
3
原创 WebGL學習之紋理盒
我們之前已經學習過二維紋理 gl.TEXTURE_2D，而且還使用它實現了各種效果。但還有一種立方體紋理 gl.TEXTURE_CUBE_MAP，它包含了6個紋理代表立方體的6個面。不像常規的紋理座標有2個緯度，立方體紋理使用法向量，換句話
2019-05-06 12:52:33
1
原创 WebGL半透明物體的繪製
WebGL 中當透明和半透明物體共存時，相關設置不正確的話，物體表面會出現破碎雜亂的斷面，非常影響效果，我們接着就來解決這個問題。 完成的展示Demo請看: 半透明物體和透明物體共存 α 混合 讓物體實現半透明效果需要用到顏色的α分量。
2019-05-02 12:52:35
原创 WebGL學習之法線貼圖
實際效果請看demo：紋理貼圖 爲了增加額外細節，提升真實感，我們使用了漫反射貼圖和高光貼圖，它們都是向三角形進行附加紋理。但是從光的視角來看是表面法線向量使表面被視爲平坦光滑的表面。以光照算法的視角考慮的話，只有一件事決定物體的形狀，那
2019-05-02 12:52:25
5
原创 WebGL學習之紋理貼圖
爲了使圖形能獲得接近於真實物體的材質效果，一般會使用貼圖，貼圖類型主要包括兩種：漫反射貼圖和鏡面高光貼圖。其中漫反射貼圖可以同時實現漫反射光和環境光的效果。 實際效果請看demo：紋理貼圖 2D紋理 實現貼圖就需要用到紋理，常用的紋理格
2019-05-01 00:52:52
2