新疆文（wén）艺中心3D虚拟VR演示
源码（mǎ）：简单（dān），引入three，引（yǐn）入3d
实现：2:1的全景（jǐng）在（zài）PC端，可以预（yù）览，左右上下 鼠标移动（dòng）
优点（diǎn）：aaaaa,我说不出口
缺点：PC端（duān）不能放大缩小，图片需要裁剪六张，移动（dòng）端，不能放（fàng）大（dà）缩小，更加（jiā）糟糕的是渲染滴很（hěn）差，截图为证，手机也是如此（此方案（àn） 凉（liáng）凉 不符合需求）
大哥（gē），就这样跪（guì）了（le）吗？我没有深（shēn）入的研究重庆vr制（zhì）作公司的three，可能他的强大我没有用（yòng）上（shàng）吧
刚开始（shǐ）我用的是，node+three 竟然（rán）没有 CSS3DRenderer 安装包 ，只有2D的 并且引用three 也是报各种错误
放一个我（wǒ）引入成功的（de）示范：import * as THREE from "three";
官方实例的静态页面，跟官方一个（gè）效果，但是不（bú）是我想要（yào）的；我不想（xiǎng）切六（liù）张图，还有渲染也不好，图（tú）中出现（xiàn）黑色这（zhè）是我们老板打死也不（bú）能接受（shòu）的。是我没有深（shēn）入了（le）解
本例子，不接受反驳，有能力（lì）的（de）自己（jǐ）去研究。反正我是没（méi）有这个（gè）本事
第二种（zhǒng）方案：aframe
源码：真是太简单了（le），引入（rù）aframe 框架, <a-sky></a-sky>
实现：2:1的全景在PC端，可以预览（lǎn），左右上下 鼠（shǔ）标移动（dòng），还支持VR模式（shì），
优点（diǎn）：简单方（fāng）便，一顿操（cāo）作猛于（yú）虎
缺（quē）点：PC端不（bú）能放（fàng）大缩小，移动端只能左右移动，不能（néng）放大缩小，不能上（shàng）下滑动（此方案（àn） 凉（liáng）凉（liáng） 不符（fú）合需求）
看到这里是不是很绝望，反正我是的（引入jQuery 代码都不想放出来（lái）了 你们自（zì）己找吧（ba），无非就是引用插件 引用图片）
希望大（dà）家（jiā）可以找到符合你们（men）重（chóng）庆全景制作的（de）需求的插件吧
江湖再见
第（dì）四（sì）种方案：pannellum（宛如我的救星，是国（guó）外的一个（gè）框架（jià））
源码：引用同（tóng）样是so easy！
实现：2:1的全景（jǐng）在PC端，可以预（yù）览，左右（yòu）上下鼠标移动，能够放大缩小，移动端也完（wán）美具备这些需求（qiú），完（wán）全符合我的需求，跪谢
优点（diǎn）：简单方便（biàn），一顿操作猛于虎
缺点：由（yóu）于webGL的限制，图片宽度最大限制（zhì）是4086，图片由于灯（dēng）光有点失真，更加悲剧的是放（fàng）大的（de）时候，有锯齿（图片裁剪算法问题）
这都（dōu）差（chà）不多（duō）了（le），但是新的问（wèn）题好像很（hěn）难啊
用了很渣的英文（wén）问了（le）作者，重庆虚拟现实告知是图片裁剪算法问题
厚着脸皮要后端小哥哥，用bicubic和 Lanczos 帮我（wǒ）裁剪图（tú）片
然而（ér）事实，在移动端有锯（jù）齿（chǐ），特别的失真（哇的哭了，老板然后各种（zhǒng）发移动端别人做的没有锯齿的网页版全景图）
这一刻，我真的绝望了
上一篇：VISTA汽车全景VR视频
下一篇（piān）：悦湖美郡VR售楼（lóu）系统