UI交互設計：紅綠立體圖片的制作

文章目錄

• • UI交互設計：紅綠立體圖片的制作
  • • 實驗原理
    • python之openCV
    • 實驗流程
    • • 一、怎么擁有python（老鳥請跳過）
      • 二、怎么安裝openCV
      • 三、寫點什么？

實驗原理

所有立體眼鏡的原理都一眼，讓左右眼看到不同的畫面，利用視覺差在腦子里合成立體畫面。各種不同類型的立體眼鏡對應的片源和播放設備都不同：紅綠眼鏡只需要低成本的眼鏡加普通播放設備就可以，電影播放的是兩個一個偏紅一個偏綠的重疊畫面，因為紅綠是互補色，通過紅色鏡片看會把綠色的畫面過濾掉，同樣綠色鏡片會過濾掉紅色畫面，這樣就實現了左右眼的不同畫面實現立體效果，成本很低但是相對效果較差，尤其是在色彩上不能反映事物的真實顏色，還有點傷眼睛。

python之openCV

OpenCV是一個基于Apache2.0許可（開源）發行的跨平臺計算機視覺和機器學習軟件庫，可以運行在Linux、Windows、Android和Mac OS操作系統上。它輕量級而且高效——由一系列 C 函數和少量 C++ 類構成，同時提供了Python、Ruby、MATLAB等語言的接口，實現了圖像處理和計算機視覺方面的很多通用算法。

實驗流程

（你可以通過PS制作并獲得同樣的效果！不過看看這些東西可以開闊思路，或者獲得加分？）

一、怎么擁有python（老鳥請跳過）

（一）python在哪下載：https://www.python.org/downloads/

（二）python如何安裝：

（三）python如何使用：


如果你完成了這些，恭喜你，一切才剛剛開始！

二、怎么安裝openCV

(一)以管理員形式打開命令提示符

（二）輸入pip install opencv-python

注：如果安裝出現錯誤，那就再試一次。
什么？你沒有pip？看看這里！
如果一切都沒有問題了，ok，現在我們可以開始寫代碼了！

三、寫點什么？

openCV幫助說明，以下出現看不懂的函數，請試著在這里查詢！

import cv2 import numpy as npimg0=cv2.imread('Figure1.jpg') img1=cv2.imread('Figure1.jpg') img2=cv2.imread('Figure1.jpg')#此函數返回[行數（像素），列數（像素），通道數]的元組 img0_info=img0.shape height=img0_info[0] width=img0_info[1]#創建一個可以調節大小的窗口window cv2.namedWindow('window', cv2.WINDOW_NORMAL)#img[y0:y1,x0:x1,c]=0這里的第三個參數c取值是0,1,2，分別代表R,G,B三個通道 #去掉紅色和藍色通道，只保留綠色通道 img1[:,:,0]=0 img1[:,:,2]=0#只去掉綠色通道,保留紅色和藍色通道 img2[:,:,1]=0#變換矩陣：設置平移變換所需的計算矩陣：2行3列 #例[[1,0,20],[0,1,50]] 表示平移變換：其中20表示水平方向上的平移距離，50表示豎直方向上的平移距離。 #此處并沒有做豎直方向上的移動 translation=np.float32([[1,0,20],[0,1,0]])#變換函數,使img1向右移動20像素但畫布大小不變 img1=cv2.warpAffine(img1,translation,(width,height))#混合函數，涉及參數包括圖像名稱img1，權重1，相加后'添加'的伽馬值0（亮度？） img3=cv2.addWeighted(img1,1,img2,1,0)#對圖像進行裁切，顯示與保存 img3=img3[:,20:] cv2.imshow('window',img3) cv2.imwrite('3D.png',img3)

這就是所有代碼了！然后按ctrl+s把它命名保存到一個你忘不了的地方！
如果想要運行它，你還需要在與它“相同路徑”的地方準備一張名為Figure1的JPEG文件！
比如這樣？

好吧！現在我們試著運行它！直接雙擊這個文件！ 當然是行不通的！
右鍵點擊它，選這個選項！

或者

好了，然后對著它按F5！

這是效果：

這是原圖：

好耶！你可以試著修改代碼并使用自己喜歡的圖片！

最后，本人并不是專業程序員，所以技術有限！如果有任何錯誤或問題歡迎大家指出交流！

總結

以上是生活随笔為你收集整理的UI交互设计：红绿立体图片的制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。