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