image.png
前言
全景系統(tǒng)制作工具參考720yun基于threejs、vue2迈窟、vuetify開發(fā)了部分（視角私植、熱點(diǎn)、沙盤）功能车酣。
在實(shí)踐中曲稼，學(xué)習(xí)threejs相關(guān)知識(shí)。
在線預(yù)覽
鏈接：http://merrylmr.top/admin-vuetify/#/editor-3d/view
Git倉(cāng)庫(kù)地址
源碼鏈接：https://github.com/merrylmr/admin-vuetify
名稱說明:
場(chǎng)景 ：一個(gè)全景貼圖為一個(gè)場(chǎng)景湖员；場(chǎng)景一般都兩種實(shí)現(xiàn)方式：1贫悄、立方體（box）；2. 球體（sphere）娘摔。這里采用“全景貼圖”的方式窄坦；詳情查看此篇文章：https://juejin.cn/post/6973865268426571784#heading-3
熱點(diǎn)：全景內(nèi)常用的交互方式，在全景漫游中增加圖標(biāo)按鈕凳寺，圖標(biāo)按鈕可關(guān)聯(lián)全景切換鸭津、超鏈接、圖片肠缨、視頻曙博、文本、音頻怜瞒、圖文父泳、環(huán)物、文章吴汪，瀏覽者可點(diǎn)擊圖標(biāo)按鈕瀏覽相關(guān)內(nèi)容惠窄，以獲得更多信息；
沙盤/電子沙盤：用于快速指引觀看者場(chǎng)景的位置漾橙。
項(xiàng)目功能
- 實(shí)現(xiàn)多個(gè)場(chǎng)景的切換杆融；
- 支持在每個(gè)場(chǎng)景上添加熱點(diǎn)（圖片、大小霜运、文字說明）
- 熱點(diǎn)動(dòng)畫：（雪碧圖動(dòng)畫）
- 沙盤
安裝使用步驟
- Clone：
git clone https://github.com/merrylmr/admin-vuetify.git
- Install:
npm install
yarn
- Run：
npm run serve
項(xiàng)目后續(xù)
- 改造成單獨(dú)的項(xiàng)目：技術(shù)棧更換為
react方向脾歇； - 支持下載
- 接入后端
