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