簡單的 AR 效果實現【OpenGL】【OpenCV】
說明:
通過筆記本攝像頭實時採集現場畫面,當程式檢測到模板影象(手機相簿中的照片)時,顯示一個帶紋理的立方體。
其實類似的程式碼是三年前寫的,只不過當時用的GL 1.X,現在只是修改 GL 的程式碼,改為支援 Shader而已。
OpenCV的檢測演算法還有待優化,抖動比較明顯,但是畢竟是三年前寫的,要花點時間看看。
還有一些新的 bug 有待 fix。
效果如圖:
1.沒有特效的紋理 Quad:
2. 帶靜態馬賽克特效的紋理立方體
3.帶動態馬賽克特效的紋理立方體
相關推薦
簡單的 AR 效果實現【OpenGL】【OpenCV】
說明:通過筆記本攝像頭實時採集現場畫面,當程式檢測到模板影象(手機相簿中的照片)時,顯示一個帶紋理的立方體。其實類似的程式碼是三年前寫的,只不過當時用的GL 1.X,現在只是修改 GL 的程式碼,改為支援 Shader而已。OpenCV的檢測演算法還有待優化,抖動比較明顯,但
【OpenGL ES 2.0】如何顯示出非2的N次冪的貼圖。(NPOT)
在繫結紋理後,新增下面四行程式碼 glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER, GL_LINEAR); glTexParameterf(G
【從零學習openCV】IOS7下的openCV開發起步(Xcode5.1.1&openCV2.49)
rgb load fcm 12px 轉換 sim 圖像 round ios 前言: 開發IOS7已經有一月的時間了。近期在準備推研的事,有點想往CV方向發展。於是開始自學openCV。 關註CSDN已經非常久了。也從非常多博主那學到了非常多知識,於是我也從這周開
【拜小白opencv】30-平滑處理3線性濾波之——高斯濾波
常言道“溫故而知新”,寫此文章就是對自己目前學習內容的小小的總結與記錄。 本文力求用最簡潔的語言,詳細的程式碼將此部分內容講解清楚,但由於博主同樣是剛剛接觸OpenCV,或許表達上有些瑕疵,還望讀
【拜小白opencv】28-平滑處理1線性濾波之——盒式濾波(方框濾波)
常言道“溫故而知新”,寫此文章就是對自己目前學習內容的小小的總結與記錄。 本文力求用最簡潔的語言,詳細的程式碼將此部分內容講解清楚,但由於博主同樣是剛剛接觸OpenCV,或許表達上有些瑕疵,還望讀
【拜小白opencv】15-利用ROI將一幅影象疊加到另一幅影象的指定位置
常言道“溫故而知新”,寫此文章就是對自己目前學習內容的小小的總結與記錄。 本文力求用最簡潔的語言,詳細的程式碼將此部分內容講解清楚,但由於博主同樣是剛剛接觸OpenCV,或許表達上有些瑕疵,還望讀
【拜小白opencv】4-測量程式執行時間;getTickCount()與getTickFrequency()
博主力求用最簡單的語言將此部分內容講解清楚,但由於博主同樣是剛剛接觸OpenCV,或許表達上有些錯誤,還望讀者能夠指教探討,大家共同進步。 博主機器配置為:VS2013+opencv2.4.13
iOS 簡單動畫效果實現的三種方式
【在ios開發中,動畫是廉價的】 一、首尾式動畫 程式碼示例: // beginAnimations表示此後的程式碼要“參與到”動畫中 [UIView beginAnimations:nil context:nil]; //設定動畫時長
【從零學習openCV】使用直方圖統計畫素
1. 計算影象直方圖 影象是由畫素組成的,在一個單通道的灰度影象中,每個畫素的值介於0到255之間,而直方圖就是一個簡單的表,給出了一幅或者一組影象中擁有給定數值的畫素數量。當然直方圖也可以歸一化,歸一化後的所有項的和為1,在這種情況下,每一項給出的都是擁有特定數值的畫素在
【從零學習openCV】opecv操作畫素
//at方法 void colorReduce1(Mat&image, int div = 64) { int nl = image.rows; //影象的行數 //影象每行的畫素數 int nc = image.cols * image.channels(); for
【Unity Shader】簡單積雪效果的實現
1.前言 公司的專案進入真機除錯階段,體驗了一個月的996模式的正式結束,放假第一天來寫篇部落格 2.實現思路 1.積雪的實現 一般由模型的紋理貼圖和一張積雪的紋理圖混合而成。 //2個取樣結果的差值(1.模型紋理,2.積雪紋理/顏色) color.rgb =
【OpenGL】Shader實例分析(七)- 雪花飄落效果
mouse llb cto 接下來 pix lan details effect art 轉發請保持地址:http://blog.csdn.net/stalendp/article/details/40624603 研究了一個雪花飄落效果。感覺挺不錯的。分享給大家,效
【CSS】非常簡單的css實現div懸浮頁面底部
簡單的 fixed style 簡單 底部 demo 實現 clas post <div id="demo_div"></div> <style> #demo_div{ left: 0; positi
【2018-01-23】HTML-插入視頻、音樂,簡單滾動效果
視頻 embed blog 默認 loop alternate idt 方向 範圍 插入視頻:在優酷等視頻網站,找到分享位置,復制html代碼,貼入網頁中自動播放:swf後面?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isS
最簡單的 UBO(Uniform Buffer Object) 【OpenGL】【GLSL】
一、引入 Uniform Buffer Object / Uniform Block 的 原因 1) 如果程式涉及了多個 Shader 程式,而且它們使用同一個Uniform變數,那麼你就需要為每個 Shader 程式單獨管理它們。當一個程式被連結時,OpenGL 會自動生成
【PHP】簡單計算器的實現
<!DOCTYPE html> <html> <head> <title>計算器</title> <meta charset = 'utf-8'> </head> <body> <
【微信H5開發】基於html2canvas實現(圖文組合)圖片長按即可儲存(簡單處理)
鑑於當前開發的功能比較簡單 所以這裡只涉及html5的canvas來實現功能,所以沒有涉及很深的功能開發 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-eq
【MATLAB】一個簡單的程式實現細胞計數
##實現帶UI介面的程式,對細胞計數 首先在建立一個圖形使用者介面,副檔名為.fIg的檔案,在MATlAB命令視窗啟動GUIDE,進行佈局,大致佈局為自己想要的介面,下圖是我自己做的介面(圖一)。可以選中屬性進行編輯 圖一圖二右鍵按鈕進入編輯器,即按鈕1的回撥函式,在函
等待中loading 菊花圖CSS 效果實現【Antd spin 原始碼實現】
緣起: 今天閒來無事,除錯一個單頁面VUE的效果,94年的開發小哥哥說,讓我給他加個菊花圖...Excuse me? 菊花圖?長這樣麼? 還是?長這樣?簡直讓我腦洞大開。。 其實吶,他說的是這個。。等待狀態,我內心 好了,那怎麼實現吶 第一反應:gif
【React】錨點效果實現(點選跳轉定位位置)(內含demo)
錨點:超連結的一種形式,快速定位到想要看的位置,常用在文章目錄等位置。那麼問題來了React不支援原生錨點的書寫方式所以怎麼在React裡實現類似錨點的效果我的解題思路1.在 url裡 使用 anchor 引數2.頁面 解析 是否有anchor引數對應的id3.有對應id的話