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