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