使用three.js實現3D輪播效果

1、前言

需求驅動技術研究：最近項目上要求3d效果居多，輪播效果我們以前一般用swiper就能實現，但是這次界面要求頗高，不得不研究一下three.js

2、學習歷程

1、找相關技術博客，未找到符合的

2、琢磨官網，花時間看了看官方文檔的介紹，發現three.js的文檔不是很通熟易懂

3、開始動手實現一些簡單的元素、材質、簡單位移動畫

4、查找文檔和博客一步步實現需求

3、代碼

github： https://github.com/Promise-23/threeJs

代碼寫得比較亂，在此不貼代碼了，有興趣的可以down下來看下，功能基本實現但略顯單薄

喜歡的可以幫忙點個start，感謝！

4、寫在最後

1、three.js的功能還是非常強大的，值得深入學習研究

2、數學功底略差，導致一個拉近功能完善不了，拉近角度一直控制不了，後續有思路再實現

3、下面感謝一些博主給的思路和指導！

https://blog.csdn.net/qq_30100043/article/details/80275413

https://blog.csdn.net/qq_30100043/article/details/80114794

https://www.cnblogs.com/v-weiwang/p/6072235.html

https://blog.csdn.net/mariosss/article/details/80665988

https://blog.csdn.net/ithanmang/article/details/84062933

https://www.cnblogs.com/silent-stranger/p/6027266.html