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