新疆文藝中心3D虛擬VR演示
源碼：簡(jian)單，引入three，引入3d
實現：2:1的全景在PC端，可以預覽，左(zuo)右上下 鼠標移動
優(you)點：aaaaa,我說不出口
缺點：PC端不(bu)能(neng)放大(da)縮(suo)小，圖(tu)片(pian)需(xu)要(yao)裁剪六張，移動端，不(bu)能(neng)放大(da)縮(suo)小，更加(jia)糟(zao)糕(gao)的是(shi)渲(xuan)染滴很(hen)差，截圖(tu)為證，手機也是(shi)如此（此方案 涼(liang)涼(liang) 不(bu)符合需(xu)求）
大哥，就這樣跪了嗎？我沒有深入的研究重慶vr制作公司的three，可能他的強大我沒有(you)用(yong)上吧
剛開始我用的是，node+three 竟然沒有 CSS3DRenderer 安裝(zhuang)包 ，只有2D的 并且引用three 也是報各(ge)種錯誤
放一(yi)個我引(yin)入成(cheng)功(gong)的示范：import * as THREE from "three";;
官方實例的(de)靜(jing)態頁(ye)面，跟官方一個效果(guo)，但是不(bu)是我(wo)想要(yao)的(de)；我(wo)不(bu)想切(qie)六張圖，還有(you)(you)渲染也(ye)不(bu)好，圖中出現黑色這是我(wo)們(men)老板打死也(ye)不(bu)能接受的(de)。是我(wo)沒有(you)(you)深入了解
本(ben)例(li)子，不接受反駁(bo)，有能力(li)的自己(ji)去(qu)研究。反正(zheng)我是(shi)沒有這個本(ben)事
第二(er)種方案(an)：aframe
源碼：真是太簡單了，引入aframe 框架, <a-sky></a-sky>
實(shi)現：2:1的全(quan)景在PC端，可以預(yu)覽，左右(you)上下 鼠標移(yi)動(dong)，還支持VR模式，
優點(dian)：簡單(dan)方便(bian)，一頓(dun)操作(zuo)猛(meng)于虎
缺點：PC端不(bu)能放大(da)縮小，移動(dong)端只能左右移動(dong)，不(bu)能放大(da)縮小，不(bu)能上下滑動(dong)（此方案 涼涼 不(bu)符合需求）
看到(dao)這(zhe)里是(shi)(shi)不是(shi)(shi)很絕望，反(fan)正我(wo)是(shi)(shi)的（引入jQuery 代碼都不想放出來了 你們自己找吧，無非就是(shi)(shi)引用(yong)插件(jian) 引用(yong)圖(tu)片）
希望大家可以找到符合你們重慶全景制作的需求的插件吧
江湖再見
第(di)四種方案：pannellum（宛如我的救星(xing)，是國外的一個框架）
源碼：引(yin)用同樣是so easy！
實現：2:1的全景在PC端，可以預覽，左右上下鼠標(biao)移動(dong)，能夠放(fang)大縮小，移動(dong)端也完(wan)美(mei)具(ju)備這些(xie)需(xu)求，完(wan)全符(fu)合(he)我的需(xu)求，跪謝
優點：簡(jian)單(dan)方便，一頓操(cao)作猛于(yu)虎
缺點：由(you)于webGL的(de)限制(zhi)，圖片寬度最(zui)大限制(zhi)是4086，圖片由(you)于燈光有(you)(you)點失真，更(geng)加悲劇(ju)的(de)是放大的(de)時候，有(you)(you)鋸齒(chi)（圖片裁剪(jian)算(suan)法(fa)問題(ti)）
這都差不多了(le)，但是(shi)新(xin)的問題(ti)好像很(hen)難啊
用了很渣的英文問了作者，重慶虛擬現實告知(zhi)是圖片裁剪算法問題
厚著臉皮要后端小(xiao)哥(ge)哥(ge)，用(yong)bicubic和 Lanczos 幫(bang)我裁剪(jian)圖片
然而事實，在移動端(duan)有鋸齒，特(te)別的(de)失真（哇的(de)哭了(le)，老板然后各種發(fa)移動端(duan)別人(ren)做的(de)沒(mei)有鋸齒的(de)網頁版全景圖）
這一刻，我真的絕(jue)望了
上一篇：VISTA汽車全景VR視頻
下一篇：悅湖美郡VR售樓系統