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