新疆文藝中心3D虛擬VR演示
源碼：簡(jiǎn)單，引入three，引入3d
實(shí)現(xiàn)：2:1的全景在PC端，可以預(yù)覽，左右上下 鼠標(biāo)移動(dòng)
優(yōu)點(diǎn)：aaaaa,我說(shuō)不出口
缺點(diǎn)：PC端不能放大縮小，圖片需要裁剪六張，移動(dòng)端，不能放大縮小，更加糟糕的是渲染滴很差，截圖為證，手機(jī)也是如此（此方案 涼涼 不符合需求）
大哥，就這樣跪了嗎？我沒(méi)有深入的研究重慶vr制作公司的three，可能他的強(qiáng)大我沒(méi)有用上吧
剛開(kāi)始我用的是，node+three 竟然沒(méi)有 CSS3DRenderer 安裝包 ，只有2D的 并且引用three 也是報(bào)各種錯(cuò)誤
放一個(gè)我引入成功的示范：import * as THREE from "three";
官方實(shí)例的靜態(tài)頁(yè)面，跟官方一個(gè)效果，但是不是我想要的；我不想切六張圖，還有渲染也不好，圖中出現(xiàn)黑色這是我們老板打死也不能接受的。是我沒(méi)有深入了解
本例子，不接受反駁，有能力的自己去研究。反正我是沒(méi)有這個(gè)本事
第二種方案：aframe
源碼：真是太簡(jiǎn)單了，引入aframe 框架, <a-sky></a-sky>
實(shí)現(xiàn)：2:1的全景在PC端，可以預(yù)覽，左右上下 鼠標(biāo)移動(dòng)，還支持VR模式，
優(yōu)點(diǎn)：簡(jiǎn)單方便，一頓操作猛于虎
缺點(diǎn)：PC端不能放大縮小，移動(dòng)端只能左右移動(dòng)，不能放大縮小，不能上下滑動(dòng)（此方案 涼涼 不符合需求）
看到這里是不是很絕望，反正我是的（引入jQuery 代碼都不想放出來(lái)了 你們自己找吧，無(wú)非就是引用插件 引用圖片）
希望大家可以找到符合你們重慶全景制作的需求的插件吧
江湖再見(jiàn)
第四種方案：pannellum（宛如我的救星，是國(guó)外的一個(gè)框架）
源碼：引用同樣是so easy！
實(shí)現(xiàn)：2:1的全景在PC端，可以預(yù)覽，左右上下鼠標(biāo)移動(dòng)，能夠放大縮小，移動(dòng)端也完美具備這些需求，完全符合我的需求，跪謝
優(yōu)點(diǎn)：簡(jiǎn)單方便，一頓操作猛于虎
缺點(diǎn)：由于webGL的限制，圖片寬度最大限制是4086，圖片由于燈光有點(diǎn)失真，更加悲劇的是放大的時(shí)候，有鋸齒（圖片裁剪算法問(wèn)題）
這都差不多了，但是新的問(wèn)題好像很難啊
用了很渣的英文問(wèn)了作者，重慶虛擬現(xiàn)實(shí)告知是圖片裁剪算法問(wèn)題
厚著臉皮要后端小哥哥，用bicubic和 Lanczos 幫我裁剪圖片
然而事實(shí)，在移動(dòng)端有鋸齒，特別的失真（哇的哭了，老板然后各種發(fā)移動(dòng)端別人做的沒(méi)有鋸齒的網(wǎng)頁(yè)版全景圖）
這一刻，我真的絕望了
下一篇：悅湖美郡VR售樓系統(tǒng)