image.png

前言

全景系統(tǒng)制作工具參考720yun基于threejs、vue2、vuetify開發(fā)了部分（視角、熱點、沙盤）功能。
在實踐中，學(xué)習(xí)threejs相關(guān)知識。

在線預(yù)覽

鏈接：http://merrylmr.top/admin-vuetify/#/editor-3d/view

Git倉庫地址

源碼鏈接：https://github.com/merrylmr/admin-vuetify

名稱說明:

場景 ：一個全景貼圖為一個場景；場景一般都兩種實現(xiàn)方式：1、立方體（box）；2. 球體（sphere）。這里采用“全景貼圖”的方式；詳情查看此篇文章：https://juejin.cn/post/6973865268426571784#heading-3
熱點：全景內(nèi)常用的交互方式，在全景漫游中增加圖標按鈕，圖標按鈕可關(guān)聯(lián)全景切換、超鏈接、圖片、視頻、文本、音頻、圖文、環(huán)物、文章，瀏覽者可點擊圖標按鈕瀏覽相關(guān)內(nèi)容，以獲得更多信息；
沙盤/電子沙盤：用于快速指引觀看者場景的位置。

項目功能

• 實現(xiàn)多個場景的切換；
• 支持在每個場景上添加熱點（圖片、大小、文字說明）
• 熱點動畫：（雪碧圖動畫）
• 沙盤

安裝使用步驟

• Clone：

git clone https://github.com/merrylmr/admin-vuetify.git

• Install:

npm install 
yarn 

• Run：

npm run serve

項目后續(xù)

• 改造成單獨的項目：技術(shù)棧更換為react方向；
• 支持下載
• 接入后端