需求描述

一、開發(fā)規(guī)范
1、按做好的MasterGo設(shè)計稿進行開發(fā)

二、項目需求
1、頁面的背景顏色使用CSS編寫實現(xiàn)
2、頁面布局和樣式實現(xiàn)
3、編寫Three.js實現(xiàn)頁面3d模型動態(tài)效果
3.1：首頁的一款3d模型效果
3.2：建站頁的5款3d模型粒子離散效果，粒子的顏色采用模型平面圖的顏色
4、5款動畫制作，并對應(yīng)應(yīng)用在開發(fā)的滑塊中
4.1：UI設(shè)計頁中滑塊上的5款動畫
5、自定義輪播塊（滑塊）開發(fā)
6、開發(fā)費用包含頁面實現(xiàn)Three.js模型效果需要用到的.gltf的3d建模文件（.gltf的文件由開發(fā)方負責制作）
6.1：模型文件需要使用我方提供的平面圖開發(fā).gltf文件，不接受在模型庫中找相似的來代替

三、項目開發(fā)的技術(shù)棧要求
1、有使用過WordPress的頁面編輯器Elementor開發(fā)過WordPress的頁面經(jīng)驗，熟悉使用Elementor的組件
2、CSS
3、JS
4、Three.js
5、PHP
6、動畫的制作使用css3或Lottie.js。如果前兩者都無法實現(xiàn)再使用Adobe After Effects來做

四、項目開發(fā)需求的兩種Three.js圖形3D效果根據(jù)以下兩個案例網(wǎng)站的效果來實現(xiàn)，基本的動態(tài)效果是一致的，只是使用的圖形/模型不同。但是，3d粒子離散效果的粒子顏色是采用模型平面圖的顏色
1、https://www.girard-perregaux.com/casquette-collection/
2、https://usta.agency/

五、項目開發(fā)內(nèi)容明細
1、項目需求開發(fā)的內(nèi)容部署到已有的WordPress網(wǎng)站上運行
2、10個靜態(tài)頁面的開發(fā)
3、全局部分的內(nèi)容開發(fā)：header、footer、原有插件上對側(cè)邊欄聯(lián)系工具條的樣式和鼠標樣式的開發(fā)
4、首頁/建站頁分別2種Three.js動態(tài)效果頁面
5、UI設(shè)計頁動畫效果
6、開發(fā)方的開發(fā)工作包含頁面實現(xiàn)Three.js模型效果需要用到的.gltf的3d建模文件（模型文件需要使用我方提供的平面圖開發(fā).gltf文件，不接受在模型庫中找相似的來代替）
7、開發(fā)的開發(fā)工作包含UI設(shè)計頁上所需要的動畫開發(fā)

六、開發(fā)方式和開發(fā)周期
開發(fā)方式：遠程開發(fā)
開發(fā)周期：25天