Panolens.js：可以利用 360 度照片製造 VR 環景效果的 js 套件

Panolens.js 是一個可以利用 360 度照片製造 VR 環景效果的 js 套件。

使用方法如下，首先讀入 three.js 以及 panolens.js

<script src="js/three.min.js"></script>
<script src="js/panolens.min.js"></script>

three.js 可以讀開發者使用的這一支：https://pchen66.github.io/js/three/three.min.js

接著設立一個 id 是 scene 的區塊，就可以透過以下程式碼初始化場景：

container = document.querySelector( '#scene' );
const panorama = new PANOLENS.ImagePanorama( 'asset/textures/equirectangular/field.jpg' );
const viewer = new PANOLENS.Viewer({ container: scene });
viewer.add( panorama );

我有利用 AI 生成環景照片，弄上去的效果還不錯，有需要的可以嘗試看看。