一、开发规范
1、按做好的MasterGo设计稿进行开发
二、项目需求
1、页面的背景颜色使用CSS编写实现
2、页面布局和样式实现
3、编写Three.js实现页面3d模型动态效果
3.1:首页的一款3d模型效果
3.2:建站页的5款3d模型粒子离散效果,粒子的颜色采用模型平面图的颜色
4、5款动画制作,并对应应用在开发的滑块中
4.1:UI设计页中滑块上的5款动画
5、自定义轮播块(滑块)开发
6、开发费用包含页面实现Three.js模型效果需要用到的.gltf的3d建模文件(.gltf的文件由开发方负责制作)
6.1:模型文件需要使用我方提供的平面图开发.gltf文件,不接受在模型库中找相似的来代替
三、项目开发的技术栈要求
1、有使用过WordPress的页面编辑器Elementor开发过WordPress的页面经验,熟悉使用Elementor的组件
2、CSS
3、JS
4、Three.js
5、PHP
6、动画的制作使用css3或Lottie.js。如果前两者都无法实现再使用Adobe After Effects来做
四、项目开发需求的两种Three.js图形3D效果根据以下两个案例网站的效果来实现,基本的动态效果是一致的,只是使用的图形/模型不同。但是,3d粒子离散效果的粒子颜色是采用模型平面图的颜色
1、https://www.girard-perregaux.com/casquette-collection/
2、https://usta.agency/
五、项目开发内容明细
1、项目需求开发的内容部署到已有的WordPress网站上运行
2、10个静态页面的开发
3、全局部分的内容开发:header、footer、原有插件上对侧边栏联系工具条的样式和鼠标样式的开发
4、首页/建站页分别2种Three.js动态效果页面
5、UI设计页动画效果
6、开发方的开发工作包含页面实现Three.js模型效果需要用到的.gltf的3d建模文件(模型文件需要使用我方提供的平面图开发.gltf文件,不接受在模型库中找相似的来代替)
7、开发的开发工作包含UI设计页上所需要的动画开发
六、开发方式和开发周期
开发方式:远程开发
开发周期:20天