久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

3D全景組件——H5制作分享

 風聲之家 2016-04-30
 

 
 第一部分: 全景圖片的拍攝
一、簡述
為了降低拍攝成本,,我們研究了兩種方式:一種初級單反,,一種手機;不管用單反和手機,,都需要借助【三角架】+【云臺】,。這是兩個必不可少東西;
三角架:主要是用來固定相機,、手機的,;
云臺:主要是用來旋轉(zhuǎn)的,一般的云臺360度都是有刻度的,;
魚眼鏡頭和球面鏡頭,,不是必須,可以嘗試,,只要有三腳架,,云臺、手機/相機,,即可,。

二,、拍攝方法
我采用的是每30°一張,拍5組,,共60張,。拍攝60張,主要是考慮拼接的細膩程度,,當然,,用了魚眼鏡頭后,可以少拍很多,。比如12張,,24張,都可以,。但做全景圖時,,對接會有一定的問題。
file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif 單反拍攝:
1,、拍攝方法
  將單反固定在云臺上,;
  調(diào)整為手動擋,固定曝光度,;
  從水平,,上斜45°,下斜45°,,正上,正下,,共5個角度,,每個角度間隔30°拍一張,每組12張,,共60張照片,。
2,、注意事項
  固定曝光度的好處,,是大家在拼接圖片時會更自然,;
  向上拍攝時,每張照片之間,最好有固定參考物,;
  向下拍攝時,會拍到三腳架,,這個后期可以處理,。
3、可選拍攝方式
  水平,,上斜45°,,下斜45°,可以采12張圖片,,正上面,,正下面,如果色調(diào)單一,,可以拍一張,,即可。這是32張?zhí)幚矸桨浮?/span>
  用魚眼鏡頭的話,,因采景范圍較大,,可以根據(jù)鏡頭不同,采集少量照片,。原則只有一個,,相鄰照片,,必須有重復的部分,。
file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif 手機拍攝:
1、拍攝方法
  將手機與藍牙云臺連接,;
  將手機橫向/豎向固定在云臺上,,每組照片選擇相機橫豎狀態(tài)只能一種,如果橫,,就都橫,,如果豎,就都豎,;
  手動旋轉(zhuǎn)云臺,,每30°拍照一次,還是5個圈60張照片,。如果拍攝室外,,為了防止攝影師的身影進入鏡頭,用藍牙拍攝云臺就很方便,。當設定好角度,,攝影師可以走很遠,點一下遙控器,,即可拍照,。
2,、手機拍攝的缺點
曝光不均勻,最后拼接出來的全景圖,,會不自然,。
3、拍攝場地的局限和探索
  盡量拍一些靜景,,容易后期處理,;
  需要有一定的距離,視手機,、相機的焦距和性能,;
  如果拍較狹小的室內(nèi),不管手機和相機,,需要借助魚眼鏡頭,,但拍攝車內(nèi),一般的手機+普通魚眼是完成不了的,,需要更專業(yè)的裝備,;
  靜景中,建議拍攝有規(guī)則邊緣的物體,,如建筑物,,不規(guī)則的物體,后期處理,,會有一定的難度,,比如:凌亂的樹枝;
  當然,,大家如果有性能比較好的單反,,可以將拍攝經(jīng)驗,總結(jié)一下,,也分享出來,。
三、總結(jié)
好了,,第一部分,,就這么多。先拍攝取得32張照片,,或者60張照片,,不管你是用手機,或者相機,。第二部,,我們就要將這么多照片,用PTGui這款軟件,拼接全景圖,,再將全景圖,,切成上下左右前后6張圖。

第二部分:全景圖片的制作


一,、簡述
認識PTGui, 軟件圖標
小五用的是漢化版的,,有英文trial版的,功能不全,,不建議使用,。如果從網(wǎng)上找不到好用的版本,也可以跟小五留郵箱,,下午可以發(fā)下載鏈接給大家(待補充)
二,、PTGui的使用
       PTGui軟件功能很強大,但大家不用害怕,,操作并不復雜,。或者說,,我們用不了那么多功能,,只用最基礎(chǔ)的4、 5 個點就行,。
1,、加載圖像
很容易理解,把我們上面拍攝的60張照片導入進來,;只要點擊第一個大按鈕即可,,選擇要加載的照片,即可導入成功,,不用修改其他選項,。
       可以從第二個頁簽:源圖像,來增減想要調(diào)整的照片
2,、對準圖像
此步操作,需要稍微等一小會兒,,軟件會根據(jù)你導入的圖片,,自動拼接。

       對準圖像后,,會出現(xiàn)一個“全景編輯器”界面,,可以看拼接的模擬效果,你可以拖動,,看每個邊緣拼接的是否自然,。
點即頁卡上的數(shù)字按鈕,可以顯示每張圖的編號和邊界。
很顯然,,天空的部分,,和地面的部分,都聚集在了一起,,沒有出現(xiàn)在應該出現(xiàn)的部分,。
這種情況,小五試了兩種辦法:1.減少天空和地面的照片數(shù)量,;2.用單張照片代替,;
大家可以編輯整個全景圖,也可以單獨編輯一張,,參考窗口上的菜單提示即可
更細精度調(diào)整:使用手動添加“控制點”,。選兩張臨近圖片,即有重合的部分,,將同一物體在兩張照片中,,設置控制點,只要左點一下,,在右邊場景中,,同一物體部位再點一下,即可,。
記?。?/strong>是相鄰圖片,相同物體位置,。
增加的手動控制點越多,,畫面程序拼接越自然。當然,,你不加,,也沒有關(guān)系,無非會損失一些品質(zhì),。如果商用的話,,就要精致一些,這里,,可能會耗費一些時間,。
file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif  可能出現(xiàn)的問題:
  加完控制點后未生效,因為未保存,;
  加的控制點,,不是同一物體的同一位置,會誤導程序的,;
第2步,,對準控制點,,就這么多;接下來,,第3步:創(chuàng)建全景圖,。
3、創(chuàng)建全景圖

  設置優(yōu)化尺寸:選最大尺寸;
  選擇輸入路徑,,不多說,;
  點擊創(chuàng)建全景圖按鈕;
  一張新鮮出爐的jpg全景圖就這樣生成了,。
  接下來,,還有一個步驟,就是切成6張圖片

這里面的設置簡單說一下,,沒用過的,,第一次一定蒙圈
  進入到“轉(zhuǎn)換到QTVR/立方體”界面后:
  選擇要轉(zhuǎn)換的文件,就是剛才我們生成的那張全景圖,;
  設置輸出選項:轉(zhuǎn)換到 立方體表面,,6個單獨文件;
  輸入路徑和名稱:會顯示3的位置,,可選擇你想要的輸入路徑,,不改即默認輸出到源圖像的文件夾。
  jgeg品質(zhì):如果想清晰一些,,就將百分比調(diào)大,;不過,會帶了圖片加載慢的問題,。小五試的是70%,,后來照片又單獨處理壓縮的,不然一張2M多,,對于低端用戶打開還是有困難的,。
  點擊轉(zhuǎn)換,6張照片即切出來了,。
4,、后期加工
  有黑洞的部分,是小5拿掉了天地,,需要用PS處理一下,;
  切出的照片,每張大約在3M左右,,用PS另存一下web格式,比較合適,,大小可以自己看著辦,,無非就是在清晰度和流暢度上找一個平衡,。
好了,第二部分,,就是這樣

三,、總結(jié)
第1部分:拍攝照片;
第2部分:制作全景圖,;
下一部分,,即生成3D全景的H5了,這需要有一定的代碼基礎(chǔ)

第三部分:生成3D全景的H5

一,、簡述
       不知道大家有沒有關(guān)注過“H5案例分享”2015年10月20日推過一款案例,,是進入明星的化妝間,找籃球的那個,。該案例就是運用了6張圖拼接全景的方法,,具體他用的什么工具,小五不知道,。
       只是有點代碼基礎(chǔ)的前端同學,,可以很容易將代碼拿到,分析一下,。換些圖片,,即可完成3D全景的前端部分。
       為了這堂課,,小五花費了一些時間,,把這個案例還原了一下,分享給大家
       后臺還做了一個管理后臺,,可以方便上傳圖片
       可以增加氣泡,,鏈接,可以放置說明文字,、廣告條,、和外鏈,這樣再跟大家的業(yè)務相結(jié)合,,就能做出有一定商業(yè)價值的3D全景,。
       當然,這個后臺需要單獨開發(fā),,為了這次課程分享,,我們團隊的小伙伴,項目間歇加塞,,開發(fā)了一個粗糙版本,。
       當然,前端的代碼,,大家是可以分析和使用的,。這個沒有什么秘密,。
       最后,給大家奉上我剛才講解用圖的3D全景效果,。(案列鏈接2)
二,、總結(jié)
       小5嘗試的這種3d全景方法,相對來說比較簡單:1.拍照,;2.拼全景,,切割成6張圖;3.用代碼連接這6張圖,,形成全景,。

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點,。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,,謹防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報,。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多