360⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ、720❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣、WebVR之間的區別
隨著網絡全景VR的不斷普及ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，對于360♀☿☼☀☁☂☄、720⒜⒝⒞⒟⒠⒡⒢⒣⒤、VR之間的區別❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，我們經常容易搞混⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，因為內容特別相近ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ。所以❻❼❽❾❿⓫⓬⓭⓮⓯⓰，本文主要討論一下360/720/VR之間的區別웃유ღ♋♂。
360照片
360照片其實我們一般用手機就可以拍攝出來㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，按照手機的支持☧☬☸✡♁✙♆。，、＇：∶；，橫向旋轉一周就可以ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，所以我們稱之為360照片㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，最后合成的圖片♦☜☞☝✍☚☛☟✌✽✾✿❁❃，也是一張平面二維的照片ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，肉眼可以直接查看ⓚⓛⓜⓝⓞⓟⓠⓡⓢ。
這張360°全景照片只能左右滑動觀看⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，最多就是看完你繞一圈的照片⒜⒝⒞⒟⒠⒡⒢⒣⒤，但因為手機鏡頭拍攝角度有限웃유ღ♋♂，實際上拍不到上方和下方❻❼❽❾❿⓫⓬⓭⓮⓯⓰，這個照片圖就是我們所謂的360°全景❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣。
如下圖所示：
720照片
720照片跟360照片不一樣⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，它是包括了上下的內容⑰⑱⑲⑳⓪⓿❶❷❸❹❺，有水平影像和垂直影像㈠㈡㈢㈣㈤㈥㈦，也就是有天有地♦☜☞☝✍☚☛☟✌✽✾✿❁❃。一般是通過特殊的720相機設備拍攝㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，而不是通過手機直接排石ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，所以不是普通的二維圖片☈⊙☉℃℉❅，我們直接看一般效果比較詭異ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，如下圖：
不過有時候☧☬☸✡♁✙♆。，、＇：∶；，我們也成720相機為360相機ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，其實最正確的叫法就是720相機♀☿☼☀☁☂☄，而不是360相機⑰⑱⑲⑳⓪⓿❶❷❸❹❺，不然容易搞混①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯。
他們的具體的區別可以參考下圖ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，一個是水平成像❣❦❧♡۵，一個是球形成像：
立方體照片
除了720照片❣❦❧♡۵，還有一種可以制作VR的照片ⓣⓤⓥⓦⓧⓨⓩ，叫立方體照片✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，他它的原理是將前后上下左右6個面分別拍攝一下✵✶✷✸✹✺✻✼❄❅，生成一個立方體✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，然后將6個照片合成一個VR❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，所以功能也是類似于720照片㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂，缺點是照片比較多㈠㈡㈢㈣㈤㈥㈦，優點是可以通過普通的單反或者高清相機就可以操作✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，并且容易拍出高清照片①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯。
原理可以參考下圖：
720 VR
我們了解了720圖片ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，就容易理解720VR了☾☽❄☃。
720VR虛擬實境是一種透過電腦3D渲染制作出來的虛擬空間♀☿☼☀☁☂☄，VR眼鏡除了能夠在原地觀看四周全景虛擬環境之外⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，自己還能在空間中移動㈠㈡㈢㈣㈤㈥㈦，如同在另一個世界互動體驗一樣☈⊙☉℃℉❅。
所以ⓣⓤⓥⓦⓧⓨⓩ，720VR其實就是通過720圖片❣❦❧♡۵，通過程序的渲染⑰⑱⑲⑳⓪⓿❶❷❸❹❺，加了一些互動操作ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，而形成了一種快速容易體驗的VR環境✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。
當然⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，也可以通過上面所說的立方體6面圖來生成一個VR⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，VR可以有多個場景ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，通過在VR里面移動⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，切換不同的圖片場景就可以達到VR內的移動效果⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓。
創作不易ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，轉載請注明出處웃유ღ♋♂！
更多Drupal以及內容管理系統ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，請參考我們其他相關文章ⓣⓤⓥⓦⓧⓨⓩ，
1✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴、全景沉浸式Web VR制作中如何選擇全景相機 （2023版本）
2✺ϟ☇♤♧♡♢♠♣♥、基于WebVR技術的虛擬展覽館/虛擬博物館案例介紹
3❻❼❽❾❿⓫⓬⓭⓮⓯⓰、WebVR哪個框架好ⓚⓛⓜⓝⓞⓟⓠⓡⓢ？WebVR開發框架的技術選型ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，360VR技術框架웃유ღ♋♂。
4㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂、如何基于開源的Photo Sphere Viewer 框架開發360/720全景VR⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ？
5☾☽❄☃、如何在網頁上構建三維/3D模型以及通過JS實現交互操作
6☧☬☸✡♁✙♆。，、＇：∶；、在線展覽和多媒體展示建設方案
7⒜⒝⒞⒟⒠⒡⒢⒣⒤、使用Phaser構建2D的在線展覽系統
8ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、構建英文網站應該用什么框架❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣？
